7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Text Effects

Cómo crear un efecto de texto de colgante colorido en Adobe Photoshop

Scroll to top
Read Time: 8 mins

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

Final product imageFinal product imageFinal product image
What You'll Be Creating

¿Buscas un bonito regalo? Este tutorial te mostrará cómo utilizar un montón de estilos de capa, texturas, y formas, para crear un efecto de texto de colgante brillante y colorido. ¡Empecemos!

Recursos del tutorial

Los siguientes recursos se utilizaron durante la producción de este tutorial.

1. Crea el fondo

Paso 1

Crea un nuevo documento de 1024 x 683 px, coloca la imagen White satin stock 8 sobre la capa de Fondo y cambia su tamaño según sea necesario.

Adding the Satin TextureAdding the Satin TextureAdding the Satin Texture

Paso 2

Haz clic en el icono Crear nueva capa de relleno o de ajuste en la parte inferior del panel Capas y elige Niveles.

Levels LayerLevels LayerLevels Layer

Paso 3

Cambia el valor de Gama a 1.85 y el valor de Luces a 205. Esto iluminará la textura.

Levels SettingsLevels SettingsLevels Settings

2. Crea el texto y estiliza el trazo

Paso 1

Crea el texto usando la fuente SedonaScriptFLF, el Tamaño 350pt, y el color #f062b2.

Duplica la capa de texto dos veces, y cambia el valor de Relleno de la segunda copia a 0.

Creating the Text LayersCreating the Text LayersCreating the Text Layers

Haz doble clic en la capa de texto original para aplicar el siguiente estilo de capa:

Paso 2

Añade un Bisel y relieve con estos ajustes:

  • Estilo: Relieve del trazo
  • Tamaño: 8
  • Contorno de resplandor: Cono
  • Marca la casilla Suavizado
  • Modo resaltado: Luz lineal
  • Opacidad: 75%
  • Modo de sombra - Opacidad: 50%
Bevel and EmbossBevel and EmbossBevel and Emboss

Paso 3

Añade un Contorno con estos ajustes:

  • Contorno: Cono
  • Marca la casilla Suavizado.
ContourContourContour

Paso 4

Añade un Trazo con estos ajustes:

  • Tamaño: 5
  • Posición: Exterior
  • Tipo de relleno: Degradado
  • Estilo: Reflejado
  • Ángulo: 90
  • Utiliza el relleno degradado stove pipe 80.
StrokeStrokeStroke

Paso 5

Añade una Sombra paralela con estos ajustes:

  • Opacidad: 45%
  • Distancia: 11
  • Tamaño: 20
Drop ShadowDrop ShadowDrop Shadow

Paso 6

Haz clic en el icono + junto a la pestaña del efecto de Sombra paralela para añadir otra, y luego selecciona la nueva pestaña de Sombra paralela.

Usa estos ajustes para el segundo efecto Sombra paralela:

  • Modo de fusión: Subexponer color
  • Opacidad: 15%
  • Distancia: 10
  • Tamaño: 5
Drop Shadow 2Drop Shadow 2Drop Shadow 2

Esto estilizará el trazo del colgante.

Styled StrokeStyled StrokeStyled Stroke

3. Estiliza la primera copia de la capa de texto

Haz doble clic en la primera copia de la capa de texto para aplicar el siguiente estilo de capa:

Paso 1

Añade un Bisel y relieve con estos ajustes:

  • Tamaño: 16
  • Contorno de resplandor: Aro-doble
  • Marca la casilla Suavizado
  • Modo resaltado: Luz intensa
  • Modo de sombra: Subexponer color
  • Color: #4c0d33
Bevel and EmbossBevel and EmbossBevel and Emboss

Paso 2

Añade un Contorno con estos ajustes:

  • Contorno: Guassiano - Invertido
  • Marca la casilla Suavizado.
ContourContourContour

Paso 3

Añade una Textura con estos ajustes:

  • Motivo: Metallic Snakeskin (Piel de serpiente metálica)
TextureTextureTexture

Esto estilizará la primera parte del texto.

Styled Text Layer 1Styled Text Layer 1Styled Text Layer 1

4. Estiliza la segunda copia de la capa de texto

Haz doble clic en la segunda copia de la capa de texto para aplicar el siguiente estilo de capa:

Paso 1

Añade un Bisel y relieve con estos ajustes:

  • Tamaño: 18
  • Desmarca la casilla Usar luz global
  • Ángulo: 135
  • Altitud: 74
  • Contorno de resplandor: Cono - Invertido
  • Marca la casilla Suavizado
  • Modo resaltado: Luz lineal
  • Modo de sombra: Subexposición lineal
  • Color: #11d6b3
Bevel and EmbossBevel and EmbossBevel and Emboss

Paso 2

Añade una Textura con estos ajustes:

  • Motivo: Metallic Snakeskin
TextureTextureTexture

Esto estilizará la segunda parte del texto.

Styled Text Layer 2Styled Text Layer 2Styled Text Layer 2

5. Crea los aros

Paso 1

Elige la herramienta Elipse, mantén pulsada la tecla Shift y luego haz clic y arrastra para crear un círculo de 25 x 25 px. Suelta todo.

Mantén pulsada la tecla Opción para extraer un círculo más pequeño del más grande.

Haz clic y arrastra de nuevo, suelta la tecla Opción y en su lugar mantén pulsada la tecla Shift. Luego sigue arrastrando para crear un círculo más pequeño de 15 x 15 px.

Puedes presionar y mantener presionada la Barra espaciadora para mover el círculo, y luego suelta todo cuando el círculo más pequeño esté en el medio del más grande. Esto creará la forma de aro.

Creating the Ring ShapeCreating the Ring ShapeCreating the Ring Shape

Paso 2

Duplica la capa con la forma de Elipse 1 tres veces. Cambia el nombre de la segunda copia a Elipse 2, y la tercera copia a Elipse copia 2.

Coloca los aros de Elipse copia 1 y Elipse 1 en algún lugar del borde de la primera letra, y los aros de Elipse copia 2 y Elipse 2 en algún lugar del borde de la última letra.

Placing the Ring ShapesPlacing the Ring ShapesPlacing the Ring Shapes

6. Estilizar las capas inferiores de los aros

Haz doble clic en la capa Elipse 1 para aplicar el siguiente estilo de capa:

Paso 1

Añade un Bisel y relieve con estos ajustes:

  • Tamaño: 7
  • Contorno de resplandor: Aro
  • Marca la casilla Suavizado
  • Modo resaltado: Luz lineal
  • Modo de sombra - Opacidad: 50%
Bevel and EmbossBevel and EmbossBevel and Emboss

Paso 2

Añade un Contorno con estos ajustes:

  • Contorno: Cono
  • Marca la casilla Suavizado.
ContourContourContour

Paso 3

Añade una Sombra paralela con estos ajustes:

  • Opacidad: 45%
  • Distancia: 11
  • Tamaño: 20
Drop Shadow 1Drop Shadow 1Drop Shadow 1

Paso 4

Añade otra Sombra paralela con estos ajustes:

  • Modo de fusión: Subexponer color
  • Opacidad: 15%
  • Distancia: 10
  • Tamaño: 5
Drop Shadow 2Drop Shadow 2Drop Shadow 2

Paso 5

Esto estilizará la capa inferior del aro.

Haz clic con el botón derecho del ratón en la capa Elipse 1 y selecciona Copiar estilo de capa. A continuación, haz clic con el botón derecho del ratón en la capa Elipse 2 y elige Pegar estilo de capa.

Copy and Paste Layer StyleCopy and Paste Layer StyleCopy and Paste Layer Style

7. Estilizar las capas superiores de los aros

Haz doble clic en la capa Elipse copia 1 para aplicar el siguiente estilo de capa:

Paso 1

Añade un Bisel y relieve con estos ajustes:

  • Tamaño: 7
  • Contorno de resplandor: Aro
  • Marca la casilla Suavizado
  • Modo resaltado: Luz lineal
  • Modo de sombra - Opacidad: 50%
Bevel and EmbossBevel and EmbossBevel and Emboss

Paso 2

Añade un Contorno con estos ajustes:

  • Contorno: Cono - Invertido
  • Marca la casilla Suavizado.
ContourContourContour

Paso 3

Esto estilizará la capa superior del aro. Copia y pega este estilo de capa en la capa Elipse copia 2.

Copy and Paste Layer StyleCopy and Paste Layer StyleCopy and Paste Layer Style

8. Añade las cadenas

Paso 1

Abre la imagen Artist Heart, y usa la herramienta Lazo para seleccionar la cadena derecha. Puedes usar la herramienta Selección rápida o la herramienta Lazo magnético para añadir el extremo de la cadena a la selección.

Ve a Edición > Copiar y, a continuación, vuelve al documento original.

Select the ChainSelect the ChainSelect the Chain

Paso 2

Ve a Edición > Pegar, y luego ve a Imagen > Ajustes > Desaturar.

Coloca la capa de la cadena sobre todas las capas de la Elipse, y cambia su tamaño según sea necesario. Usa la herramienta Mover para mover la cadena encima de los aros de la derecha.

Adding the ChainAdding the ChainAdding the Chain

Paso 3

Copia y pega el estilo de capa de Elipse 1 en la capa de la cadena y luego haz doble clic en la capa de la cadena para desmarcar los efectos de Bisel y relieve, y Contorno.

Esto aplicará solo los efectos de Sombra paralela en la capa de la cadena.

Adding the Drop Shadow EffectsAdding the Drop Shadow EffectsAdding the Drop Shadow Effects

Paso 4

Duplica la capa de la cadena. Luego ve a Edición > Transformar > Voltear vertical, y mueve la cadena volteada sobre los aros del lado izquierdo.

Flip the Chain CopyFlip the Chain CopyFlip the Chain Copy

9. Añade los destellos y el desenfoque del fondo

Paso 1

Crea una nueva capa encima de todas las capas, llámala Destellos, y cambia su Modo de fusión a Luz lineal.

Toma la herramienta Pincel y pon el color de Primer plano en #f4f1e2.

Escoge cualquiera de las puntas del Conjunto de pinceles Stars and Flares, cambia su tamaño y, si lo deseas, también puedes cambiar su valor de Ángulo en la pestaña Forma de la punta del pincel en el panel Pincel (Ventana > Pincel). Añade algunos pequeños destellos en un par de áreas brillantes.

Adding the FlaresAdding the FlaresAdding the Flares

Paso 2

Selecciona la capa del Satén, y ve a Filtro > Galeria de efectos Desenfocar > Cambio de inclinación. Cambia el valor Desenfocar a 7, haz clic y arrastra las líneas que tengas para obtener un resultado que te guste.

Tilt-Shift BlurTilt-Shift BlurTilt-Shift Blur

10. Añade un poco más de sombra

Paso 1

Selecciona todas las capas de texto, Elipse y cadenas. Duplícalos, haz clic con el botón derecho del ratón en cualquiera de las capas duplicadas y elige Eliminar estilo de capa. Luego ve a Capa > Combinar Capas.

Nombra la capa combinada Sombra, y colócala sobre la capa de ajuste de Niveles.

Create the Shadow LayerCreate the Shadow LayerCreate the Shadow Layer

Paso 2

Ve a Imagen > Ajustes > Tono/Saturación, y cambia la Luminosidad a -100.

Lightness ValueLightness ValueLightness Value

Paso 3

Ve a Filtro > Convertir para filtros Inteligentes, y luego ve a Filtro > Desenfocar > Desenfoque de movimiento. Cambia el Ángulo a -35, y la Cantidad a 115.

Motion BlurMotion BlurMotion Blur

Paso 4

Utiliza la herramienta Mover para colocar la sombra de manera que se extienda desde el texto.

Move the ShadowMove the ShadowMove the Shadow

Paso 5

Cambia el Modo de fusión de la capa Sombra a Multiplicar y su Opacidad a 7, o cualquier otro valor que quieras.

Shadow Layer SettingsShadow Layer SettingsShadow Layer Settings

Paso 6

Finalmente, usa la herramienta Mover para empujar un poco las capas Elipse copia 1 y Elipse copia 2. Esto mostrará los aros que están debajo, dando la ilusión de un aspecto más tridimensional.

Nudge the Top RingsNudge the Top RingsNudge the Top Rings

Paso 7

Recuerda que puedes mover y cambiar el tamaño de cualquier parte que sientas que necesita ser movida o redimensionada.

Finishing TouchesFinishing TouchesFinishing Touches

¡Felicitaciones! Lo lograste

En este tutorial, ajustamos la iluminación de una textura de satén, creamos un par de capas de texto y les dimos estilo para crear el efecto de texto principal.

Después de eso, usamos la herramienta Elipse para crear las formas de los aros, y también los estilizamos. También usamos una imagen de stock para obtener la cadena, ajustamos su color, la estilizamos y la agregamos al texto. Por último, añadimos algunos destellos, y desenfocamos el fondo para finalizar el efecto.

Por favor, no dudes en dejar tus comentarios, sugerencias y resultados a en la sección de abajo.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.