Aprende a crear Texto en 3D usando solamente Photoshop. Como sabemos Photoshop no

tiene la opcion de crear 3D pero aqui te enseño una forma en que podemos lograr que un

Texto paresca 3D utilizando sombras.

Es una forma muy sencilla aunque es un poco tardado hacer la sombra para cada letra.

Paso 1

Empezamos con un nuevo documento, yo lo voy a hacer de 700px por 700px pero el

tamaño no importa. Agarramos la herramienta Texto y escribimos cualquier texto, yo voy a

usar ZonaPhotohsop y lo voy a separar en dos palabras, en mayusculas usando Helvetica

Bold y tamaño de 90pt, el color no importa por ahora.

Paso 2

Duplicamos nuestra capa(s) de texto, esto es para trabajar con una copia y dejar la original

por si nos equivocamos en algo y escondemos las capas originales.

Paso 3

Ya que hagas hecho eso, seleccionas una de las capas duplicadas y vas a Layer -> Type ->

Convert to Shape. Esto convierte la capa a Shape, que es como las capas Vector creadas

con la herramienta Pluma y puedes modificar sin que se “pixelee”.

Paso 4

Ahora selecciona las capas duplicadas y vamos a Edit -> Transform -> Perspective.

Primero movemos el tirador marcado con el 1 hacia arriba, despues movemos el tirador

marcado con el 2 hacia arriba para conseguir que nuestro texto tenga la misma perspectiva

que el de arriba.

Paso 5

Ahora vamos a duplicar cada capa varias veces para conseguir lo 3D del fondo. Haces

Click Derecho -> Duplicate Layer sobre la capa y despues usa las flechas del

teclado(asegurate de tener Move Tool seleccionado) para mover la capa duplicada, presiona

una ves la flecha izquierda y una ves la flecha arriba. Yo duplica mi capa 8 veces.

Ahora tienes que Rasterizar cada capa duplicada, Click Derecho -> Rasterize Layer. Ya que

hagas esto, selecciona todas estas capas(click en la primera, luego Click + shift en la

ultima) ve a Layer -> Merge Layers.

Repite este paso si tienes otra capa de texto, en mi caso es “ZONA”.

Le cambie el color a las capas originales y las movia hacia arriba, dejando las capas que

juntamos abajo, ya que son la “sombra”.

Paso 6

Nuestro texto ya parece 3D, pero todavia falta agregarle la sombra. El sombreado es

tardado ya que haremos cada sombra a mano.

Antes de empezar tenemos que seleccionar el color que tendra nuestro texto final. Yo voy a

usar #ffad1f para “ZONA” y #1d96c5 para “Photoshop”.

Paso 7

Ahora vamos a hacer zoom, mucho, y vamos a usar Poligonal Lasso Tool para seleccionar

cada area “recta” de la capa sombra:

Zoom 300%

Creamos una capa nueva, vamos a usar una capa nueva para cada sombra para poder

modificarla facilmente, cambiamos el modo de esta capa a Multiply y seleccionasmos

Brush Tool con un Soft Brush de unos 65px. Nos aseguramos de tener el mismo color del

fondo seleccionado y pintamos como en la siguiente imagen, yo use color rojo para

demostrar lo que vamos a pintar:

Queremos crear la sombra que tendrian si esto fuera un objeto real 3D.

Paso 7

Tenemos que repetir el paso anterior con cada una de los lados rectos de nuestra sombra

hasta coseguir algo como lo siguiente:

Paso 8

Ahora vamos a crear la sombra de nuestro texto 3D, haz Shift+Ctrl + Click sobre cada una

de los previews de las capas para seleccionarlas todas

Crea una capa nueva y rellena esta seleccon con negro #000000, esta capa colocala atras de

las demas. Ve a Filter -> Blur -> Gaussian Blur y selecciona unos 5px de Radius

Se va a ver algo como esto, la sombra quda detras de todo el texto:

Paso 9

Vamos a Edit -> Free Transform y movemos el tirador de enmedio arriba hacia abajo

como en la sigueinte imagen

Despues giramos la sombra hasta que nos quede asi:

Paso 10

Como la sombra se sigue viendo muy solida vamos a aplicar Gaussian Blur(Filter -> Blur

-> Gaussian Blur) otraves y disminuimos la Opacidad de esta capa a 40% y ya tenemos

terminado nuestro Texto en 3D hecho solamente con Photoshop

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

Por Pley el 30 de Enero de 2009 con 53,633 visitas

Diseño gráfico Otros tutoriales por Pley.

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 espero que les haya

gustado.