¿Cómo Crear un Efecto de Texto Desplazado Retro en Adobe Photoshop?

Combinando estilos 2D y 3D de maneras creativas diferentes ha sido parte de tendencias de diseño múltiples al pasar de los años. Este tutorial te mostrará cómo usar las herramientas 3D de Photoshop y las configuraciones para crear un efecto de texto abstracto en 3D, con un toque de estilo Retro. ¡Vamos a comenzar!

Este efecto de texto fue inspirado por los muchos Estilos de Capa disponibles en GraphicRiver.

Elementos del Tutorial

Los siguientes elementos fueron usados durante la producción de este tutorial:

• Fuente Bahn Pro
• Paquete gratuito de 6000 degradados de photoshop por Supertuts007 (Carga el archivo CHROMES.grd)

1. ¿Cómo Crear las Capas de Fondo y los Elementos 3D?

Paso 1

Crea un documento nuevo de 1000 x 1000 px, da clic en el icono Crear nueva capa de ajuste o relleno que se encuentra en la parte inferior del panel de Capas, y escoge Degradado.

Crea un relleno de degradado usando los Colores #d99c9c a la izquierda, #b294c5 en el centro, y #72a9be a la derecha, y cambia el Ángulo a -120.

Paso 2

Crea el texto Todas en Mayúscula, cada palabra en capas separadas, usando la fuente Bahn Pro. Pon el Tamaño a 200 y el valor de Tracking a 100.

Paso 3

Crea tres capas nuevas, rellena con cualquier color, y nombralas de abajo para arriba: Esfera, Pirámide y Cilindro.

2. ¿Cómo Crear las Capas 3D?

Paso 1

Para cada capa de texto que tengas, selecciónala y ve a 3D > Nueva Extrusión 3D a partir de Capa Seleccionada.

Luego, selecciona la capa Esfera y ve a 3D > Nueva Malla a partir de Capa > Ajuste Preestablecido de Malla > Esfera, selecciona la capa Pirámide y ve a 3D > Nueva Malla a partir de Capa > Ajuste Preestablecido de Malla > Pirámide, y selecciona la capa Cilindro y ve a 3D > Nueva Malla a partir de Capa > Ajuste Preestablecido de Malla > Cilindro.

Paso 2

Selecciona todas las capas 3D, ve a 3D > Combinar Capas 3D, y renombra las capas combinadas Escena 3D.

Paso 3

Para acceder a la configuración y propiedades de la malla 3D, necesitarás abrir dos paneles: el panel 3D y el panel de Propiedades (ambos están bajo el menú Ventana).

El panel 3D tiene todos los componentes de la escena 3D, y cuando des clic en el nombre de cualquiera de ellos, serás capaz de acceder a su configuración en el panel de Propiedades. Así que asegúrate de siempre seleccionar la pestaña del elemento que quieras modificar en el panel 3D antes de cambiar si configuración en el panel de Propiedades.

Paso 4

Si seleccionas la Herramienta Mover, encontrarás un grupo de Modos 3D para ello a la derecha de la barra de Opciones. Cuando escojas uno de esos, puedes dar clic y arrastrar para realizar cambios (en el elemento seleccionado en el panel 3D).

Usa estos modelos para cambiar la Vista Actual en un ángulo que te guste.

Paso 5

Da clic en el icono del ojo a la par de las pestañas de Esfera, Pirámide y Cilindro para ocultarlas.

3. ¿Cómo Ajustar la Configuración de Malla 3D?

Paso 1

Selecciona todas las pestañas de malla texto en el panel 3D y cambia su Profundidad de Extrusión en el panel Propiedades a 0.

Paso 2

Selecciona cada pestaña de malla de texto separadamente, da clic en el panel 3D y escoge Ajustar Objeto a Plano de Tierra.

Paso 3

Lo que haremos luego es asignar valores a la Posición Z de cada malla de texto para ponerlos aparte de cada uno, de manera igual.

Así que, por ejemplo, si tienes tres mallas, puedes cambiar la que está en medio de la Posición Z a 0, la que está en frente a 300, y la que está atrás a -300.

Para asignar los valores de Posición Z, da clic en la pestaña de malla de texto, y da clic en el icono de Coordenadas encima del panel de Propiedades para hacer los cambios.

Paso 4

Puedes usar cualquier valor que te parezca para tu texto y el número de mallas, pero solo asegúrate de mantener una distancia igual entre ellos.

4. ¿Cómo Transformar Mallas 3D?

Paso 1

Mostrar la malla Esfera y selecciona su pestaña, escoge la Herramienta Mover, y usa el Eje 3D para escalarlo hacia arriba o abajo.

Las flechas al final de os ejes mueven la malla, la parte de abajo es usada para rotación, y los cubos son usados para escalar. El cubo en el centro es usado para escalar el objeto uniformemente. Todo lo que necesitas hacer es dar clic y arrastrar la parte que quieres usar.

Paso 2

Puedes también usar los valores de Coordenadas para eso, y si das clic en el icon de Escalar, puedes marcar o desmarcar la opción de Escalar Uniformemente dependiendo del resultado que quieras.

Paso 3

Ajusta la Esfera a Plano de Tierra, y usa el Eje 3D para moverlo a la posición final.

Paso 4

Repite los mismos pasos para las mallas de Pirámide y Cilindro.

Nota la manera que cuando escala el Cilindro puedes necesitar desmarcar la casilla de Escalar Uniformemente si estás usando los valores de Coordenadas.

Asegúrate de siempre ajustar los objetos a Plano de Tierra, una vez que termines de transformarlos.

5. ¿Cómo Crear Materiales Básicos de 3D?

Paso 1

Selecciona todas las pestañas de Material de texto, y usa estos ajustes en el panel de Propiedades (los valores de color están en RGB):

• Difusión: 255, 255, 255
• Especular: 183, 183, 183
• Brillo: 20%

Paso 2

Selecciona la pestaña Esfera_Material, da clic en el icono Difusión en el panel Propiedades, y escoge Borrar Textura.

Paso 3

Mantén en mente que puedes usar cualquier otro valor para los ajustes del material, pero los que son usados aquí son:

• Difusión: 163, 216, 236
• Especular: 121, 114, 114
• Brillo: 30%
• Reflexión: 3%
• Rugosidad: 30%

Paso 4

Selecciona todas las pestañas de Material Pirámide, borra la textura de Difusión, y usa estos ajustes:

• Difusión: 241, 155, 93
• Especular: 221, 199, 147
• Brillo: 30%
• Reflejo: 3%
• Rugosidad: 30%

Paso 5

Selecciona las pestañas Material_Superior y Material_Inferior del Cilindro, borra la textura de Difusión, y usa estos ajustes:

• Difusión: 17, 17, 17
• Especular: 75, 72, 75
• Brillo: 50%
• Reflejo: 10%
• Rugosidad: 30%

Paso 6

Selecciona la pestaña Material_Cilindro, borra la textura de Difusión y usa estos ajustes:

• Difusión: 141, 128, 179
• Especular: 190, 194, 220
• Brillo: 80%
• Reflejo: 30%
• Rugosidad: 30%

6. ¿Cómo Crear un Motivo de Rayas Verticales Simples?

Paso 1

Crea un documento con relleno blanco de 50 x 10 px, usa la Herramienta Marco Rectangular para seleccionar la mitad izquierda y rellena con negro.

Paso 2

Presiona Comando-D para deseleccionar, ve a Edición > Definir Motivo, pon Motivo de Rayas en el campo del Nombre, y da clic OK.

7. ¿Cómo Crear una Textura de Relieve?

Paso 1

Selecciona la pestaña Material_Cilindro, da clic en el icono de Relieve en el panel de Propiedades, y escoge Nueva Textura.

Paso 2

Pon los valores de Anchura y Altura a 500 y da clic en OK.

Paso 3

Esto abrirá el nuevo archivo; si no, selecciona el icono de textura de Relieve y escoge Editar Textura.

Crea una nueva capa y dale relleno de blanco.

Paso 4

Da doble clic en la nueva capa para aplicar un efecto de Superposición de Motivo usando el Motivo de Rayas.

Paso 5

Guarda y cierra el archivo:

8. ¿Cómo Editar las Propiedades UV?

Paso 1

Da clic en el icono de textura de Relieve y escoge Editar Propiedades UV.

Paso 2

Cambia el valor de Escala V/Y a 1 y el valor U/X a lo que te parezca mejor en tu malla del Cilindro, y da clic en OK.

9. ¿Cómo Añadir una Textura de Entorno de Malla?

Paso 1

Con la pestaña Material_Cilindro aun seleccionada, da clic en el icono de la carpeta de Entorno en la parte inferior del panel Propiedades, y escoge Nueva Textura.

Paso 2

Cambia los valores de Anchura y Altura a 1000 y da clic en OK.

Paso 3

Duplica la capa de Fondo, y da doble-clic en la copia para aplicar el efecto de Superposición de Degradado usando el relleno de degradado Stainless Steel 166c.

Paso 4

Guarda y cierra el archivo cuando lo hallas hecho.

Paso 5

Puedes probar otros rellenos de degradado así para obtener resultados de iluminación diferentes.

10. ¿Cómo Ajustar las Configuraciones Misceláneos 3D?

Paso 1

Selecciona todas las pestañas de malla, y desmarca la casilla de Proyectar Sombras en el panel Propiedades.

Paso 2

Selecciona la pestaña Escena, y debajo de la opción Borrar Oculto en el panel Propiedades, marca la opción Caras Ocultas.

Paso 3

Da clic en Vista Actual, y da clic en el icono Ortográfico en el panel Propiedades.

Lo que esto hace es mantener líneas paralelas sin convergencia, lo que significa que mostrar las mallas en una vista en escala precisa sin ninguna distorsión de perspectiva.

Paso 4

Ahora es un buen momento de escoger un ángulo final de cámara, para que puedas hacer cualquier cambio a la escena.

Paso 5

Luego de escoger la vista final, puedes usar el Eje 3D para ajustar las mallas alrededor, o escalarlas como necesites.

11. ¿Cómo Ajustar la Iluminación de la Escena 3D?

Paso 1

Selecciona la pestaña de Luz Infinita 1, y cambia su Intensidad a 20% y su Suavidad de Sombra a 50%.

Paso 2

Mueve la luz a un ángulo que mejor se adecue a la vista final, y puedes usar los valores de Coordenadas si necesitas hacerlo.

Paso 3

Selecciona la pestaña de Entorno, da clic en el icono de textura IBL, y escoge Editar Textura.

Paso 4

Añade una capa de relleno de Color Sólido, y usa el relleno de Color (100, 100, 100). Guarda y cierra el archivo cuando esté terminado.

Paso 5

Ve a 3D > Interpretar Capa 3D. El proceso puede tomar un poco de tiempo, pero puedes parar en cualquier momento presionando la tecla Esc.

Paso 6

Una vez que el proceso termine, da clic-derecho en la capa Escena 3D y escoge Convertir a Objeto Inteligente para evitar hacer cualquier cambio accidental.

12. ¿Cómo Crear una Forma Básica de Papel?

Paso 1

Usa la Herramienta Rectángulo para crear una forma de rectángulo detrás de la Escena 3D.

Paso 2

Escoge la Herramienta Selección Directa, y úsala para seleccionar y mover los puntos de ancla, para obtener una forma de paralelogramo.

Usa la Escena 3D como una referencia para hacer que la forma se mira como una parte de ella.

Paso 3

Usa la Herramienta Añadir Punto de Ancla para añadir un punto de ancla en cada de uno de los dos lados verticales.

Paso 4

Usa la Herramienta Selección Directa para empujar cada uno de los puntos añadidos para hacer que los lados verticales un poco más curvados en la misma dirección.

Paso 5

Añade dos puntos más, uno en cada lado a la par de los puntos de ancla de las esquinas superiores derecha. Estas serán usadas para crear el doblez en la esquina, así que mantén eso en mente cuando las coloques.

13. ¿Cómo Trabajar con los Puntos de Ancla?

Paso 1

Renombra la capa de la forma que tengas Detrás, duplícala, renombra la copia a Frente, y cambia su Color de Relleno a #ea6b9b.

Paso 2

Selecciona la capa Frente, y usa la Herramienta Selección Directa para dar clic-arrastrar el punto de ancla de la esquina derecha hacia el centro, creando una forma básica doblada.

Puedes luego ajustar la forma moviendo los puntos de ancla alrededor y sus manecillas.

Cualquier ajuste debe ser muy mínimo y sutil, y debe no afectar la parte de la forma que esté fuera de los dos puntos alrededor de la esquina.

Paso 3

Coge la Herramienta Borrar Punto de Ancla, selecciona la capa Atrás, y da clic en el punto de ancla de la esquina derecha para borrarla.

Esto creará la curva exterior del doblez, que puedes ajustar sutilmente si es necesario.

Paso 4

Cambia el Color de Relleno de la capa Atrás a #8b8b8b, y duplica cada una de las capas Atrás y Frente.

14. ¿Cómo Crear una Forma Doblada?

Paso 1

Selecciona las dos capas de copia y muévelas encima de la capa de la Escena 3D 

Paso 2

Con dos capas de copia aun seleccionadas, ve a Capa > Combinar Formas > Sustraer Forma Frontal. Renombra la capa resultante a Doblez, y cambia su Color de Relleno a #ee90b3.

Paso 3

Coge la Herramienta Selección Directa, da clic en el icono de Operaciones de Trazado en la barra de Opciones, y escoge Combinar Componentes de Forma.

15. ¿Cómo Añadir Superposiciones de Degradado?

Paso 1

Da doble-clic en la capa Doblez para aplicar una Superposición de Degradado con estos ajustes:

• Marca la casilla de Tramado
• Modo de Fusión: Luz Suave
• Opacidad: 35%
• Ángulo: -157
• Usa el relleno de degradado Blanco, Negro

Paso 2

Mientras la ventana de Estilo de Capa esté abierta, puedes dar clic-arrastrar el degradado dentro de la forma para ajustar su Ángulo como quieras.

Paso 3

Cuando hallas terminado, da clic-derecho en la capa Doblez, escoge Copiar Estilo de Capa, da clic-derecho en la capa Frente, y escoge Pegar Estilo de Capa.

16. ¿Cómo Añadir Sombras?

Paso 1

Selecciona la capa Atrás, y usa la Herramienta Selección Directa para arrastrar los puntos de ancla inferior de la forma y crea una forma de sombra, que debe seguir la dirección de sombra de  la Escena 3D.

Paso 2

Da clic-derecho a la capa Atrás, escoge Convertir a Objeto Inteligente y cambia el Modo de Fusión de la Capa a Multiplicar y su Opacidad a 50%.

Paso 3

Ve a Filtro > Desenfoque > Desenfoque Gaussiano, y pon el Radio cerca de un valor de 20.

Paso 4

Comando-clic la miniatura de la capa Frente para crear una selección.

Paso 5

Crea una nueva capa debajo de la capa Doblez, nómbrala Sombra, cambia su Opacidad a 35%, y coge la Herramienta Pincel.

Pon el Color Frontal a negro, y usa una punta suave y redonda para añadir algo de sombra debajo de la doblez.

Puedes cambiar el valor de la Opacidad de la punta en la barra de Opciones para obtener resultados más sutiles.

17. ¿Cómo Crear Líneas de Zigzag?

Paso 1

Crea una nueva capa encima de todas las capas, nómbrala Líneas, y toma la Herramienta Pluma,

Escoge las opciones de Trazado en la barra de Opciones, y da clic una vez para añadir puntos de ancla que creen formas de zigzag alrededor del texto.

Cuando termines de crear un trazado, presiona Comando-clic fuera de el para separarlo del siguiente.

Paso 2

Coge la Herramienta Pincel, escoge una punta dura y redonda de 4 px, y presiona la tecla Regresar para contornear los trazados que tengas.

Toma la Herramienta Selección Directa y presiona la tecla Regresar de nuevo para deshacerte del trazado de trabajo.

Paso 3

Da doble-clic en la capa Líneas para aplicar un efecto de Superposición de Degradado con esta configuración:

• Marca la casilla de Tramado
• Ángulo: 157
• Crea el Degradado usando los Colores #f5cd2c a la izquierda y #f1e48b a la derecha.

18. ¿Cómo Aplicar Ajustes Globales?

Paso 1

Crea una nueva capa encima de todas las capas, nombrala Paso Alto, y presiona Comando-Opción-Mayus-E para crear un tampón.

Convierte la capa en un Objeto Inteligente, y cambia su Modo de Fusión a Luz Suave.

Paso 2

Ve a Filtro > Otro > Paso Alto, y cambia el Radio a 1.5.

Paso 3

Añade una capa de ajuste de Intensidad encima de todas las capas, y cambia su valor a 10.

Paso 4

Añade una capa de ajuste de Curvas encima de todas las capas, y da clic-arrastra el centro de la curva un poco hacia arriba para iluminar la imagen.

Paso 5

Da doble-clic a la capa Curvas para obtener sus Opciones de Fusión.

Usaremos el deslizador de la Capa Subyacente de la Fusión Si es... para controlar cómo el efecto de Curvas es aplicado.

Así que presiona Opción-clic el deslizador de Sombras para partirlo, y arrastrar cada final a la derecha para excluir o proteger las sombras de ser afectadas por la capa de Curvas.

Partir el deslizador ayudará a crear un efecto gradual en vez de uno duro. Así que el lado derecho determinará la cantidad de sombras protegidas y el lado izquierdo desvanecerá el efecto.

Luego de ajustar el deslizador cambia el Modo de Fusión a Luz Suave, y la Opacidad a 30%.

Paso 6

Añade otra capa de ajuste de Curvas, pero esta vez, arrastra el centro de la curva hacia abajo para oscurecer la imagen.

Paso 7

Da doble-clic en la segunda capa de Curvas para repetir los mismos pasos, solo que esta vez excluirás la Iluminación, que significa que ajustarás el deslizador de la Iluminación.

Asegúrate de partirlo y arrastrar sus lados hasta que obtengas el resultado que te guste, y cambia el Modo de Fusión a y el valor de Opacidad cuando termines.

19. ¿Cómo Añadir Ruido?

Paso 1

Crea una nueva capa encima de todas las capas, y nómbrala Ruido.

Paso 2

Ve a Edición > Rellenar, y cambia el Contenido a 50% Gris.

Paso 3

Convierte la capa de Ruido a un Objeto Inteligente, y cambia su Modo de Fusión a Luz Suave.

Paso 4

Ve a Filtro > Ruido > Añadir Ruido, y cambia la Cantidad a 7 y la Distribución a Uniforme.

Puedes usar otros valores que prefieras también.

¡Sorprendente! ¡Haz Terminado!

En este tutorial, he creado un par de capas de texto y forma, y los he convertido en mallas 3D. Luego, ajustamos la configuración de las mallas y creado sus materiales, así como ajustar la iluminación de la escena para interpretarla. Luego de eso, he usado las herramientas y opciones de la forma para crear una forma de papel doblado y algunas líneas de zigzag. Finalmente, he añadido ajustes globales para terminar el efecto.

Siéntete libre de dejar tus comentarios, sugerencias y resultados abajo.