Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Neon

Cómo Crear un Poster Mostrando el Texto 'Everything Will Be Alrigth' con Luz de Neón en Adobe InDesign

by
Difficulty:BeginnerLength:MediumLanguages:

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

Final product image
What You'll Be Creating

Todos necesitan un poco de optimismo en su vida, y este poster con luz de neón es la perfecta herramienta para levantar el ánimo. Colócalo en la pizarra de avisos de la oficina, ponlo como fondo de tu teléfono, o compártelo en redes sociales para transmitir las buenas vibras.

Crearemos el diseño del poster en Adobe InDesign y prepararemos el maquetado para impresión o para divulgarlo en internet. Esta es una magnífica introducción general al diseño de ilustración en un poster para principiantes.

Si estás buscando un diseño rápido, estas plantillas para poster de alto impacto de GraphicRiver y Envato Elements cumplen el cometido.

¿Estás listo? ¡Comencemos!

Lo Que Necesitarás para Crear Tu Poster

Primero, asegúrate de tener acceso a Adobe InDesign. Luego también necesitarás descargar las siguientes imágenes y fuentes:

1. Cómo Preparar Tu Documento en InDesign para Diseñar

Paso 1

Abre InDesign y ve a Archivo > Nuevo > Documento.

Con la Calidad establecida en Impresión, desmarca Páginas Opuestas.

Establece la Anchura de la página en 24 pulgadas y la Altura en 36 pulgadas. Manten los Márgenes en su anchura predeterminada, y agrega un Sangrado de 0.25 pulgadas en todos los bordes de la página. Luegao haz clic en OK.

new indesign document

Paso 2

Expande el panel Capas (Ventana > Capas). Haz doble clic en la Capa 1 para renombrar la capa Brick, y haz clic en OK.

Elige Nueva Capa del menú superior derecho del panel. Nombra esta segunda capa Wires y haz clic en OK. Crea otras dos capas: Backs y luego Neon.

Bloquea todas las capas excepto la capa inferior, Brick.

brick layer

Paso 3

Expande el panel Muestras (Ventana > Color > Muestras). Elige Nueva Muestra de Color del menú superior derecho del panel.

Nombra la muestra Deep Pink, ky establece el Tipo de Color en Cuatricromía y Modo de Color en CMYK. Establece los niveles de abajo en C=10 M=100 Y=0 K=16. Haz clic en Añadir, y luego haz clic en OK.

Repite el proceso para crear otras cinco muestras nuevas CMYK, con los siguientes nombres y valores:

  • Hot Pink: C=10 M=100 Y=0 K=0
  • Pale Pink: C=5 M=12 Y=0 K=0
  • Shadow: C=88 M=95 Y=50 K=74
  • Dark Pink: C=10 M=100 Y=0 K=38
  • Maroon: C=39 M=97 Y=40 K=55
deep pink swatch

2. Cómo Crear un Fondo de Ladrillo para Tu Poster

Paso 1

Trabajando en la capa Brick, usa la Herramienta Marco Rectangular (F) para crear una marco de imagen sobre la mitad superior de la página, extendiendo el borde hasta el sangrado.

Ve a Archivo > Colocar, navega hasta la imagen del muro de ladrillo que descargaste anteriormente, y pusla en Abrir.

Deja que la textura de ladrillo rellene completamente el marco.

brick wall image

Selecciona el marco de imagen y aplica Edición > Copiar, Edición > Pegar. En la copia, Haz Clic-derecho > Transformar > Voltear Vertical.

flip vertical

Mueve la copia abajo, cubriendo la mitad inferior de la página y creando una sólida textura de ladrillo por toda la página.

texture on page

Paso 2

En el panel Muestras, haz clic en Nueva Muestra de Degradado en el menú desplegable del panel.

new gradient swatch

Nombra la muestra Background Pink Gradient, establece el Tipo en Radial, y elige Muestras del menú Color de Etapa.

En el Gradación de Degradado, establece la etapa de la izquierda en Deep Pink y la etapa de la derecha en Shadow. Haz clic en la gradación para añadir una tercera etapa en el centro, estableciendo ésta en Maroon.

new gradient swatch

Paso 3

Usa la Herramienta Rectángulo (M) para crear una forma por toda la página, estableciendo el Relleno (desde el panel Muestras) en Background Pink Gradient.

Con el rectángulo seleccionado, dirígete a Objeto en el menú principal, y Efectos > Transparencia. Establece el Modo en Multiplicar y reduce la Opacidad en 90%, antes de hacer clic en OK.

multiply color

3. Cómo Crear Texto con Luz de Neón en Tu Diseño

Paso 1

Bloquea la capa Brick y desbloquea la capa superior, Neon.

Usa la Herramienta Línea (/) para dibujar una línea ligeramente diagonal en la mitad superior de la página, como se muestra en la imagen de abajo.

line tool

Paso 2

Selecciona la Herramienta Texto en Trazado (tecla Mayúsculas-T) y haz clic una vez en el lado izquierdo de la línea, para transformarla en un trazado de texto.

type on a path tool

Escribe 'Everything'. Resalta el texto y, desde el panel superior Controles o desde el panel Carácter (Ventana > Texto y Tablas > Carácter), establece la Fuente en Balham to Brooklyn y el Tamaño de la Fuente en 450 pt.

font change

Paso 3

Cambia a la Herramienta Selección (V, Escape) y selecciona la línea. Desde el panel Muestras, establece el Color de Trazo en [Ninguno].

swatches

Regresa a la Herramienta Texto (T), resalta el texto, y establece el Color de Fuente en Hot Pink.

hot pink

Paso 4

Con la línea seleccionada, dirígete a Objeto > Efectos > Resplandor Externo.

Haz clic en el cuadro de color junto al menú Modo, y elige Hot Pink para el Color de Efecto.

Establece la Opacidad del resplandor en 80% y Extensión en 40% antes de hacer clic en OK.

outer glow

Paso 5

Selecciona la línea y aplica Edición > Copiar, Edición > Pegar, moviendo la copia abajo. Ajusta el texto para que se lea 'will' y reduce el Tamaño de la Fuente un poco.

paste font

Edita > Pega la línea de nuevo, editando este texto para que se lea 'be' y moviéndolo hacia la parte inferior derecha de 'will' como se muestra abajo.

paste

Pega otra vez, moviendo esta copia a la parte inferior del grupo, y ajustando el texto para que se lea 'alright'. Incrementa el Tamaño de la Fuente un poco.

text frame

Paso 6

Selecciona las cuatro líneas de texto y haz Clic-derecho > Agrupar.

group

Con el grupo seleccionado, aplica Edición > Copiar y Edición > Pegar en el mismo lugar.

paste in place

Ajusta el Color de la Fuente de este grupo pegado en Pale Pink.

pale pink

Paso 7

Con el grupo pegado Pale Pink seleccionado, ve a Objeto > Efectos > Transparencia. Establece el Modo en Trama y Opacidad en 70%.

screen

Haz clic en Sombra Paralela en el menú de la izquierda del menú. Establece el Color de Efecto en Hot Pink y disminuye la Opacidad a 40%.

drop shadow

Haz clic en Resplandor Externo en el menú de la izquierda. Establece el Color del Efecto en Pale Pink y disminuye la Opacidad a 65%.

outer glow

Finalmente, haz clic en Desvanecimiento de Degradado en la parte inferior del menú. Establece el Tipo en Radial, y haz clic en OK para salir de la ventana.

gradient feather
neon layer

Paso 8

Aplica Edición > Pegar en el mismo lugar para dejar otro grupo de líneas de texto en la página. Usaremos esta copia como una iluminación, para darle al efecto de texto algo de resplandor extra.

paste in place

Establece el Modo en Trama y disminuye la Opacidad a 50%.

transparency screen

Haz clic en Resplandor Externo en el menú del panel, y establece el Color de Efecto en Pale Pink. Establece la Opacidad en 55%, agrega Ruido 10%, y establece la Extensión en 40%.

Haz clic en OK para salir.

outer glow

4. Cómo Añadir Cables y las Bases a Tu Diseño de Luz Neón

Para hacer que tu letrero luzca más realista, podemos añadir cables que siguen un trazado y bases detrás de las palabras.

Paso 1

Bloquea la capa Neon y desbloquea la capa Wires.

Usa la Herramienta Lápiz (N) para dibujar una línea imperfecta desde el borde de la 'a' de 'alright' que traspase el borde inferior de la página.

wires layer

Usa la Herramienta Suavizar para contornear la línea, dejando afuera cualquier borde que sobre de la línea.

smooth tool

Desde el panel Trazo (Ventana > Trazo), establece el Grosor de la línea en 12 pt.

stroke weight

Luego ajusta el Color del Trazo de la línea en Maroon.

swatches

Paso 2

Usa la Herramienta Lápiz (N) para dibujar más líneas que vayan desde los bordes externos de cada palabra, hasta la parte inferior de la página. Repite el mismo Grosor de Trazo y Color como se describió en el paso de arriba.

pencil tool

Agrega una cuantas líneas que sirvan de lazo entre las palabras en el centro del diseño, estableciendo el Color del Trazo en Dark Pink, para indicar la cantidad incrementada de luz en el centro del poster.

dark pink wire

Selecciona todos los 'cables' elaborados con la herramienta lápiz en el poster, y ve a Objeto > Efectos > Sombra Paralela.

Establece el Color de Efecto en Hot Pink, disminuye la Opacidad en 65%, y agrega Ruido 20%.

effect color

Haz clic en Resplandor Interno, y establece la Opacidad en 40%. Luego haz clic en OK.

inner glow
poster so far

Paso 3

Bloquea la capa Wires y desbloquea la capa Backs que está arriba.

Usa la Herramienta Línea (/) para crear una línea debajo de la línea de base de la palabra de arriba 'Everything'. Establece el Color de Trazo de la línea en Shadow y establece el Grosor (desde el panel Trazo) en 11 pt.

shadow swatch

Aplica Edición > Copiar, Edición > Pegar a la línea, acortándola para que encaje debajo 'will'. Repite dos veces más, colocando las copias de la línea debajo 'be' y 'alright'.

backs layer

Paso 4

Selecciona las cuatro líneas ubicadas debajo de las palabras y ve a Objeto > Efectos > Sombra Paralela.

selected lines

Establece el Color de Efecto en Dark Pink, Opacidad en 75%, Extensión en 27% y Ruido en 15%.

drop shadow

Haz clic en OK para salir de la ventana. Luego regresa ¡y admira tu esmerado trabajo!

Con tu ilustración finalizada ahora, puedes exportar tu poster a un formato para impresión o a un formato amigable con la internet. Ve a Archivo > Exportar y elige Adobe PDF (Imprimir) desde el menú Formato para un archivo listo para impresión. Para compartir tu poster online, elige PNG, JPEG o Adobe PDF (Interactivo) desde las opciones de Formato.

final poster

Conclusión

Tu poster con luces de neón está finalizado-¡Magnífico trabajo!

En este tutorial hemos cubierto una amplia gama de habilidades para crear un poster y efectos de tipografía especiales. Ahora sabes cómo:

  • Crear un fondo con degradado que inspira optimismo para tus posters.
  • Aplicar formato a avanzados efectos de texto con luces de neón al acumular capas de texto.
  • Crear un efecto de 'iluminación' al ajustar resplandores, degradados, transparencias y sombras.
  • Agregar detalles fotorrealistas extra, como cables, y bases,usando las herramientas de dibujo de InDesign.

Si estás buscando más diseños para posters, una plantilla para poster es una alternativa rápida y fácil. Puedes encontrar un montón de fantásticos posters para eventos, para infografías y motivacionales en GraphicRiver y Envato Elements.

¿Estás buscando más tutoriales de posters? Asegúrate de consultar estos:

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