Spanish (Español) translation by Javier Salesi (you can also view the original English article)
Aprende cómo crear efectos de texto 3D falsos en éste tutorial para principiantes. Aprenderás cómo crear geniales efectos de texto en Photoshop usando estilos de capa en Photoshop. Los estilos de Photoshop trabajan con cualquier fuente y son la mejor opción cuando se crean efectos de texto en Photoshop. El 3D falso puede ser usado con cualquier estilo de capa y hará las letras de Photoshop más prominentes y geniales.
Al final de éste tutorial, publicaré enlaces a más tutoriales para efectos de texto en Photoshop que pueden combinarse con éste, así que aprenderás como crear geniales efectos de texto en Photoshop con estilos y acciones.
El efecto de texto que aprenderás hoy fue inspirado por Estilos de Concreto y Roca. Ocho estilos de Photoshop que funcionan con cualquier fuente o forma.
Éste paquete también está disponible en Superpaquete de Estilos 2, que incluye 66 efectos de texto en total.
Recursos del Tutorial
Los siguientes recursos fueron utilizados durante éste tutorial:
- Titan One (Fuente)
- Textura áspera blanco y negro (imagen)*
- Roca Gris (imagen)*
*Los elementos marcados con un asterisco están dentro del archivo comprimido adjunto a éste tutorial, editados y listos para usarse en éste tutorial.
Cómo Crear el Efecto de Texto
Paso 1
Descarga el archivo comprimido adjunto a éste tutorial y extráelo a cualquier directorio que quieras. Luego abre rockBackground.jpg con Photoshop.
Paso 2
Ahora toma la Herramienta Texto Horizontal (T) y establece el tamaño del texto en 190 pt y la fuente en Titan One. Luego escribe ROCK y coloca el texto en el estante.
Paso 3
Ahora vamos a instalar el motivo de roca. La imagen original está un poco borrosa, demasiado grande y no impecable. Así que la edité y arreglé todo eso. El motivo editado está adentro del archivo comprimido adjunto a éste tutorial. Para instalarlo, ve a Edición > Ajustes Preestablecidos > Gestor de Ajustes Preestablecidos y selecciona Motivos para el Tipo de Ajuste Preestablecido. Luego haz click en Cargar e instala el archivo rockPattern-Tutorial.
Después de eso, haz doble click en la capa de texto para abrir el panel Estilo de Capa. Luego añade una Superposición de Motivo con éstos ajustes:
- Modo de Fusión: Normal
- Opacidad: 100%
- Motivo: rockPattern-Tutorial
- Escala: 50%
- Enlazar con Capa: Marcado
Paso 4
Hagamos éste texto menos plano al aplicarle una luz suave a el. Agrega una Superposición de Degradado con éstos ajustes:
- Modo de Fusión: Luz Suave
- Tramado: Desmarcado
- Opacidad: 100%
- Invertir: Desmarcado
- Estilo: Lineal
- Alinear con Capa: Marcado
- Ángulo: 90°
- Escala: 100%
Luego haz click en la barra de degradado y edítalo con éstos colores:
- Primera detención Color:
#414141Ubicación: 0% - Segunda detención Color:
#c3c3c3Ubicación: 100%
Paso 5
Ahora vamos a agregar un borde muy suave al texto. Así que agrega un Resplandor Interior con éstos ajustes:
- Modo de Fusión: Sobreexponer Color
- Opacidad: 33%
- Ruido: 0%
- Color:
#fffbec - Técnica: Más suavizado
- Origen: Borde
- Retraer: 0%
- Tamaño: 9 px
- Contorno: Lineal
- Suavizado: Desmarcado
- Rango: 50%
- Vibración: 0%
Paso 6
Para ayudar con el efecto de texto 3D, vamos a agregar más profundidad con una sutil Sombra Interior:
- Modo de Fusión: Multiplicar
- Opacidad: 54%
- Usar Luz Global: Desmarcado
- Ángulo: -45°
- Distancia: 2 px
- Retraer: 49%
- Tamaño: 1 px
- Contorno: Lineal
- Suavizado: Desmarcado
- Ruido: 0%
Paso 7
Ahora agrega una Sombra Paralela con éstos ajustes:
- Modo de Fusión: Normal
- Color:
#0c0c0c - Opacidad: 100%
- Usar Luz Global: Desmarcado
- Ángulo: 154°
- Distancia: 2 px
- Extensión: 100%
- Tamaño: 2 px
- Contorno: Lineal
- Suavizado: Desmarcado
- Ruido: 0%
- La Capa cubre la sombra paralela: Marcado
Paso 8
El siguiente efecto hará que el texto luzca como si tuviera una superficie asimétrica. Es muy sutil, pero combinado con el estilo de la segunda capa lucirá sorprendente. Así que agrega un Bisel & Relieve con éstos ajustes:
- Estilo: Inglete interior
- Técnica: Redondeado
- Profundidad: 368%
- Dirección: Arriba
- Tamaño: 46 px
- Suavizar: 0 px
- Usar Luz Global: Desmarcar
- Ángulo: 97%
- Altitud: 48%
- Suavizado: Desmarcado
- Modo Resaltado: Sobreexponer Color Color:
#ffffffOpacidad: 14% - Modo de Sombra: Subexposición Lineal Color:
#000000Opacidad: 1%
Haz click en el Contorno de Resplandor y edítalo con ésto ajustes:
- Primer punto Entrada: 0% Salida 58% Esquina: Desmarcado
- Segundo punto Entrada: 37% Salida 7% Esquina: Desmarcado
- Tercer punto Entrada 78% Salida 97% Esquina: Desmarcado
- Cuarto punto Entrada 100% Salida 77% Esquina: Desmarcado
Después de eso, haz click en Guardar y nómbrala Rock Contour. Vamos a usar esa más tarde.
Así es cómo el efecto de texto debería verse por ahora:
Paso 9
Ahora presiona OK en el panel Estilo de Capa. Luego selecciona la capa de texto en el panel Capas y presiona Control-J para duplicar la capa. Después de eso, haz click-derecho en la copia del texto y elige Borrar estilo de capa.
Paso 10
Haz doble-click en la copia del texto para abrir el panel Estilo de Capa. Luego agrega un Resplandor Interior con éstos ajustes:
- Modo de Fusión: Sobreexponer Color
- Opacidad: 100%
- Ruido: 0%
- Color:
#535353 - Técnica: Más suavizado
- Origen: Centro
- Retraer: 36%
- Tamaño: 27 px
- Contorno: Lineal
- Suavizado: Desmarcado
- Rango: 50%
- Vibración: 0%
Ésto agregará una iluminación al centro del texto. Luce magnífico y hará toda la diferencia al efecto de texto final.
Paso 11
Hagamos el texto un poco más oscuro manteniendo el enfoque de la textura original.
Agrega una Superposición de Degradado con éstos ajustes:
- Modo de Fusión: Luz Suave
- Tramado: Desmarcado
- Opacidad: 100%
- Invertir: Desmarcado
- Alinear con Capa: Marcado
- Estilo: Lineal
- Ángulo: 90°
- Escala: 100%
La Luz Suave en el Modo de Fusión es perfecta para mantener el enfoque de la textura.
Luego haz click en la barra de degradado y edítala con éstos ajustes:
- Primera detención Color:
#636363Ubicación: 0% - Segunda detención Color:
#3f3f3fUbicación: 100%
Paso 12
Ahora agrega un Resplandor Interior con éstos ajustes:
- Modo de Fusión: Multiplicar
- Color:
#000000 - Opacidad: 60%
- Usar Luz Global: Desmarcado
- Ángulo: -45%
- Distancia: 3 px
- Retraer: 64%
- Tamaño: 3 px
- Contorno: Lineal
- Suavizado: Desmarcado
- Ruido: 0%
Paso 13
Ahora, para complementar el primer Bisel & Relieve, vamos a agregarlo una vez más con éstos ajustes:
- Estilo: Inglete Interior
- Técnica: Redondeado
- Profundidad: 368%
- Dirección: Arriba
- Tamaño: 62 px
- Suavizar : 0 px
- Usar Luz Global: Desmarcado
- Ángulo: 97°
- Altitud: 48°
- Contorno de Resplandor: Rock Contour (El que creamos antes)
- Suavizado: Desmarcado
- Modo Resaltado: Sobreexponer Color Color:
#ffffffOpacidad: 25% - Modo de Sombra: Subexposición Lineal Color:
#000000Opacidad: 4%
Paso 14
Ahora agrega una Sombra Paralela con éstos ajustes:
- Modo de Fusión: Normal
- Color:
#0d0d0d - Opacidad: 100%
- Usar Luz Global: Desmarcado
- Ángulo: 145°
- Distancia: 7 px
- Extensión: 0%
- Tamaño: 3 px
- Contorno: Lineal
- Suavizado: Desmarcado
- Ruido: 0%
- Capa cubre la Sombra Paralela: 0%
Después de eso, haz click en OK para finalizar el efecto de texto.
¡Felicidades, Lo Hiciste!
Hoy, aprendiste cómo crear efectos de texto 3D falsos. Usamos una textura de roca y dos estilos de capa combinados. Éstas técnicas son las bases si quieres empezar a aprender cómo crear tus propios efectos de texto en Photoshop. No olvides guardar el efecto de texto, así puedes usarlo más tarde.
Asegúrate de consultar el original Estilos de Concreto y Roca.
Aquí están algunos tutoriales que también te podrían gustar:
Cómo Hacer Geniales Efectos de Texto Rápido en Photoshop Con Acciones
Cómo Crear una Acción de Efecto de Texto de Llama Neon en Adobe Photoshop
Cómo Crear una Acción de Efecto de Texto de Bosquejo en Adobe Photoshop
Cómo Crear un Efecto de Texto Ornamental Dorado en Adobe Photoshop
Cómo Crear un Efecto de Texto Acción de Piel en Adobe Photoshop
Cómo Crear un Colorido y Brillante Efecto de Texto en Adobe Photoshop
By
