¿Cómo Crear un Efecto de Texto de Señal de Evento en Adobe Photoshop?

Los eventos especiales tienen elementos decorativos en todos lados, uno de los cuales es siempre una señal de bienvenida grande. Este tutorial te mostrará cómo usar las herramientas 3D de Photoshop y las configuraciones, con un par de texturas e imágenes, así como capas de ajustes y filtros, para crear una señal de evento. ¡Comencemos!

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

Elementos del Turorial

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

• Fuente Sofia Pro Bold
• WoodFine0058 Imagen 1 – Pequeña
• Metal seamless textures 7 por jojo-ojoj
• Early in The Morning por guregure
• Stock Cobblestone Large por E-DinaPhotoArt
• Wall por Pexels
• Tree 48 png, Tree 55 png HQ y Tree 56 png HQ por gd08
• Bench Building por Pexels
• 30 Awsome Lens Flare por Mbarekamsoftgfx

1. ¿Cómo Crear y Definir Motivos Simples?

Paso 1

Crea un nuevo documento de 25 x 25 px con un Fondo negro, y usa la Herramienta Elipse para crear un círculo blanco de 14 x 14 px en el medio del documento.

Paso 2

Crea tres copias de la forma de la elipse, y pon cada una de los centros de las formas en una de las esquinas del documento.

Paso 3

Ve a Edición > Definir Motivo, y cambia el Nombre a Motivo de Iluminación.

Paso 4

Da doble-clic en cualquier forma de las capas de elipse para aplicar un efecto de Superposición de Degradado con la siguiente configuración:

• Marca la casilla de Tramado
• Estilo: Radial
• Usa el relleno de degradado Blanco, Negro

Paso 5

Da clic-derecho a la capa estilizada, escoge Copiar Estilo de Capa, selecciona las otras capas de forma de elipse, da clic-derecho en cualquiera de ellas y escoge Pegar Estilo de Capa.

Paso 6

Ve a Edición > Definir Motivo de nuevo, y cambia el Nombre a Motivo de Relieve.

2. ¿Cómo Crear Texturas Usando Motivos Definidos?

Paso 1

Crea un nuevo documento de 500 x 500 px, y duplica la capa de Fondo.

Paso 2

Da doble-clic en la capa Fondo Copia para aplicar un efecto de Superposición de Motivo con esta configuración:

• Motivo: Motivo de Iluminación
• Escala: 50%

Paso 3

Añade una capa de relleno de Color Sólido, pon el Color a #fff4b4, y cambia el Modo de Fusión de la Capa a Multiplicar.

Guarda este archivo con el nombre de Textura de Iluminación.

Paso 4

Da doble-clic en la capa Fondo Copia, selecciona la pestaña de Superposición de Motivo, y cambia el Motivo a Motivo de Relieve.

Paso 5

Borra la capa Color Sólido, y guarda el archivo con el nombre de Textura de Relieve.

3. ¿Cómo Crear Capas de Texto y Forma?

Paso 1

Crea el texto en Todas Mayúsculas, usando la fuente Sofia Pro Bold, y pon el Tamaño a 175 pt y el Tracking a 50.

Paso 2

Renombra la capa de texto a Texto, da clic-derecho, y escoge Convertir a Forma.

Paso 3

Usa la Herramienta Rectángulo para crear un rectángulo de 10 px de alto debajo del texto, y renombra su capa Superior.

Paso 4

Crea otro rectángulo con la misma longitud, pero con una Altura de 5 px, y renombre la capa Inferior.

Paso 5

Crea una forma de rectángulo pequeña de 15 x 5 px, y duplícala cinco veces.

Pon un rectángulo pequeño debajo del lado derecho de la forma de rectángulo Inferior, y pon otra debajo del lado izquierdo.

Selecciona todas las capas de rectángulo pequeño, toma la Herramienta Mover, y da clic en el icono de Distribuir centros horizontales en la barra de Opciones.

Paso 6

Selecciona la capa Inferior con las capas de forma de rectángulo pequeño, y ve a Capa > Combinar Formas.

4. ¿Cómo Crear Capas de Malla 3D?

Paso 1

Crea una capa de relleno Negro encima de todas las capas.

Paso 2

Ve a 3D > Nueva Malla a partir de Capa > Malla Preestablecida > Esfera.

Paso 3

Para cada capa de forma que tengas, seleccionala y ve a 3D > Nuevo Extrusión 3D a partir de Trazado Seleccionado.

Paso 4

Selecciona todas las capas 3D que tengas, y ve a 3D > Combinar Capas 3D.

5. ¿Cómo Trabajar con la Escena 3D?

Paso 1

Para acceder a los ajustes de malla 3D y a las propiedades, necesitarás tener dos paneles abiertos: el panel 3D y el panel Propiedades (ambos se encuentran en 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 sus ajustes en el panel de Propiedades. Así que asegúrate de siempre seleccionar la pestaña del elemento que quieres modificar en el panel 3D antes de cambiar sus ajustes en el panel de Propiedades.

Da clic en el icono del ojo a la par de la pestaña de la malla Esfera para ocultarla.

Paso 2

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 ellos, puedes dar clic y arrastrar para realizar cambios (en el elemento seleccionado en el panel 3D).

Usa estos modos para cambiar la Vista Actual a un ángulo que quieras.

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

Paso 1

Selecciona la pestaña de malla de Texto 3D en el panel 3D, y cambia su Profundidad de Extrusión en el panel Propiedades a 25.

Paso 2

Cambia la Profundidad de Extrusión de la malla Superior a 100.

Paso 3

Cambia la Profundidad de Extrusión de la malla 3D Inferior a 10.

Da clic-derecho en la pestaña malla Inferior y escoge Apariciones de Objeto. Esto creará una copia vinculada que refleje los cambios hechos en la malla original, como los ajustes de material, por ejemplo.

7. ¿Cómo Mover la Malla 3D?

Paso 1

Selecciona todas las pestañas de la malla 3D que tengas, da clic en el menú panel 3D, y escoge Ajustar Objeto a Plano de Tierra.

Paso 2

Toma la Herramienta Mover, y usa la Eje 3D para mover las mallas 3D en las posiciones finales.

Las flechas al final del eje mueven la malla, la parte debajo es usada para la 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 quieras usar.

Paso 3

Puedes dar clic en el icono de las Coordenadas encima del panel Propiedades para usar valores numéricos.

Paso 4

Cambia el ángulo de la Vista Actual moviendo las mallas para ver el resultado de ángulos diferentes si es necesario.

8. ¿Cómo Crear las Esferas Iluminadas?

Paso 1

Muestra la malla de la Esfera, y selecciona su pestaña.

Da clic en la textura de Difusión y escoge Borrar Textura, y usa estos ajustes de material (los calores usados están en RGB):

• Difusión: 255, 195, 101
• Especular: 252, 249, 239
• Iluminación: 255, 239, 165
• Entorno: 255, 237, 188
• Brillo: 50
• Reflejo: 10

Paso 2

Crea instancias de objetos de la malla Esfera para ponerlas enfrente de cada letra. Puedes cambiar la Vista Actual a Frente para facilitar el proceso y hacerlo más preciso.

9. ¿Cómo Crear las Texturas de Material Texto 3D?

Paso 1

Selecciona la pestaña de Texto Frontal Material de Inflación, da clic en el icono de textura de Difusión, y escoge Editar Textura.

Paso 2

Esto abrirá el archivo de textura. Ve a Archivo > Guardar Como, y nombra el archivo de Textura de Iluminación de Texto.

Paso 3

Da doble-clic en la capa de forma para aplicar un efecto de Superposición de Motivo con esta configuración:

• Motivo: Motivo de Iluminación
• Escala: 25%

Paso 4

Añade una capa de relleno de Color Sólido, pon el Color a #fff4b4, y cambia el Modo de Fusión de la Capa a Multiplicar.

Guarda los cambios.

Paso 5

Da doble-clic en la capa de forma de nuevo, selecciona la pestaña de Superposición de Motivo, y cambia el Motivo a Motivo de Relieve.

Paso 6

Borra la capa Color Sólido, y guarda el archivo con el nombre de Textura de Texto de Relieve.

10. ¿Cómo Crear un Material de Texto 3D?

Paso 1

Selecciona todas las pestañas de Material de Texto, da clic en el icono de textura de Difusión, y escoge Borrar Textura.

Paso 2

Usa estos ajustes de material:

• Difusión: 109, 60, 34
• Especular: 112, 85, 61
• Brillo: 50
• Reflejo: 10
• Relieve: 20

Paso 3

Selecciona la pestaña de Frontal Material de Inflación, da clic en el icono de la carpeta de Iluminación, y escoge Cargar Textura para abrir el archivo de Textura de Iluminación.

Repite eso para cargar la Textura de Texto de Relieve para el Relieve.

11. ¿Cómo Ajustar las Propiedades UV?

Paso 1

Selecciona la pestaña de malla de Texto, y cambia el Mapeo de Textura a Escala.

Paso 2

Selecciona la pestaña Texto Material de Extrusión, da clic en el icono de folder de Iluminación, y escoge Cargar Textura para abrir el archivo de Textura de Iluminación.

Luego, da clic en el icono de textura de Iluminación, y escoge Editar Propiedades UV.

Paso 3

Cambia los valores de Escala para obtener el resultado que quieras.

Paso 4

Da clic en el icono de carpeta de Relieve, y escoge Cargar Textura, y abre Textura de Relieve. Luego, edita las Propiedades UV del Relieve para que se igualen a los de iluminación.

12. ¿Cómo Crear Más Materiales 3D?

Paso 1

Selecciona todas las pestañas de Superior Material y usa estos ajustes:

• Difusión: 47, 36, 22
• Brillo: 70
• Reflejo: 10

Paso 2

Selecciona la pestaña de Superior Material de Inflación Frontal, da clic en el icono de la textura de Difusión, escoge Reemplazar Textura para abrir la imagen WoodFine0058, y edita las Propiedades UV de la textura.

Selecciona el resto de las pestañas de Superior Material, da clic en la textura de Difusión y escoge el archivo WoodFine0058 de la lista.

Selecciona la pestaña Superior malla, cambia su Mapeo de Textura a Escala, y edita las Propiedades UV de cada material de malla Superior como se necesite.

Paso 3

Selecciona las pestañas de Material Inferior, y usa esta configuración:

• Difusión: Usa la textura de 5.jpg del paquete Metal seamless textures 7, y ajusta sus Propiedades UV
• Especular: (67, 64, 60)
• Brillo: 70
• Reflejo: 20
• Relieve: 10 (Usa la misma textura de Difusión y las Propiedades UV)

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

Paso 1

Selecciona la pestaña Luz Infinita 1, cambia su Color a (239, 232, 219), su Intensidad a 60%, y la Suavidad de Sombra a 30%.

Paso 2

Usa la Herramienta Mover o los valores de Coordenadas para mover la Luz Infinita hasta que obtengas el resultado que quieras.

Paso 3

Selecciona la pestaña de Entorno, da clic en el icono de Texura IBL, escoge Reemplazar Textura, y abre la imagen Early In The Morning.

Cambia la Intensidad a 30%, y mueve la imagen alrededor para obtener el resultado que quieras.

Puedes ir devuelta y de regreso entre las luces Infinitas y de Entorno, y cambia sus ajustes, hasta que logres el resultado que quieras.

14. ¿Cómo Añadir Texturas de Fondo?

Paso 1

Luego vamos añadir las texturas de fondo y ajustar el ángulo de la cámara de acuerdo, lo que puede requerir incrementar el tamaño del lienzo.

Así que ten en mente que puedes usar la Herramienta Recorte para incrementar el tamaño del lienzo en cualquier momento que quieras hasta que esté perfectamente ajustada dentro del documento.

Paso 2

Comienza añadiendo la imagen Stock Cobblestone Large encima de la capa de Fondo, yendo a Archivo > Colocar Enlace.

Esto añadirá la imagen como un Objeto Inteligente, lo que te dejará aplicar ajustes no-destructivos a ella.

Renombra la capa a Piso, cambia el tamaño de la imagen para que se ajuste dentro del documento, y cambia la Vista Actual de la capa 3D de acorde.

Paso 3

Pon la imagen Wall encima de la capa Piso, cambia el tamaño de la textura de muro como lo necesites, y cambia su nombre a Muro.

15. ¿Cómo Añadir y Enmascarar Imágenes PNG?

Paso 1

Pon un par de imágenes de árbol png detrás del texto, y transfórmalas para crear un resultado más dinámico.

Luego, pon todas las tres capas en un grupo y nómbralo Arbustos.

Paso 2

Asegúrate de que el grupo Arbustos esté seleccionado, y usa la Herramienta Marco Rectangular para seleccionar la parte de los árboles que quieres mostrar.

Paso 3

Da clic en Añadir Máscara de Capa para enmascarar el área seleccionada.

Paso 4

Da clic-derecho en el grupo Arbustos y escoge Convertir a Objeto Inteligente.

Paso 5

Abre la imagen Bench Building, y usa la Herramienta Lazo Poligonal para seleccionar el lado del pavimento.

Ve a Edición > Copiae para copiar el área seleccionada.

Paso 6

Vuelve al documento original, y ve a Edición > Pegar, renombra la capa a Borde, y conviértelo a Objeto Inteligente.

Transforma y mueve la imagen para cubrir el borde inferior de los árboles.

16. ¿Cómo Crear Ajustes a los Elementos de Fondo?

Paso 1

Selecciona la capa Piso, y ve a Imagen > Ajustes > Color Selectivo, y usa estas configuraciones para el canal Neutros:

• Magenta: 1
• Amarillo: 2
• Negro: 9

Paso 2

Ve a Imagen > Ajustes > Niveles, y cambia la Iluminación de Niveles de Salida a 200.

Paso 3

Selecciona la capa Muro, ve a Imagen > Ajustes > Niveles, y cambia el valor de Iluminación de Niveles de Salida a 175.

Paso 4

Selecciona la capa de Arbustos, ve a Imagen > Ajustes > Niveles, y cambia el valor de Iluminación de Niveles de Salida a 185.

Paso 5

Ve a Imagen > Ajustes > Tono/Saturación, escoge el canal Amarillo, y cambia el Tono a -30 y la Saturación a -20.

Paso 6

Escoge el canal Verde, y cambia el Tono a -35 y la Saturación a -25.

Paso 7

Selecciona la capa Borde, ve a Imagen > Ajustes > Color Selectivo, y usa estos ajustes:

Blancos

• Magenta: 9
• Amarillo: 24
• Negro: 85

Neutros

• Amarillo: 8
• Negro: -5

Paso 8

Ve a Imagen > Ajustes > Tono/Saturación, y cambia el Tono a -10 y la Iluminación a -30.

17. ¿Cómo Aplicar los Estilos de Capa y Filtros?

Paso 1

Da doble-clic en la capa Arbustos para aplicar el efecto de Sombra Paralela con estos ajustes:

• Opacidad: 10%
• Desmarca la casilla de Usar Luz Global
• Ángulo: -91
• Distancia: 35
• Tamaño: 30

Esto añadirá una sombra sutil en el muro.

Da doble-clic a la capa Borde para aplicar el siguiente estilo de capa:

Paso 2

Añade Sombra Interior con estos ajustes:

• Opacidad: 35%
• Distancia: 5
• Tamaño: 13

Paso 3

Añade Sombra Paralela con estos ajustes:

• Opacidad: 70%
• Desmarca la casilla de Usar Luz Global
• Ángulo: 0
• Distancia: 10
• Tamaño: 27

Esto será para fusionar mejor el borde con los elementos de fondo.

Paso 4

Selecciona la capa Muro, ve a Filtro > Desenfoque > Desenfoque Gaussiano, y cambia el Radio a 0.5.

Paso 5

Puedes aplicar el filtro de Desenfoque Gaussiano con cualquier valor que quieres a otros elementos de fondo, como las capas Arbustos y Piso.

La meta aquí es lograr un poco de efecto de foto de evento de baja-calidad, para que puedas aplicar alrededor con todos los ajustes y filtros para obtener el resultado.

18. ¿Cómo Interpretar y Ajustar una Escena 3D?

Paso 1

Una vez que te gusten los elementos de fondo, haz los cambios necesarios a la escena 3D basados en eso.

Luego ve a 3D > Interpretar Capa 3D. El renderizado toma un poco, pero puedes parar en cualquier momento presionando la tecla Esc.

Una vez que el renderizado esté hecho, da clic-derecho a la capa 3D y escoge Convertir a Objeto Inteligente para evitar hacer cualquier cambio accidental.

Paso 2

Ve a Imagen > Ajustes > Balance de Color, y usa estos ajustes:

• Balance de Tono: Sombras
• Niveles de Color: -5, 3, 10

• Balance de Tono: Medios Tonos
• Niveles de Color: -5, -8, 3

• Balance de Tono: Iluminación
• Niveles de Color: 2, 3, -10

Paso 3

Duplica la capa Texto dos veces y oculta la segunda copia.

19. ¿Cómo Aplicar Filtros de Desenfoque?

Paso 1

Selecciona la capa Texto Copia, y ve a Filtro > Desenfoque > Desenfoque de Movimiento.

Cambia el Ángulo a -56 y la Distancia 5.

Paso 2

Cambia el Modo de Fusión de la capa Texto Copia a Luz Suave y su Opacidad a 70%.

Paso 3

Haz la capa Texto Copia 2 visible, ve a Filtro > Galería de Desenfoque > Desenfoque de Campo, y cambia el valor de Desenfoque debajo de la pestaña de Herramientas de Desenfoque a 3.

Luego, debajo de la pestaña Efectos, marca la casilla Bokeh, cambia el valor de Luz Bokeh a 33% y el valor de Sombras del Rango de Luz a 98 y la Iluminación a 245.

Paso 4

Cambia el Modo de Fusión de la capa Texto Copia 2 para Iluminar su Opacidad a 30%.

20. ¿Cómo Aplicar Imágenes a la Máscaras de Capas?

Paso 1

Añade una máscara de capa a la capa Texto Copia, y asegúrate de seleccionar la miniatura de la máscara.

Paso 2

Ve a Imagen > Aplicar Imagen, y cambia la Capa a Texto, el Canal a RGB, y el Modo de Fusión a Luz Fuerte.

Paso 3

Mantén-presionada la tecla Opción, y da clic-arrastra la máscara de la capa Texto Copia a la capa Texto Copia 2 para duplicarla.

21. ¿cómo Añadir Resplandor de Lente?

Paso 1

Pon la imagen Lens Flare 23 del paquete 30 Awsome Lens Flare encima de todas las capas, y cambia el Modo de Fusión a Trama.

Paso 2

Da doble-clic en la miniatura de resplandor de lente para abrir el archivo de la imagen original. Añade una nueva capa debajo de dicha capa y rellena con Negro. Combina las dos capas y guarda y cierra el archivo.

Paso 3

Ve a Imagen > Ajustes > Niveles, y cambia el valor de Gama a 0.75, o cualquier otro valor que necesitas para deshacerte de los bordes del resplandor.

Paso 4

Ve a Imagen > Ajustes > Tono/Saturación, y cambia el valor de Tono a 15.

Paso 5

Transforma la imagen de resplandor para ponerla encima de la primera espera iluminada que tengas.

Paso 6

Duplica la capa de resplandor para añadir una copia a cada esfera restante iluminada, y pon todas las capas en un grupo con el nombre de Resplandor.

22. ¿Cómo Añadir Ajustes Globales?

Paso 1

Toma la Herramienta Pincel, pon el Color de Primer Plano a #e9c24d, y toma una punta redonda y suave.

Crea una nueva capa en la parte inferior del grupo de Resplandor, y nómbrala Luz, y cambia su Modo de Fusión a Luz Suave y su Opacidad a 20%.

Luego, añade un punto encima de cada esfera iluminada para iluminarla incluso más.

Paso 2

Añade otra capa encima de la capa Borde, nómbrala Luz también, y cambia su Modo de Fusión a Luz Suave y su Opacidad a 10%.

Usa una punta de pincel más grande para pintar algo de luz debajo de las letras, para iluminar esa área.

Paso 3

Añade una capa de ajuste de Consulta de Colores encima de todas las capas, y escoge la tabla FoggyNight.3DL del menú Archivo 3DLUT.

Cambia el Modo de Fusión de la Capa de Consulta de Colores a Luz Suave y su Opacidad a 20%.

Paso 4

Añade una capa de Ajuste de Mapa de Degradado encima de todas las capas, marca la casilla de Tramado, y crea el degradado usando los Colores #44386e a la izquierda, #716d7c en el medio, y #d4a987 a la derecha.

Cambia el Modo de Fusión de la capa de Mapa de Degradado a Luz Suave y su Opacidad a 20%.

Paso 5

Añade otra capa de ajuste de Consulta de Colores encima de todas las capas y escoge la tabla Smokey del menú Device Link.

Cambia el Modo de Fusión de la capa de Consulta de Colores a Luz Suave y su Opacidad a 20%.

Paso 6

Crea una nueva capa encima de todas las capas, nómbrala Viñeta, y pon el Color Frontal a Negro.

Cambia el Modo de Fusión de la capa Viñeta a Luz Suave y su Opacidad a 50%.

Usa una punta suave redonda para pintar algo de viñeta alrededor de los bordes del documento. Puedes bajar el valor de Opacidad de la punta del pincel en la barra de Opciones para obtener el resultado más sutil.

23. ¿Cómo Añadir los Toques Finales?

Paso 1

Crea una nueva capa encima de todas las capas, nómbrala Desenfoque de Movimiento, presiona las teclas Mayus-Comando-Opción-E para crear una capa de tampón, y conviértela en Objeto Inteligente.

Paso 2

Ve a Filtro > Desenfoque > Desenfoque de Movimiento, y cambia el Ángulo a -60 y la Distancia a 2.

Paso 3

Crea una nueva capa encima de todas las capas, nómbrala Ruido, ve a Edición > Relleno, y cambia el Contenido a 50% Gris.

Convierte la capa Ruido en un Objeto Inteligente.

Paso 4

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

Paso 5

Cambia el Modo de Fusión de la Capa a Ruido a Luz Suave y su Opacidad a 50%.

¡Felicidades! ¡Lo Hiciste!

En este tutorial, creamos motivos simples de iluminación y relieve y texturas, así como un par de capas de texto y forma.

Luego, convertimos las capas en mallas 3D y trabajamos en sus ajustes en la escena 3D.

Luego de eso, ajustamos la iluminación de la escena 3D, añadimos un par de elementos de fondo, e interpretamos la capa 3D final.

Finalmente, usamos muchas capas de ajuste, estilos de capas, e imágenes y texturas para terminar el efecto y lograr el resultado final.

Por favor siéntete libre de dejar tus comentarios, sugerencias y resultados abajo.