¿Quieres registrarte?

Cómo crear texto en 3D con Illustrator y Photoshop

Por: Pley
30 de Enero del 2009
2059 de clabLevel
Otros artículos de Pley
19,259 visitas

Illustrator como Photoshop son buenas herramientas, pero si usamos ambos programas podemos realizar cosas realmente buenas, y en este tip explicaré por que. Concretamente usaremos la herramienta 3D de Illustrator y usáremos los efectos y brushes de Photoshop para hacerlo mas real

El Texto


Bueno empecemos, como sabrán Illustrator tambien te permite trabajar con textos, el cual agregamos un texto cualquiera(de preferencia color blanco) y luego nos vamos al menu Effect > 3D > Extrude & Bevel, tal y como se muestra en la imagen.



Esta ventana ya les debe resultar familiar, pero en esta ocación solo ubicáremos el ángulo de tal manera como se ve en la imagen, luego de dan click en Ok y listo. De la misma forma hacemos para las demás letras de nuestro texto. Cabe mencionar que cada letra es por separado ñ_ñ todo tiene un porque.



Asi nos quedaria nuestro texto



Exportar a Photoshop


Ahora, seleccionamos nuestro texto y lo exportamos como archivo de Photoshop(PSD) le ponemos un nombre y le damos click en OK a la ventana que no salga ñ_ñ que es para la resolucion(que es normal a 72 que es para web)



Abrimos el archivo de archivo de Photoshop que exportamos y veremos que se formaron cuatro capas, la misma cantidad de letras que hicimos para hacer nuestra palabra, por eso dije al principio hacer las letras por separado ñ_ñ



Degradados y Efectos


Ahora, elegimos nuestra varita magica y seleccionamos la parte de arriba de nuestra letra, como se ve en la imagen, y luego escogemos un degradado o creamos uno.



Luego, una vez seleccionado nuestra herramienta de degradado, lo hacemos pero de forma diagonal, hacemos un trazo para que el degradado se vea como en la imagen. Es decir de arriba hacia abajo



A cada letra le hacemos lo mismo, seleccionamos con la varita mágica y le ponemos un degradado.



Ahora, seleccionamos una de nuestras capas y usamos un brush para darle el efecto de concreto, sino tienen alguno les puedo sugerir este, luego elegimos un color medio oscuro por ejemplo el marrón y lo ponemos encima de la letra.



Luego con la herramienta borrador borramos las partes innecesarias y así a cada una de las letras ñ_ñ



Y finalmente le ponemos una imagen de fondo y así queda nuestro texto :D espero que les haya gustado.

Enviar a twitter Enviar a facebook


También te interesa


Etiquetas photoshop 3d illustrator

Comentarios | Enviar un comentario
Buen tip, aunque el último efecto quedó regulero.. xD
Por: Zguillez
hmmmm, seguro tiene muchas utilidades U_U
Por: gcm
La verdad es que explicas barbaro y es de mucha utilidad.
Gracias
:-P
Por: Maria-blog
No entendi una verga jaja
me enoje y apague todo xD
Por: andrees-blog
para aplicarles ese brush a las letras te convendria crear una nueva layer arriba de las letras y poner con el click derecho 'create clipping mask' y va a salir una flechita señalando la layer de las letras y ahi usas el brush qe qieras y no va a salir de las letras, bye
Por: fede-blog

fede-blog :

para aplicarles ese brush a las letras te convendria crear una nueva layer arriba de las letras y poner con el click derecho 'create clipping mask' y va a salir una flechita señalando la layer de las letras y ahi usas el brush qe qieras y no va a salir de las letras, bye


Hay muchas maneras, yo solo doy una idea U_U y es el gusto de cada uno mejorarlo a su gusto ^^
Por: Pley

fede-blog :

para aplicarles ese brush a las letras te convendria crear una nueva layer arriba de las letras y poner con el click derecho 'create clipping mask' y va a salir una flechita señalando la layer de las letras y ahi usas el brush qe qieras y no va a salir de las letras, bye


Hay muchas maneras, yo solo doy una idea U_U y es el gusto de cada uno mejorarlo a su gusto ^^
Por: Pley
Hola muy buena la explicacion. Ahora sacame una duda como hago para hacer un logo en ilustrator siendo que tengo una imagen plana en .png que hice en ps valiendome de una copia en .jpg. El tema es que estoy queriendo hacerlo 3d y luego pasrlo a flash par un movieclip.Desde ya muchas gracias.
Por: arilonso
aaaaa el fotoshop deveria venir con las letras ya ioncluidas asi :(
Por: tifi-blog
Yo tengo un problema,y es que cuando aplico a la letra 3D/estrusión y biselado,la letra se ve totalmente plana,es decir,no se me ve como en la segunda imagen del tutorial. Se ve que está en 3d,pero no se ven los contornos ni nada,ni siquiera cambiando el tipo de fuente. Alguin me puede ayudar? Gracias ^_^
Por: Aster-blog
xD con xara3D y photoshop sale mas bueno el efecto sale simplemente expectacular y facil!
Por: bastian-blog
en fin iwal buena idea para los ke no sabian hacerlo :)
Por: bastian-blog
No tengo illustrator...
Por: ?¿-blog
Como lo descargo u.u
Por: lucasarriola
Deja un comentario
IMPORTANTE

Recuerda ser respetuoso, no insultes a otras personas, ni uses palabrotas, hay una persona al otro lado de la pantalla.

Habla bien, NO ESCRIBAS EN MAYUSCULA TODO, no escribas como en un SMS, evita cosas como "ke", "x q" y demás abreviaciones.

Aquí funcionan las etiquetas de los foros, puedes usar [b] para negrita, [img] para las imágenes, [url] para los enlaces, etc.

Si tienes preguntas técnicas, envíalas mejor al foro.