Advertisement
  1. Design & Illustration
  2. Text Effects

Cómo crear un efecto rápido de letra con hojas 3D en Adobe InDesign

Scroll to top
Read Time: 9 min
This post is part of a series called Text Effects in Adobe InDesign.
How to Create an Ice-Cream Script Poster in Adobe InDesign
How to Create a Quick Burnt Wood Text Effect in Adobe InDesign

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

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

Suele verse en publicidad y en portadas de carteles, este efecto llamativo da un aspecto inmersivo y natural a cualquier letra. Además de ser un tutorial rápido, esta es también una gran introducción a algunas técnicas más avanzadas en Adobe InDesign.

Si estás en la búsqueda de más fuentes geniales para usarlas en tus efectos de texto, ve a Envato Elements para que busques entre la amplia gama de tipos de letra para exhibición.

¿Estás listo para empezar? Excelente, ¡empecemos!

Lo que necesitarás para crear tu efecto de texto

Para este tutorial, necesitarás tener acceso a Adobe InDesign y Adobe Photoshop. También necesitarás descargar las siguientes imágenes y archivos de fuentes:

1. Cómo diseñar tu efecto de texto

Paso 1

Abre Adobe InDesign y ve a Archivo > Nuevo > Documento. Puedes configurar tu página a cualquier tamaño, pero en este caso la configure como Vertical A3. Cuando estés listo, haz clic en Crear.

Expande el panel Capas (Ventana > Capas) y haz doble clic en Capa 1 para cambiarle el nombre a Fondo.

Crea cuatro nuevas capas por encima de esta, en este orden: Texto, Hojas en el interior, Sombra y finalmente Elementos al frente en la parte superior.

Luego, bloquea todas las capas excepto la de Fondo.

background layerbackground layerbackground layer

Paso 2

Usa la Herramienta marco rectangular (F) para crear un marco de imagen en toda la página.

Archivo > Colocar, busca la imagen de fondo de papel rosado y haz clic en Abrir, deja que se llene el marco por completo (sin que el cuadro en la esquina sea visible).

paper backgroundpaper backgroundpaper background

Paso 3

Bloquea la capa Fondo y desbloquea la capa de arriba, Texto.

Crea un marco de texto grande en la página con la Herramienta texto (T) y escribe una sola letra*. Desde el panel Controles en la parte superior del espacio de trabajo, establece la Fuente en Nista International Bold y haz que el Tamaño de fuente sea agradable y grande.

*Ten en cuenta que este efecto funciona mucho mejor con letras completamente angulares, como la "F", "L" y "T", pero es mucho más complicado de lograr en letras con elementos redondeados como la "O" o "P".

type tooltype tooltype tool

2. Cómo editar y añadir hojas a tu letra

Paso 1

Minimiza brevemente la ventana de InDesign y abre la imagen de hojas verdes en Photoshop.

Duplica la capa Fondo para mantener una copia de la imagen original y desactiva la visibilidad de la capa original.

background copybackground copybackground copy

Ve a Selección > Rango de color y haz clic en cualquier lugar del fondo blanco de la imagen. En la ventana Rango de color que se abre, aumenta el regulador de Difusión hasta que se seleccione la mayor parte del blanco. Luego, haz clic en OK.

color rangecolor rangecolor range

Haz clic en el botón Perfeccionar borde en el panel superior de Controles y activa Radio inteligente. Aumenta los reguladores de Radio y Desplazamiento de borde hasta que estés satisfecho con la precisión de la selección.

refine edgerefine edgerefine edge

Luego, haz clic en OK y presiona Eliminar en el teclado para eliminar el área blanca.

delete areadelete areadelete area

Paso 2

Usa la Herramienta lasso (L) para separar una de las hojas de la imagen y luego haz clic en Edición > Copiar la selección.

lasso toollasso toollasso tool

Crea un nuevo documento de Photoshop y ve a Edición > Pegar la hoja en este nuevo lienzo.

Desactiva la visibilidad de la capa Fondo y luego haz clic en Archivo > Guardar como documento como archivo de Photoshop (PSD). Nómbralo "Hoja1.psd".

isolated leafisolated leafisolated leaf

Repite el mismo proceso para cada hoja, haz un circuito, cópiala y pégala en un nuevo documento, desactiva la capa Fondo y guárdala como un archivo de Photoshop individual. Nombra cada imagen de hoja como una secuencia, por ejemplo, "Hoja2.psd", "Hoja3.psd", etc.

looped off leaflooped off leaflooped off leaf
isolated leafisolated leafisolated leaf

Paso 3

Cuando hayas guardado todas las hojas como archivos de Photoshop, vuelve al documento de InDesign.

Bloquea la capa Texto y desbloquea la capa Hojas en el interior superiores.

Usa la Herramienta marco rectangular (F) para crear un marco pequeño en algún lugar sobre la parte superior de tu letra. Ve a Archivo > Colocar, elige una de las imágenes de hoja y haz clic en Abrir.

leaf psd imageleaf psd imageleaf psd image

Selecciona el marco de imagen y ve a Objeto > Efectos > Sombra paralela. Cambia el Color de efecto a una muestra rosada (en este caso, he añadido previamente una nueva muestra CMYK desde el panel Muestras, C=13 M=60 Y=48 K=2 para que coincida con el fondo de papel rosado) y ajusta las opciones en la ventana Efectos hasta que hayas creado una sombra sutil para la hoja.

effect coloreffect coloreffect color

Paso 4

Selecciona el marco de la imagen de la hoja y haz clic en Edición > Copiar, Edición > Pegar, muévelo para cubrir otra sección de la letra.

place imageplace imageplace image

Selecciona la copia y ve a Archivo > Colocar y elige una imagen PSD de hoja diferente.

placed leaf imageplaced leaf imageplaced leaf image

Al añadir las hojas de esta manera, puedes mantener la configuración de sombra paralela para el marco de la imagen.

drop shadow leafdrop shadow leafdrop shadow leaf

Sigue Pegando nuevos marcos de imagen en la página y haz clic en Archivo > Colocar para reemplazar cada marco con una imagen de hoja diferente. Coloca las hojas en todo el asta y los brazos de la letra.

leaves insideleaves insideleaves inside

Paso 5

Una vez que hayas creado una densa variedad de hojas en toda la letra, desbloquea la capa superior de Elementos al frente.

Luego, expande la capa Hojas en el interior para ver todas las imágenes PSD de hojas que se encuentran en esa capa. Destaca las cuatro o cinco hojas superiores.

leaves moved in layerleaves moved in layerleaves moved in layer

Luego, arrástralas hacia arriba y suéltalas en la capa Elementos al frente.

expanded layerexpanded layerexpanded layer

Paso 6

Bloquea la capa Hojas en el interior y desactiva su visibilidad. Mantén la capa Elementos al frente desbloqueada y activa.

elements in frontelements in frontelements in front

Ahora queremos crear bloques de textura rosada en esta capa superior para superponer algunos de los bordes de las hojas y crear el efecto de escondite deseado.

Usa la Herramienta pluma (P) para delimitar una sección del fondo, recorriendo los bordes a lo largo del borde de la letra. En este caso, quiero ocultar el borde superior de la hoja que se muestra aquí, así que ese es mi foco para este bloque.

pen toolpen toolpen tool

Luego, desbloquea la capa Fondo y haz doble clic dentro del marco de imagen grande que se encuentra en esta capa para seleccionar directamente la imagen de papel rosado. Luego, haz clic en Edición > Copiar la imagen.

copy imagecopy imagecopy image

Bloquea la capa Fondo y vuelve a la forma que creaste en la capa Elementos al frente. En el panel Muestras (Ventana > Color > Muestras), asegúrate de que el Relleno y el Color de trazo de la forma esté establecido en [Ninguno].

Luego, selecciona la forma y Haz clic derecho > Pegar en, coloca la imagen de papel rosado con la forma en la misma escala que la imagen de fondo.

paste intopaste intopaste into
pasted paperpasted paperpasted paper

Paso 7

Repite el mismo proceso para otra parte del fondo.

Usa la Herramienta pluma (P) para hacer un circuito en otra área de la capa Elementos al frente, antes de hacer clic derecho > Pegar en la imagen de textura del papel en la forma y luego establecer el Relleno y Trazo de la forma en [Ninguno].

elements in frontelements in frontelements in front
paste intopaste intopaste into

Sigue creando formas alrededor del perímetro de la letra y pegando copias de la imagen de papel. Haz cada parte en secciones pequeñas, hasta que toda la página esté cubierta alrededor del borde de la letra.

elements in frontelements in frontelements in front

Paso 8

Ahora puedes empezar a experimentar moviendo algunas formas llenas de papel delante o detrás de las formas de las hojas establecidas en esta capa.

Expande la capa Elementos al frente e intenta establecer el grupo de hojas en medio de dos secciones de formas de papel y deja que algunas de las puntas de las hojas sobresalgan.

layer expandedlayer expandedlayer expanded

Esto tomará un poco de ensayo y prueba, así que sigue viendo el resultado mientras trabajas.

Finalmente, terminarás con un efecto 3D como el siguiente:

effect so fareffect so fareffect so far

3. Cómo añadir profundidad a tu efecto de texto

Paso 1

Bloquea la capa Elementos al frente y desbloquea la capa Sombra.

Usa la Herramienta rectángulo (M) para crear una forma de rectángulo sobre un borde de la letra, establece el Color de relleno en [Negro].

shadow layershadow layershadow layer

Paso 2

Selecciona el rectángulo negro y ve a Objeto > Efectos > Transparencia. Establece el Modo en Multiplicar y reduce la Opacidad al 75%.

transparencytransparencytransparency

Haz clic en Desvanecimiento de degradado en la parte inferior del menú izquierdo de la ventana. Mantén los ajustes tal como están e invierte solo el degradado si es necesario, para permitir que la sombra pase de más opaca cuando esté más cerca del borde de la letra y más transparente hacia el centro de la letra.

gradient feathergradient feathergradient feather

Paso 3

Selecciona la forma rectangular y ve a Edición > Copiar, Edición > Pegar. Es posible que debas Hacer clic derecho > Rotar y cambiar su tamaño para colocarlo en todo el otro borde de la letra.

transform rotatetransform rotatetransform rotate
rotate shadowrotate shadowrotate shadow

Sigue pegando más rectángulos en todos los bordes de tu letra, rota y redimensiona cada una para que encaje.

shadow rotatedshadow rotatedshadow rotated

Al final, tendrás una sombra que recorre todo el largo de cada borde de la letra, añadiendo profundidad y drama a todo el efecto. 

shadow shapeshadow shapeshadow shape

Tu efecto de texto está terminado

¡Y tu efecto de texto está terminado! ¡Gran trabajo!

final effectfinal effectfinal effect

Ahora puedes añadir el efecto de texto en otro trabajo de InDesign o ir a Archivo > Exportar para crear una versión JPG, PNG o PDF del efecto.

¿Quieres más fuentes geniales para que puedas usarlas en tus efectos de texto? Ve a Envato Elements para que busques entre la amplia gama de tipos de letra para exhibición impresionantes.

¿Buscas más efectos de texto más rápidos de hacerse en InDesign? Mira estos tutoriales:

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
One subscription. Unlimited Downloads.
Get unlimited downloads