Cyber Monday Sale 40% off unlimited courses & creative assets! 40% off unlimited assets! Save Now
  1. Design & Illustration
  2. Text Effects

Cómo crear un efecto de texto de calcomanía despegada

by
Read Time:9 minsLanguages:

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

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

Este breve tutorial te enseñará cómo crear un mockup de efecto de calcomanía despegada, usando pasos sencillos para transformar textos en un efecto realista usando Adobe Photoshop. El efecto utiliza objetos inteligentes, el panel transformar, estilos de capa y opciones de fusión.

¡Comencemos!

Lo que aprenderás en este tutorial de efecto de texto de calcomanía despegada

  • cómo transformar texto en un mockup
  • cómo aplicar textura y crear un efecto de calcomanía doblada
  • cómo añadir iluminación y crear un efecto de calcomanía brillosa
  • cómo aplicar sombras realistas

Recursos del tutorial

Para completar el tutorial, necesitarás descargar cualquier imagen de stock de una textura de cartón desde Envato Elements:

1. Cómo configurar tu archivo e imagen de fondo

Paso 1

Abre Photoshop, presiona Comando-N para crear un Nuevo documento y aplica los siguientes ajustes:

  • Nombra el archivo 'Text_Sticker_Peeling_Effect'
  • Anchura: 21 cm
  • Altura: 14 cm
  • Resolución: 300 ppp
  • Modo de color: color RGB
Set Up New Document width height resolution Adobe Photoshop Set Up New Document width height resolution Adobe Photoshop Set Up New Document width height resolution Adobe Photoshop

Paso 2

Abre el panel Capas (Ventana > Capas).

Luego, aplica Abrir (Archivo > Abrir) a la textura de cartón elegida que quieres usar como fondo. Selecciona la capa de la textura de cartón, que normalmente es la capa 'Background' (fondo) en el panel Capas.

Arrastra y suelta la capa 'Background' en el archivo 'Text_Sticker_Peeling_Effect'. Colócalo en la mesa de trabajo para que encaje correctamente.

Drag Drop Cardboard Texture file onto ArtboardDrag Drop Cardboard Texture file onto ArtboardDrag Drop Cardboard Texture file onto Artboard

2. Cómo transformar texto en un mockup de calcomanía

Paso 1

Vamos a empezar la calcomanía creando primero un mockup de calcomanía despegada en Photoshop.

Selecciona la herramienta Texto horizontal (T) desde el menú Herramientas.

Usaré la fuente 'Alfa Slab One' (Regular)

Desde el menú superior del espacio de trabajo, establece:

  • Tamaño de fuente: 94 pt
  • Alineación de texto Centro
  • Color de Relleno: Negro
  • Escribe el texto de nuestra calcomanía, 'BANANA', o el texto de tu elección.
Use horizontal Type Tool Set font size alignment color fillUse horizontal Type Tool Set font size alignment color fillUse horizontal Type Tool Set font size alignment color fill

Paso 2

A continuación, para crear un efecto de texto de calcomanía, necesitaremos añadir un Trazo al borde del texto de la calcomanía, que es algo común en diseños de calcomanías.

Para darle al texto un Trazo, haz clic en el menú de la derecha del panel Capas y selecciona Opciones de fusión...

Elige Capa > Estilo de capa > Trazo y establece el Trazo con los siguientes ajustes:

  • Tamaño: 62 px
  • Posición: Exterior
  • Tipo de relleno: Color
  • Color de Relleno: #ff512 amarillo
Blending Options in Layers Style set Stroke size positions and fill typeBlending Options in Layers Style set Stroke size positions and fill typeBlending Options in Layers Style set Stroke size positions and fill type

Paso 3

Renombra 'Capa 1' como 'BANANA'.

En seguida, convertiremos nuestro texto en un Objeto inteligente.

Haz clic derecho en la capa 'BANANA' y selecciona Convertir en Objeto inteligente.

convert text into smart object on Photoshop Sticker Effectconvert text into smart object on Photoshop Sticker Effectconvert text into smart object on Photoshop Sticker Effect

Paso 4

Ahora, rotemos ligeramente el texto de la calcomanía, para que luzca un poco desplazada y no tan rígida.

Transforma (Comando-T) y Rota el cuadro delimitador de la ilustración -4° (en contra de las manecillas del reloj).

Transform text sticker and rotate counter clockwiseTransform text sticker and rotate counter clockwiseTransform text sticker and rotate counter clockwise

3. Cómo aplicar una textura y crear un efecto de despegado

Paso 1

Ahora que nuestro texto está establecido, aprendamos cómo elaborar un efecto de calcomanía despegada.

Primero, apliquemos algunos efectos de textura a la calcomanía.

Dirígete a las Opciones de fusión... desde el menú Capas. Dale a la capa 'BANANA' un efecto de Superposición de motivo con los siguientes ajustes:

  • Modo de fusión: Multiplicar
  • Opacidad: 42%
  • Motivo: Kraft Waffle
  • Escala: 75%
  • Marca la opción Enlazar con capa
  • OK
blending modes apply a pattern overlay on text sticker multiply kraft waffle scaleblending modes apply a pattern overlay on text sticker multiply kraft waffle scaleblending modes apply a pattern overlay on text sticker multiply kraft waffle scale

Paso 2

Da clic derecho en la capa 'BANANA' en el panel Capas y selecciona Rasterizar estilo de capa.

Lo siguiente que queremos hacer es aprender cómo crear un efecto de calcomanía despegada en Photoshop. Toma la herramienta Lazo poligonal (L) desde el menú Herramientas y resalta una sección triangular en la parte inferior derecha de la calcomanía.

Cortaremos la selección y la voltearemos, para crear un doblez. Da clic derecho en la selección y selecciona Capa vía cortar.

Rasterze Layer Style and use Polygonal Lasso tool to cut sticker fol using layer via cutRasterze Layer Style and use Polygonal Lasso tool to cut sticker fol using layer via cutRasterze Layer Style and use Polygonal Lasso tool to cut sticker fol using layer via cut

Paso 3

Una vez que se corta la selección, se creará una nueva capa con la selección en el panel Capas.

Selecciona la nueva capa, 'Capa 1' y renómbrala 'FOLD'.

Luego aplica Transformar (Comando-T).

Aplica Edición > Transformar > Voltear horizontal para voltear la selección 180°.

Toma el cuadro delimitador y rota la selección para que parezca que estuviera doblada.

Transform and flip horizontal selection to create sticker foldTransform and flip horizontal selection to create sticker foldTransform and flip horizontal selection to create sticker fold

Paso 4

Ahora, da clic derecho en la capa 'FOLD' y selecciona Opciones de fusión...

Dale a la capa una Superposición de colores, para que luzca como un pliegue plano.

  • Modo de fusión: Normal
  • Relleno: Blanco
  • Opacidad: 100%
  • OK

Así que ahora tenemos un muy básico efecto de calcomanía despegada en Photoshop.

create sticker fold use blending option color overlay Photoshopcreate sticker fold use blending option color overlay Photoshopcreate sticker fold use blending option color overlay Photoshop

4. Cómo aplicar iluminaciones y un efecto brilloso a la calcomanía

Paso 1

Necesitamos aplicar algunos efectos a la calcomanía, para que podamos hacer un realista efecto de calcomanía despegada.

Primero, vamos a darle a 'FOLD' un estilo de capa de efecto Satinado.

Da clic derecho en la capa 'FOLD' y selecciona Opciones de fusión...

Marca Satinado desde el panel Estilo de capa.

Aplica los siguientes ajustes para el Satinado:

  • Modo de fusión: Multiplicar
  • Relleno: Negro
  • Opacidad: 50%
  • Ángulo: 47°
  • Distancia: 117 px
  • Tamaño: 142 px
  • Contorno: Lineal
  • OK
Apply satin layer effect from layer blending option to create relistic sticker effect photoshopApply satin layer effect from layer blending option to create relistic sticker effect photoshopApply satin layer effect from layer blending option to create relistic sticker effect photoshop

Paso 2

A continuación, añadiremos un efecto brillante a la calcomanía para que parezca resplandeciente.

Da clic derecho en la capa 'BANANA' y selecciona Opciones de fusión...

Marca la opción Superposición de degradado desde el panel Estilo de capa. Aplica los siguientes ajustes Superposición de degradado:

  • Modo de fusión: Trama
  • Opacidad: 40%
  • Degradado: Lineal (como se muestra en la imagen: negro-gris-negro-negro-blanco-negro)
  • Ángulo: 120°
  • Distancia: 117 px
  • Escala: 67%
apply gradient overlay blending options for banana layer set distance scale and blend modeapply gradient overlay blending options for banana layer set distance scale and blend modeapply gradient overlay blending options for banana layer set distance scale and blend mode

Paso 3

Ahora, marca el estilo Superposición de motivo y aplica los siguientes ajustes:

  • Modos de fusión: Multiplicar
  • Opacidad: 20%
  • Motivo: Kraft Waffle
  • Escala: 49%
  • Marca Enlazar con capa
apply blending mode pattern overlay effect set to multiply and add pattern kraft waffle apply blending mode pattern overlay effect set to multiply and add pattern kraft waffle apply blending mode pattern overlay effect set to multiply and add pattern kraft waffle

5. Cómo aplicar sombras realistas al efecto de la calcomanía

Continuando, agreguemos un sombreado realista a la calcomanía para darle un efecto como si estuviera levantada.

Mientras sigues en el panel Estilo de capa, selecciona Sombra paralela y aplica los siguientes ajustes:

  • Modo de fusión: Multiplicar
  • Relleno: Negro
  • Ángulo: 90°
  • Distancia: 3px
  • Extensión: 27%
  • Tamaño: 9 px
  • Contorno: Lineal
  • OK
apply drop shadow in layer style panel and apply multiply blend mode fill angle distance and spreadapply drop shadow in layer style panel and apply multiply blend mode fill angle distance and spreadapply drop shadow in layer style panel and apply multiply blend mode fill angle distance and spread

Selecciona la capa 'FOLD' desde el panel Capas y da clic derecho para seleccionar las Opciones de fusión...

Selecciona Sombra paralela y aplica:

  • Modo de fusión: Multiplicar
  • Opacidad: 31%
  • Relleno: Negro
  • Ángulo: 90°
  • Distancia: 8 px
  • Extensión: 0%
  • Tamaño: 24 px
  • Contorno: Lineal
  • OK
apply drop shadow on fold layer set multiply blend mode and shadow settings apply drop shadow on fold layer set multiply blend mode and shadow settings apply drop shadow on fold layer set multiply blend mode and shadow settings

6. Cómo crear un realista efecto de calcomanía despegada

Paso 1

Para los últimos pasos, añadiremos manualmente efectos de sombra a la calcomanía y al doblez, usando un pincel difuso del panel Pinceles (Ventana > Pinceles)

Toma la herramienta Varita mágica (W) y haz clic en la mesa de trabajo de la capa 'FOLD'. Aplica Selección > Invertir para seleccionar dentro del doblez triangular.

En el panel Capas, aplica Crear nueva capa, arriba de la capa 'FOLD' y renómbrala 'Fold Shade'.

Aplica un Modo de fusión de Multiplicar desde el panel Capas.

Use Magic wand to make fold selection and change layer blend modeUse Magic wand to make fold selection and change layer blend modeUse Magic wand to make fold selection and change layer blend mode

Paso 2

Abre el panel Pinceles: Ventana > Pinceles.

Toma la herramienta Pincel (B) y selecciona un pincel Circular difuso de 80 px, generalmente encontrado en el grupo de pinceles predeterminados.

Selecciona un color de Relleno gris #8d8d8d y pasa el pincel ligeramente alrededor de los bordes del doblez para oscurecer los bordes.

use soft brush tool to apply shadow to edges to folduse soft brush tool to apply shadow to edges to folduse soft brush tool to apply shadow to edges to fold

Paso 3

Ahora agrueguemos una sombra debajo del doblez de la calcomanía.

Desde el panel Capas y debajo de la capa 'FOLD', Crea una nueva capa. Nombra la nueva capa 'Inner Drop Shadow'.

Establece el Modo de fusión de la capa en Multiplicar.

Create New Layer in Layer Panel and blend mode to MultiplyCreate New Layer in Layer Panel and blend mode to MultiplyCreate New Layer in Layer Panel and blend mode to Multiply

Paso 4

Aplica Selección > Invertir para seleccionar el área alrededor del doblez.

Selecciona un Pincel difuso de 80 px desde el panel Pinceles.

Selecciona un color de Relleno de #c7c5c1 y aplica una sombra debajo del doblez, como se muestra a continuación.

Apply 80px soft brush color fill to shade under sticker foldApply 80px soft brush color fill to shade under sticker foldApply 80px soft brush color fill to shade under sticker fold

Paso 5

Para el último paso, dirígete al panel Capas.

Crea una Nueva capa debajo de la capa 'BANANA' y nómbrala 'Cardboard Shading'. Establece el Modo de fusión de la capa en Multiplicar.

Desde el panel Pinceles, selecciona un Pincel difuso de 100 px, con un color de Relleno de #e4d1c1. Aplica una sombra a lo largo de la parte inferior de la calcomanía, para que parezca que estuviera levantada.

create new layer add shadow under text sticker create new layer add shadow under text sticker create new layer add shadow under text sticker

Ahora, ¡Ese es un efecto de calcomanía despegada!

Espero que hayas disfrutado este breve tutorial sobre cómo crear un efecto de calcomanía despegada usando Adobe Photoshop.

Aprendimos los pasos sencillos de diseñar la calcomanía y transformarla para elaborar un realista y brilloso efecto de calcomanía despegada.

Por favor con toda confianza dejar tus comentarios, sugerencias y COMPARTE tus calcomanías a continuación.

¡Disfruta!

Ahora que has aprendido cómo elaborar una calcomanía despegándose en Photoshop, ¿por qué no intentas más tutoriales de efectos de texto en Photoshop? Consulta estos sensacionales:

One subscription.
Unlimited Downloads.
Get unlimited downloads