Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Design & Illustration
  2. Text Effects
Design

Crea un Rápido y Sencillo Efecto de Texto de Calcomanía en 3D en Adobe Photoshop

by
Difficulty:BeginnerLength:ShortLanguages:

Spanish (Español) translation by Javier Salesi (you can also view the original English article)

Final product image
What You'll Be Creating

Efectos de calcomanía en 3D son realmente simples y fáciles, pero verdaderamente bonitos y útiles. Éste rápido consejo te mostrará como crear un efecto de texto de calcomanía en 3D lustroso, usando objetos inteligentes y estilos de capa. ¡Comencemos!

Recursos del Tutorial

Los siguientes recursos fueron usados durante la producción de éste tutorial:

1. Crear el Fondo

Paso 1

Crea un nuevo documento 770 x 490px. Establece el color de Frente en #3f797d y el color de Fondo en #80b2bb, selecciona la Herramienta Degradado, da click en el ícono de Degradado Lineal en la barra Opciones, y luego da click y arrastra desde la parte inferior del documento hacia arriba para crear el fondo degradado.

Después ve a Filtro > Convertir para Filtros Inteligentes.

Background Gradient

Paso 2

Haz doble click en el objeto inteligente Capa Fondo para aplicar un efecto Superposición de Motivo usando éstos ajustes:

  • Modo de Fusión: Luz Suave
  • Motivo: Concrete wall
Pattern Overlay

Ésto aplicará estilo al Fondo.

Styled Bacground

2. Creando el Texto y sus Capas Objetos Inteligentes

Paso 1

Crea el texto en Negro usando la fuente Alba, y el Tamaño de la Fuente en 120 pt.

Create the Text

Paso 2

Duplicar la capa texto, renómbrala Stroke, y renombra la copia Text.

Text and Stroke Layers

Paso 3

Haz doble click en la capa Stroke para aplicar un efecto Trazo usando los siguientes ajustes:

  • Tamaño: 14
  • Color: #dcdcdc
Stroke

Paso 4

Ésto creará el trazo exterior. Asegúrate que el trazo no deje áreas vacías entre las letras. Si lo hace, entonces haz doble click en la capa de nuevo para incrementar el Tamaño del trazo hasta que no haya áreas vacías.

Text Stroke

Paso 5

Click derecho en cada una de las dos capas que tienes (las capas Stroke y Text), y elige Convertir a Objeto Inteligente.

Duplica la capa Text, y cambia el valor Relleno de la copia en 0.

Convert to Smart Objects

Paso 6

Duplica la capa copia de Text y la capa Stroke. Luego cambia el valor de Relleno de la capa copia de Stroke a 0, y colócalo arriba de todas las capas.

Duplicate the Text and Stroke Layers

3. Aplicando estilo a la Capa Stroke

Haz doble click en la capa Stroke para aplicar el siguiente estilo de capa:

Paso 1

Agrega un Bisel y Relieve con éstos ajustes:

  • Tamaño: 10
  • Desmarca la casilla Usar Luz Global
  • Ángulo: 79
  • Altitud: 37
  • Marca la casilla Suavizado
  • Modo de Sombra- Color: #2f959d
Bevel and Emboss

Paso 2

Agrega una Sombra Interior con éstos ajustes:

  • Distancia: 0
  • Retraer: 30
  • Tamaño: 3
Inner Shadow

Paso 3

Agrega una Sombra Paralela con éstos ajsutes:

  • Opacidad: 47%
  • Distancia: 5
  • Tamaño: 6
Drop Shadow

Ésto aplicará estilo a la capa inferior del trazo.

Styled Stroke Layer

4. Aplicar estilo a la Capa de Texto Original

Haz doble click en la capa Text original para aplicar el siguiente estilo de capa:

Paso 1

Agrega un Bisel y Relieve con éstos ajustes:

  • Tamaño: 7
  • Desmarca la casilla Usar Luz Global
  • Ángulo: 117
  • Altitud: 69
  • Marca la casilla Suavizado
Bevel and Emboss

Paso 2

Agrega una Sombra Interior con éstos ajustes:

  • Opacidad: 35%
  • Distancia: 0
  • Tamaño: 5
Inner Shadow

Paso 3

Agrega una Superposición de Colores con éstos ajustes:

  • Color: #ea326e

Aquí es donde eliges el color del texto de la calcomanía, asi que puedes usar cualquier color que gustes.

Color Overlay

Ésto aplicará estilo a la capa de texto principal.

Styled Main Text

5. Aplicar estilo a la capa de la Primera Copia de Texto

Haz doble click en la capa primera copia de Text para aplicar el siguiente estilo de capa:

Paso 1

Agrega un Bisel y Relieve con éstos ajustes:

  • Tamaño: 5
  • Desmarca la casilla Usar Luz Global
  • Ángulo: 0
  • Altitud: 69
  • Marca la casilla Suavizado
  • Modo de Sombra - Opacidad: 25%
Bevel and Emboss

Paso 2

Agrega un Contorno con éstos ajustes:

  • Marca la casilla Suavizado.
Contour

Ésto realzará el efecto brilloso.

Styled First Copy Text Layer

6. Aplicar estilo a la capa Segunda Copia de Texto

Haz doble click en la capa segunda copia de Text para aplicar el siguiente estilo de capa:

Paso 1

Agrega un Bisel y Relieve con éstos ajustes:

  • Estilo: Inglete Exterior
  • Tamaño: 7
  • Desmarca la casilla Usar Luz Global
  • Ángulo: 117
  • Altitud: 69
  • Marca la casilla Suavizado
  • Modo Resaltado - Opacidad: 100%
  • Modo de Sombra - Opacidad: 100%
Bevel and Emboss

Paso 2

Agrega un Superposición de Degradado con éstos ajustes:

  • Modo de Fusión: Luz Suave
  • Opacidad: 30%
Gradient Overlay

Ésto creará el trazo exterior del texto interno, dando la ilusión de un efecto 3D.

Styled Second Copy Text Layer

7. Aplicar estilo a la Capa Superior Stroke

Haz doble click en la capa copia de Stroke para aplicar el siguiente estilo de capa:

Paso 1

Agrega un Bisel y Relieve con éstos ajustes:

  • Tamaño: 3
  • Suavizar: 2
  • Desmarca la casilla Usar Luz Global
  • Ángulo: -153
  • Altitud: 69
  • Marca la casilla Suavizado
  • Modo Resaltar: Luz Intensa
Bevel and Emboss

Paso 2

Agregar un Contorno con éstos ajustes:

  • Marca la casilla Suavizado.
Contour

Ésto aplicará el estilo a la capa final del efecto.

Styled Second Stroke Layer

¡Felicitaciones! Terminaste

En éste tutorial, creamos un fondo simple, y un par de capas de texto y trazo, que convertimos a objetos inteligentes.

Luego aplicamos estilo a estas capas usando un conjunto de estilos de capa, para terminar con un efecto de texto de calcomanía en 3D brilloso.

Por favor con confianza deja tus comentarios, sugerencias y resultados abajo.

¡Sé el primero en conocer las nuevas traducciones–sigue @tutsplus_es en Twitter!

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.