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

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:
- Textura de cartón
- Fuente Alfa Slab One
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

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.

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.

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

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.

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).

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

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.

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.

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.

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

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%

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

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

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

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.

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.

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.

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.

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.

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:
- Efectos de textoCómo elaborar un efecto de texto 3D en PhotoshopMonika Zagrobelna
- Efectos de textoCómo crear un efecto de texto retro estilo grunge en Adobe PhotoshopRose
- Efectos de textoCómo crear un efecto de texto cromado estilo retro en Adobe IllustratorAndrei Marius
- Efectos de textoCómo crear un realista efecto de texto cromado en Adobe PhotoshopRose
- Efectos de textoCómo crear rápidamente un efecto de texto holográfico en Adobe PhotoshopRose
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.
Update me weeklyEnvato Tuts+ tutorials are translated into other languages by our community members—you can be involved too!
Translate this post