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

Diseña un póster de Halloween victoriano en Adobe InDesign

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

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

Se acerca Halloween y los diseños góticos de la época victoriana vuelven a estar de moda. Celebra tu próxima reunión de Halloween con un póster de estilo vintage e inspirado en el steampunk. Aquí hemos anunciado una sesión de espiritismo victoriana (¡espeluznante!), pero puedes editar el texto para adaptarlo a tus propios objetivos.

Para este tutorial necesitarás Adobe InDesign. También puedes utilizar Adobe Photoshop para una pequeña edición de fotos, aunque no es necesario.

¡Vamos a crear!

1. Crea un nuevo documento en InDesign

El póster será de tamaño A3 (297 mm por 420 mm), para facilitar la impresión interna preferentemente.

Paso 1

Abre InDesign y selecciona Archivo > Nuevo documento. En la ventana Nuevo documento, establece la intención de imprimir y el número de páginas en 1. Desactiva la opción Páginas opuestas.

En Tamaño de página selecciona A3 en el menú desplegable y mantén la Orientación como Vertical.

Establece los Márgenes en todos los lados a 16 mm y establece el Sangrado a 5 mm en todos los lados. Haz clic en Aceptar.

new documentnew documentnew document

Paso 2

Para que los elementos de tu póster sean fácilmente editables y estén separados unos de otros, crearemos un conjunto de capas.

Ve a Ventana > Capas y haz doble clic en el nombre por defecto de la Capa 1 que ya está en el panel. En la ventana Opciones de capa que se abre, cambia el nombre de Fondo del fondo de capa y haz clic en Aceptar.

layer optionslayer optionslayer options

Crea una nueva capa yendo al menú desplegable (que se encuentra en la parte superior derecha del panel Capas) > Nueva capa... y nómbrala Papel. Haz clic en Aceptar.

Repite el proceso anterior para cuatro capas más, nombrando cada una en este orden: Marco, Imágenes, Texto y, por último, Texto en ruta.

Bloquea todas las capas excepto el Fondo haciendo clic en el espacio vacío junto al icono del ojo que está al lado del nombre de cada capa, y haz clic una vez en el nombre del Fondo para asegurarte de que estás trabajando en esa capa.

layers backgroundlayers backgroundlayers background

2. Crea un fondo vintage

Paso 1

Selecciona la Herramienta Rectángulo (M) en el panel de Herramientas (Ventana > Herramientas si aún no está visible, o restablece tu Espacio de Trabajo a Esencial desde el panel de control superior).

Arrastra por la página, extendiendo el marco hasta los bordes del sangrado en todos los lados. En el panel Controles de formato de caracteres, situado en la parte superior de la pantalla, establece el Color de trazo en [Ninguno] y el Relleno en una nueva muestra CMYK (Ventana > Muestras, y luego Nueva muestra de color en el menú desplegable), C=2 M=2 Y=9 K=0.

new color swatchnew color swatchnew color swatch

Con el marco seleccionado, ve a Objeto > Efectos > Pluma de degradado. Ajusta el Tipo a Lineal. Es posible que tengas que invertir el gradiente haciendo clic en el icono a la derecha de la barra deslizante, para que el color se oscurezca hacia los bordes del marco. Haz clic en Aceptar.

gradient feathergradient feathergradient feather

En el panel Capas, bloquea la capa Fondo y desbloquea la siguiente capa, Papel.

layers paperlayers paperlayers paper

Paso 2

En el panel Herramientas, selecciona la Herramienta Marco Rectángulo (F) y arrastra para crear un marco que se extienda hasta los márgenes en todos los lados (Ancho 265 mm, Alto 388 mm).

Ve a Archivo > Colocar y selecciona una imagen de fondo con textura para dar profundidad al póster. En este caso he utilizado una imagen de papel grunge para dar un auténtico aspecto vintage al póster. También puedes experimentar con otras texturas: ¿Qué te parece una pintura descascarillada o unas viejas tablas de madera?

Haz clic en Abrir. Dispon la imagen en el marco (selecciona Rellenar marco proporcionalmente en el panel de control superior) y luego ve a Objeto > Opciones de esquina. Ajuste el Tamaño a 18 mm y la Forma a Redondeada Inversa, en todas las esquinas del marco. Haz clic en Aceptar.

corner optionscorner optionscorner options

Con el marco seleccionado, ve a Objeto > Efectos > Transparencia, y ajusta el Modo a Multiplicar y la Opacidad al 50%. Haz clic en Aceptar.

transparencytransparencytransparency

Ve al panel de capas, bloquea la capa de Papel y desbloquea la siguiente capa, Marco.

layers framelayers framelayers frame

Paso 3

Con la herramienta Rectángulo (M), crea un marco con las mismas dimensiones que el marco que acabas de hacer en el paso anterior (Ancho 265 mm, Alto 388 mm).

En el panel de control superior, ajusta el Grosor del Trazo a 3 mm y el Color del Trazo a [Negro]. Mantén el Color de Relleno como [Ninguno]. Como hicimos anteriormente, ve a Objeto > Opciones de Esquina. Ajusta el Tamaño a 18 mm y la Forma a Redondeada Inversa, en todas las esquinas. Haz clic en Aceptar.

En el panel Capas, bloquea la capa Marco y desbloquea la siguiente capa, Imágenes.

borderborderborder

3. Crea una imagen steampunk para tu póster

Paso 1

Con la herramienta Rectángulo (M), arrastra para crear un pequeño marco de 89 mm de ancho y 24 mm de alto. Colócalo en el lado izquierdo del póster, apoyado contra el borde en la posición Y 92 mm.

Ajusta el Grosor del Trazo a 3 mm, el Color del Trazo a [Negro], el Color de Relleno a [Ninguno] y el Tipo a Grueso-Fino.

rectangle framerectangle framerectangle frame

Paso 2

Selecciona la herramienta Tipo (T) y arrastra para crear un marco de texto de 85 mm de ancho y 19,5 mm de alto. Colócalo directamente sobre el marco que creaste en el paso anterior. Establece el color de relleno en una nueva muestra CMYK (Ventana > Muestras, luego Nueva muestra de color en el menú desplegable), C=15 M=92 Y=89 K=5. Puedes cambiar el nombre de esta muestra por el de Rojo Vintage.

Ve a Objeto > Opciones del marco de texto y establece el Espacio de inserción a 4 mm en todos los lados. Haz clic en Aceptar.

text frame redtext frame redtext frame red

Paso 3

Una buena manera de insertar elementos decorativos en tus proyectos de InDesign es hacer un buen uso de los símbolos que te ofrecen varios tipos de letra. Aquí he utilizado Rhomus Omnilots y he seleccionado un bonito símbolo de estrella del panel Glifos (Ventana > Tipo y tablas > Glifos) y he hecho doble clic en el glifo para insertarlo en el marco de texto, y luego he repetido el glifo cinco veces.

glyphs panelglyphs panelglyphs panel

Establece el tamaño de la fuente en 40 pt y el color de la fuente en [Papel]. Mantén la Orientación como Alinear a la izquierda.

text frame with symbolstext frame with symbolstext frame with symbols

Paso 4

Selecciona los dos marcos que has creado en la capa Imágenes y ve a Edición > Copiar y Edición > Pegar. Coloca este segundo grupo de marcos a la derecha de la página. Edita la Orientación del texto a Alinear a la derecha.

copy and pastecopy and pastecopy and paste

Paso 5

Selecciona la herramienta Elipse (L) y mantén pulsada la tecla Shift mientras arrastras para crear un círculo perfecto de 95 mm de diámetro.

Ajusta el Grosor del Trazo a 0,5 mm, el Color del Trazo a [Negro] y el Color de Relleno a [Papel].

ellipse toolellipse toolellipse tool

Paso 6

Selecciona la Herramienta Marco Elipse y, manteniendo de nuevo pulsada la tecla Shift, arrastra para crear un segundo círculo de 89 mm de diámetro. Colócalo en el centro de la parte superior del círculo que creaste en el paso anterior. Ajusta el Grosor del Trazo a 1 mm, el Color del Trazo a [Negro] y el Color de Relleno a C=2 M=2 Y=9 K=0.

ellipse frame toolellipse frame toolellipse frame tool

Paso 7

Puedes insertar en el círculo cualquier imagen de estilo vintage que te guste. Un nuevo recurso estupendo es la colección Internet Archive Book Images en Flickr, que alberga 12 millones de imágenes libres de derechos. Hay todo tipo de imágenes de la época victoriana para elegir. Sólo tienes que elegir la que más te guste y editar el pigmento del fondo en Photoshop con la herramienta Varita Mágica y la función Refinar Bordes. Guárdalo como un archivo PNG con fondo transparente.

En este caso, utilicé la imagen de una vieja lámpara para dar una sensación de sesión espeluznante al póster.

edited image in photoshopedited image in photoshopedited image in photoshop

Con el círculo seleccionado (desde el paso 6, arriba) ve a Archivo > Colocar y selecciona tu imagen editada. Haz clic en Abrir y luego coloque la imagen en el marco. Puedes hacer doble clic dentro del marco para seleccionar y cambiar el tamaño de la imagen directamente.

placed image PNGplaced image PNGplaced image PNG

Paso 8 

Utiliza la herramienta de texto (T) para crear un pequeño marco de texto cuadrado y colócalo en la esquina superior izquierda de la página, dentro de la esquina curva del borde. Selecciona un símbolo adecuado del conjunto de glifos Victorian Free Ornaments Two (Ventana > Tipo y tablas > Glifos), ajusta el tamaño de la fuente a 60 pt y el color de la fuente a [Negro].

glyph at corner of borderglyph at corner of borderglyph at corner of border

Selecciona el marco de texto y Editar > Copiar y Editar > Pegar. Con este nuevo marco de texto seleccionado, pulsa Control (Mac OS) o haga clic con el botón derecho (Windows) > Transformar > Voltear horizontalmente, y colócalo en la esquina opuesta, en el lado derecho de la página.

Selecciona los dos marcos de texto que acabas de crear y Editar > Copiar, Editar > Pegar. Haz Control-Clic (Mac OS) o Clic-Derecho (Windows) > Transformar > Voltear  Vertical. Colócalos en las dos esquinas inferiores de la página.

Selecciona los dos marcos de texto inferiores y ve a Ventana > Envoltura de texto para abrir el panel de Envoltura de texto. Establece la envoltura en Envolver alrededor de la forma del objeto y establece 6 mm en todos los lados.

text wraptext wraptext wrap

¡Tu póster se ve genial!

preview of imagespreview of imagespreview of images

Vuelve al panel de Capas y bloquea la capa de Imágenes y desbloquea la siguiente capa, Texto. Ahora vamos a crear una tipografía de estilo victoriano...

layers textlayers textlayers text

4. Introduce algo de tipografía victoriana

Paso 1

Selecciona la herramienta Tipo (T) y arrástrala para crear un marco de texto de 262 mm de ancho y 103 mm de alto. Colócalo en el centro de la página en la posición Y 153 mm.

Escriba: "Estás cordialmente invitado a una (salto de párrafo) sesión victoriana". Establece la orientación en Alinear al centro.

Establece la fuente de todo el texto a un nuevo tipo de letra, Hustlers Rough. También puedes obtener una versión de demostración de la fuente de forma gratuita.

Resalta la primera línea de texto y establece el tamaño de la fuente en 47 pt, el interlineado en 83 pt. Establece el color de la fuente en Rojo Vintage, C=15 M=92 Y=89 K=5.

Resalta la segunda línea de texto y establece el tamaño de la fuente en 180 pt, el interlineado en 104 pt. Establece el color de la fuente en [negro]. Resalta la última línea de texto, establece el tamaño de la fuente en 265 pt, el interlineado en 145 pt y de nuevo establece el color de la fuente en [Negro].

typography victoriantypography victoriantypography victorian

Paso 2

Selecciona la herramienta Línea (\) y, manteniendo Shift, arrástrala para crear una línea horizontal de 235 mm de longitud. Ve a Ventana > Trazo para abrir el panel Trazo. Ajusta el Grosor a 1 mm, el límite al límite redondo, el Tipo a Sólido y, desde el panel de control superior, ajuste el Color del trazo a [Negro].

Coloca la línea en el centro de la página, debajo del marco de texto que craste en el paso anterior.

line toolline toolline tool

Paso 3

Crea un nuevo marco de texto con la herramienta de texto (T) de 262 mm de ancho y 15 mm de alto. Colócalo en el centro de la página, debajo de la línea creada en el paso anterior.

Escribe: "Únete a nosotros para una noche de entretenimiento macabro en", y establece la orientación a Alinear al centro. Establece el tipo de fuente a un nuevo tipo de letra, Old Newspaper Types (mezclar diferentes tipos de letra es una gran manera de dar a los bloques de texto un auténtico aspecto vintage). Ajusta el tamaño a 28 pt y el color de la fuente a [negro].

old newspaper typesold newspaper typesold newspaper types

Paso 4

Crea otro marco de texto debajo de éste, escribiendo "Lugar del evento" y estableciendo la Fuente a Hustlers Rough, y el Tamaño a 128 pt.

victorian typographyvictorian typographyvictorian typography

Paso 5

Para crear un marco de texto adicional con la fecha establecida en Old Newspaper Types, tamaño 21 pt, puedes introducir un par de líneas de encuadre.

Selecciona la herramienta Línea (\) y, manteniendo Shift, arrástralo para crear una línea de 72 mm de longitud. En el panel Trazo (Ventana > Trazo) establece el Grosor a 1,3 mm, el Tipo a Grueso-Delgado y el Final a CírculoSólido. Establece el Color del trazo en [Negro].

Con la línea seleccionada, ve a Objeto > Efectos > Pluma de degradado y aplica un degradado lineal simple a 0 grados. Coloca la línea justo debajo del marco de texto de ubicación, a la izquierda de la página.

gradient feather effectgradient feather effectgradient feather effect

Selecciona la línea y Editar > Copiar, Editar > Pegar y Control-Clic (Mac OS) o Clic-Derecho (Windows) > Transformar > Voltear Horizontal. Colócalo en la posición opuesta en el lado derecho de la página.

gradient applied to linesgradient applied to linesgradient applied to lines

Paso 6

Selecciona de nuevo la herramienta de texto (T) y crea otro marco de texto de 118 mm de ancho y 74 mm de alto. Colócalo debajo de los otros marcos de texto en el lado izquierdo de la página, situado en la esquina inferior. Puedes arrastrar una guía vertical de la Regla Izquierda (Ver > Mostrar Reglas) a 27 mm y alinear el marco con ella.

Selecciona el marco y Editar > Copiar y Editar > Pegar, y colócalo en el lado derecho de la página, para que tenga dos columnas.

Haz clic en el pequeño cuadrado blanco de la esquina derecha de la columna de la izquierda y vuelve a hacer clic en la segunda columna para conectar los dos marcos (ve a Ver > Extras > Mostrar hilos de texto para ver si se conectó correctamente).

Ahora puedes introducir texto para rellenar las dos columnas. Establece el tipo de fuente en Old Newspaper Types, el tamaño de 19 pt, el interlineado de 22,8 pt (Auto) y el color de la fuente en [Negro]. Utiliza este espacio para dar detalles más específicos sobre tu evento de Halloween. Haz que se vea lo más atractivo y espeluznante posible.

threaded textthreaded textthreaded text

En el panel de Capas, Bloquea la capa de Texto y Desbloquea la siguiente capa, Texto en Ruta.

layers text on pathlayers text on pathlayers text on path

Paso 7

En la capa Texto en ruta, crearemos un efecto de texto sencillo pero eficaz para dar un toque final vintage al cartel.

Desplázate hacia la parte superior de la página. Selecciona la herramienta Elipse (L) y arrástralo para crear un óvalo plano de aproximadamente el ancho de la página.

ellipse tool shapeellipse tool shapeellipse tool shape

Elige la herramienta Tijeras (C) en el panel Herramientas y recorta la forma ovalada en los puntos centrales izquierdo y derecho. Selecciona y elimina la parte inferior del óvalo.

scissors toolscissors toolscissors tool

A continuación, dirígete al panel de herramientas y selecciona Escribir en una ruta (Shift+ T), que encontrarás en el menú desplegable al hacer clic en el icono de la herramienta Escribir.

Desplaza el mouse por encima de la mitad curva del óvalo hasta que aparezca un icono + junto al cursor. Haz clic una vez y la línea se transformará en una ruta de texto. Escribe: "Halloween está aquí". Notarás que el texto aparece al revés, así que vamos a rectificarlo.

type on a pathtype on a pathtype on a path

Verás que hay una línea corta que apunta hacia abajo en el punto central del medio óvalo. Agárrala y ponlo por encima del medio óvalo. El texto se volteará para correr a lo largo de la parte superior.

flip type on a pathflip type on a pathflip type on a path

Establece el Color del Trazo del medio óvalo en [Ninguno] y establece la Orientación del texto en Alinear al Centro. Establece la fuente como Hustlers Rough, tamaño 100 pt, y el color de la fuente como [Negro].

type on a path align centertype on a path align centertype on a path align center

¡Y terminaste tu póster! ¡buen trabajo!

final posterfinal posterfinal poster

Ahora sólo tienes que decidir cuál es la mejor manera de distribuirlo. Si lo envías a una imprenta profesional, puedes exportar el póster como PDF (Archivo > Exportar > seleccionar Adobe PDF (Imprimir), marcar Todas las marcas de la impresora y Usar la configuración de sangrado del documento en el menú Marcas y sangrados).

final poster print marksfinal poster print marksfinal poster print marks

También puedes distribuir el póster virtualmente o por correo electrónico, yendo a Archivo > Exportar > y seleccionando Adobe PDF (interactivo) en el menú desplegable.

¡Feliz Halloween!

final poster on wallfinal poster on wallfinal poster on wall
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.
Scroll to top
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.