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

¡Cómo crear un genial póster tipográfico listo para el Día del Espíritu en Adobe InDesign!

by
Difficulty:BeginnerLength:LongLanguages:

Spanish (Español) translation by Cris P.M. (you can also view the original English article)

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

El 15 de octubre, el Día del Espíritu es una oportunidad para que personas de todo el mundo muestren su apoyo a la juventud LGBT y se pronuncien contra el acoso.

¡Puedes mostrar tu apoyo vistiendo de morado y haciéndote un selfie con el color morado!. Sube tu foto a Twitter o Instagram y etiqueta tu publicación con #spiritday (#diadelespiritu) y #envato. ¡Mostrar tu apoyo es así de sencillo!

Para celebrar el Día del Espíritu hemos preparado este tutorial con el que podrás crear un genial póster tipográfico, listo para imprimir y colgar en tu casa u oficina, para recordar a tus amigos y compañeros que se tomen también sus propios selfies de apoyo. ¡También podrás descargar dos versiones del póster terminado para enviarlo y utilizarlo! Simplemente descarga el archivo adjunto de este tutorial.

final poster designfinal poster designfinal poster design

Para crear tu propio póster desde cero, necesitarás contar con Adobe InDesign, y el tutorial es adecuado para usuarios principiantes o intermedios del software. ¡#DíadelEspíritu!

1. Prepara tu póster

Si tienes que transmitir un mensaje largo, los pósteres con diseños tipográficos son una manera excelente de hacer que una gran cantidad de información resulte atractiva, impactante y memorable.

Vamos a preparar el cartel en tamaño A3, que es un tamaño de impresión estándar, fácil de imprimir en una impresora de oficina. Pero si prefieres un tamaño diferente, puedes ampliar o reducir el diseño final del póster cuando vayas a exportarlo como PDF (ver el último paso del tutorial).

Paso 1

Abre InDesign y elige la opción Documento en el menú Crear nuevo de la ventana Bienvenido. O bien, ve a Archivo > Nuevo > Documento.

En la ventana de Nuevo documento que se abrirá, establece la Calidad en Impresión.

Mantén el Número de páginas en 1, y desmarca la casilla Páginas opuestas.

En el menú desplegable Tamaño de página, elige A3 (o establece la Anchura en 297 mm y la Altura en 420 mm).

page sizepage sizepage size

Paso 2

Aumenta los Márgenes en todos los lados a 25 mm y, a continuación, establece el Sangrado (haz clic en Más opciones si no puedes ver los ajustes de Sangrado y Anotaciones) a 3 mm en todos los lados.

margins and bleedmargins and bleedmargins and bleed

Haz clic en OK para crear tu nuevo documento.

new document creatednew document creatednew document created

Paso 3

La mejor manera de organizar un póster tipográfico es dividir la página en filas, lo que te permitirá estructurar el contenido del texto.

El texto completo de nuestro póster tendrá unas 30 palabras, que deberán dividirse de forma relativamente uniforme en la página.

Para crear una cuadrícula de filas, primero asegúrate de que tus reglas están visibles (Ver > Mostrar reglas). Desde la regla superior, haz clic y arrastra hacia abajo una guía horizontal hasta la posición Y 51,4 mm.

guide on pageguide on pageguide on page

Para asegurarte de que tu guía está perfectamente colocada, puedes seleccionar la guía con el mouse y escribir el valor de la posición Y en la parte superior izquierda del espacio de trabajo.

specified guidespecified guidespecified guide

Paso 4

Repite el proceso del paso anterior, arrastrando hacia abajo más guías desde la regla superior hasta las siguientes posiciones Y:

  • 70 mm
  • 96 mm
  • 122 mm
  • 153,6 mm
  • 183,5 mm
  • 205 mm
  • 245,3 mm
  • 274 mm
  • 301,5 mm
  • 321,5 mm
  • 337 mm
  • 358,1 mm

Cuando termines, tendrás una página a rayas, con 13 guías marcando filas de tamaño irregular.

page with guidespage with guidespage with guides

2. Reúne un variado catálogo de fuentes

¿Cómo conseguir que los pósteres tipográficos se vean modernos y no desordenados y anticuados? La clave está en las tipografías que elijas.

Una mezcla variada de estilos tipográficos, desde las clásicas fuentes serif hasta las novedosas fuentes script, luce muy bien en conjunto, particularmente cuando se consolida la tipografía con sólidas y modernas fuentes sans serif.

Para este póster, utilizaremos las fuentes que aparecen a continuación. Para futuros proyectos tipográficos, intenta encontrar una variedad de fuentes que correspondan a categorías similares para crear ese perfecto aspecto armónico.

Descarga e Instala las siguientes fuentes gratuitas (puede que algunas, como Adobe Caslon Pro, ya estén instaladas en tu lista de fuentes de InDesign):

Fuentes sans serif

cabin cabin cabin

Fuentes serif

Fuentes script

pacificopacificopacifico

Fuentes slab

Fuentes sans serif delgadas

densia sansdensia sansdensia sans

Novedades y pictogramas

symbol font veneersymbol font veneersymbol font veneer

3. Los colores del Día del Espíritu

Antes de empezar a maquetar tu póster, puedes crear un esquema de colores con tonos morados, el cual puedas utilizar en todo el diseño.

Paso 1

Regresa a InDesign y a tu documento. Expande el panel Muestras (Ventana > Color > Muestras).

Selecciona la muestra predeterminada [Negro] y, a continuación, elige Nueva muestra de color en el menú desplegable del panel (accesible en la esquina superior derecha del panel).

new color swatchnew color swatchnew color swatch

Desmarca la casilla Nombre con valor de color y cambia el nombre de la muestra por el de Spirit Day Purple (Morado del Día del Espíritu). Mantén el Tipo de color configurado en Cuatricomía y el Modo en CMYK.

Establece los valores CMYK en C=81, M=99, Y=25, K=16, y haz clic en Añadir y luego en OK.

purple swatchpurple swatchpurple swatch

Paso 2

Repite el proceso, creando una segunda muestra CMYK nueva, con los valores C=86, M=100, Y=31, K=26. Nombra la muestra como Spirit Day Dark Purple (Morado oscuro del Día del Espíritu).

dark purple swatchdark purple swatchdark purple swatch

Haz clic en Añadir y en OK, para volver al panel Muestras.

swatches panelswatches panelswatches panel

4. Crea la tipografía de tu póster

La mejor manera de abordar un diseño tipográfico es empezar por la parte superior e ir bajando. Ve dividiendo el texto en secciones y diseña una sección a la vez.

final poster designfinal poster designfinal poster design

Por ejemplo, nuestra primera frase es "Take a Stand Against Bullying" ("Toma acción contra el bullying"). Podemos añadirla como un diseño completo en la parte superior de la página.

Paso 1

Ve al panel de Herramientas en la parte izquierda del espacio de trabajo y selecciona la Herramienta de texto (T)

Haz un acercamiento a la esquina superior izquierda de la página y arrastra el cursor de texto a la página para crear un marco de texto de unos 108 mm de Anchura y 59 mm de Altura. Sitúa la parte inferior del marco de texto en la segunda guía de la página (a 70 mm).

Escribe "Take a" y, desde el panel Controles de formato de caracteres que se extiende a lo largo de la parte superior del espacio de trabajo, establece la Fuente a Antonio Regular, Tamaño 145 pt, todo en mayúsculas y reduce el Tracking (espacio entre los caracteres) a -30.

Coloca el cursor a la izquierda de la “a” final y reduce el Kerning a -60 para acercar la palabra "a" a "Take".

antonio fontantonio fontantonio font

Establece el Color de la fuente como Spirit Day Purple (Morado del Día del Espíritu), ya sea desde el panel de Muestras o desde el panel de controles en la parte superior del espacio de trabajo. Reduce el Matiz del color al 65% arrastrando el control deslizante del Matiz hacia la izquierda.

tint of swatch colortint of swatch colortint of swatch color

Paso 2

A la derecha de "Take", crea un nuevo marco de texto con la Herramienta de texto (T) y colócalo en la esquina superior derecha de la página.

Escribe "Stand" y ajusta la Fuente a Nexa Rust Sans Black, el Tamaño de 100 pt, el Tracking a 30 y el Color de la fuente a Spirit Day Purple (Morado del Día del Espíritu) con un Matiz de 85%.

Asegúrate de que la línea de base del texto se sitúe en la guía superior, a 51,4 mm.

stand slab textstand slab textstand slab text

Debajo de "Take a", crea otro marco de texto, y escribe "Against" en el marco. Ajusta la Fuente a Picadilly Regular, Tamaño de 66 pt, todo en mayúsculas, Tracking de -10 y el Color a Spirit Day Purple (Morado del Día del Espíritu) con un Matiz de 65%.

picadilly font appliedpicadilly font appliedpicadilly font applied

En el espacio restante, debajo de "Stand", crea otro marco de texto y escribe "Bullying". Deja que el texto llene el espacio ajustando el texto a una fuente alargada y fina como Densia Sans Regular. Ajusta el Tamaño de la fuente a 121 pt, todo en mayúsculas, y el Color a Spirit Day Purple (Morado del Día del Espíritu), Matiz 75%.

bullying textbullying textbullying text

Paso 3

Remata la primera frase de tu póster con una línea, subrayando la palabra más destacada de la frase, "Stand".

Elige la Herramienta de línea (\) y, manteniendo pulsada la tecla Mayúsculas, arrastra de izquierda a derecha en la página, bajo la palabra "Stand".

Abre el panel de Trazo (Ventana > Trazo) y, con la línea seleccionada, aumenta el Grosor del trazo a 1,5 mm y elige Con guiones (3 y 2) como Tipo de trazo. Ajusta el Color de la línea a Spirit Day Purple (Morado del Día del Espíritu), Matiz 70%.

dashed strokedashed strokedashed stroke

Paso 4 

Ahora ya tienes la primera sección de tu póster terminada. ¡Buen trabajo!

competed first phrasecompeted first phrasecompeted first phrase

Vamos a seguir estructurando la tipografía en trozos manejables como este. Esto también ayudará al lector a digerir la información en secciones fáciles de leer. También vamos a ayudar al lector destacando las palabras especialmente importantes en tamaño grande y en tonos morados más oscuros.

Sigamos, y organicemos la siguiente sección, que va a decir "and Take a Selfie".

Debajo de "Against", utiliza la Herramienta de texto (T) y crea un marco de texto cuadrado en el lado izquierdo de la página.

Escribe un signo "&", y establece la Fuente a Adobe Caslon Pro Italic, Tamaño 210 pt. La fuente Caslon tiene un signo "&" muy bonito y decorativo que le dará un toque interesante al póster.

Establece el Color de la fuente del "&" a Spirit Day Purple (Morado del Día del Espíritu), 75% de Matiz.

ampersand in caslonampersand in caslonampersand in caslon

Paso 5 

Desplázate al lado derecho de la página, junto al signo "&".

Crea un marco de texto más grande de unos 92 mm de Altura y 133 m de Anchura. Escribe "Selfie" y configura la Fuente como Pacifico Regular, Tamaño 149 pt, y el Color como Spirit Day Purple (Morado del Día del Espíritu), Matiz 95%.

Coloca la línea de base de la palabra "Selfie" en la guía que se encuentra a 153,6 mm.

selfie textselfie textselfie text

Rellena el hueco entre "&" y "Selfie" con "take a", en Adobe Caslon Pro Italic, Tamaño 66 pt, en Spirit Day Purple (Morado del Día del Espíritu) 60%, como se muestra a continuación.

Y debajo, crea otro marco de texto. Abre el panel de Pictogramas (Ventana > Texto y tablas > Pictogramas) y, colocando el cursor de escritura en el marco de texto, ajusta la Fuente a Nexa Rust Extras. Elige la mano que apunta a la derecha en la selección de pictogramas del panel y haz doble clic para insertarla. Aumenta el Tamaño de fuente a 200 pt y cambia el Color a Spirit Day Purple (Morado del Día del Espíritu) 70%.

glyphs panelglyphs panelglyphs panel

¡Fantástico! Otra sección terminada.

completed phrasecompleted phrasecompleted phrase

Paso 6

Desplázate hacia abajo en la página. La siguiente frase será "in your Purple Outfit".

Selecciona "in your" y configúralo en Lovato Light, Tamaño de 54 pt. Disminuye el Matiz de Spirit Day Purple (Morado del Día del Espíritu al 80%.

Coloca "Purple" debajo de "in your" en una Fuente más llamativa, League Spartan Bold, todo en mayúsculas, y ajusta el Tamaño a 51 pt. Aumenta el Matiz del Spirit Day Purple (Morado del Día del Espíritu) al 90% para que destaque y se vea más contundente.

Coloca "Outfit" a la derecha de la página, en una Fuente grande y difuminada como Alpha Echo, Tamaño 142 pt, todo en mayúsculas, y reduce el Tracking a -40 para que el texto quede más ajustado. Establece el Color como Spirit Day Purple (Morado del Día del Espíritu), Matiz al 75%.

outfit fuzzy textoutfit fuzzy textoutfit fuzzy text

Paso 7

Continúa bajando por la página. Crea un marco de texto cuadrado grande, y establece la Fuente a Veneer Extras, Tamaño 340 pt. Ten tu panel de Pictogramas abierto (Ventana > Texto y tablas > Pictogramas) y elige la flecha que apunta a la izquierda de la selección de pictogramas disponibles. Ajuste el Color a Spirit Day Purple (Morado del Día del Espíritu), Matiz 70%.

Para hacer girar el marco de texto para que la flecha apunte hacia arriba, toma tu Herramienta de selección (V, Escape) y selecciona el marco. Luego haz Control clic (Mac OS) o Clic derecho (Windows) > Transformar > Rotar 90 Grados a la izquierda.

Colócala de manera que la flecha encaje perfectamente a la izquierda de la página, dentro del margen.

arrow glyph rotatedarrow glyph rotatedarrow glyph rotated

A la derecha de la flecha, crea otro marco de texto y escribe "Upload". Establece la Fuente a Digital Dream, Tamaño 80 pt, y aumenta el Tracking a 20. Ajusta el Color a Spirit Day Purple (Morado del Día del Espíritu, Matiz al 85%.

digital dreams fontdigital dreams fontdigital dreams font

Completa esta sección del póster con "your photo" en Great Vibes, Tamaño 110 pt; la palabra "to" en Nexa Rust Sans Black, Tamaño 65 pt; "Twitter" en Picadilly Bold, Tamaño 33 pt (y con rotación a la derecha); y, finalmente, un simpático pictograma de un pajarito escogido de la selección Veneer Extra y con un tamaño de 148 pt.

bird glyphbird glyphbird glyph

Establece el Color de todo el texto como Spirit Day Purple (Morado del Día del Espíritu), y varía un poco el Matiz para dar un poco de variedad.

final sectionfinal sectionfinal section

Paso 8

La sección final de las instrucciones de texto en el póster dirá "or Instagram with #spiritday #envato". Seguiremos usando las guías que colocamos antes como guías para colocar la sección de texto.

Coloca "or" en tamaño pequeño y en Adobe Caslon Pro Italic. Establece "Instagram" en Lobster Regular, Tamaño 89 pt, y Color a Spirit Day Purple, Matiz al 85%.

Coloca un pictograma de nube tomado de Veneer Extras, a Tamaño 95 pt, en un pequeño marco de texto sobre la palabra "Instagram".

glyphs panelglyphs panelglyphs panel

Establece "with" en Densia Sans, Tamaño 51 pt, Tracking 70, todo en mayúsculas, y con una rotación de 90 grados a la derecha, y colócalo en el centro de la página.

A la derecha de "with", establece "#spiritday" y "#envato" en Cabin SemiBold y juega con los tamaños para que encajen bien en el espacio disponible a la derecha de la página. Dales el bonito y llamativo color Spirit Day Purple (Morado del Día del Espíritu) y un Matiz de 95%.

final sectionfinal sectionfinal section

Paso 9

La parte principal de tu póster está terminada, bien hecho. Lo único que queda por hacer es crear un título principal por el "Día del Espíritu" para tu póster, para el que ya hemos hecho espacio en la parte inferior de la página.

Selecciona la Herramienta de línea (\) y, manteniendo pulsada la tecla Mayúsculas, arrastra el cursor por la página para crear una línea de 246 mm de Largo. Sitúa la línea en la guía de 337 mm.

Despliega el panel de Trazo (Ventana > Trazo) y ajusta el Grosor del trazo a 2 mm y el Tipo a Con puntos. Ajusta el Color del trazo, desde el panel Muestras, a Spirit Day Purple (Morado del Día del Espíritu), Matiz 85%.

dotted strokedotted strokedotted stroke

Paso 10

El branding del Día del Espíritu es sencillo y moderno, por lo que una fuente serif sencilla quedará muy bien para el encabezado principal "Spirit Day".

En primer lugar, utiliza la Herramienta de texto (T) y crea un marco de texto cuadrado, colocándolo debajo de la línea de puntos en la esquina inferior izquierda de la página. Escribe "#" y establece la Fuente como Cabin SemiBold, Tamaño 115 pt, y ajusta el Color como Spirit Day Dark Purple (Morado oscuro del Día del Espíritu). No apliques un Matiz esta vez, mantén el color intenso.

hashtag text framehashtag text framehashtag text frame

Selecciona el marco de texto del símbolo del hashtag y Editar > Copiar, Editar > Pegar.

Mueve el marco de texto pegado a la derecha del hashtag y tira de él para ampliar su anchura.

Ajusta el texto para que se lea "SpiritDay", y ponlo todo en mayúsculas. Aumenta el Tracking a 70. Deja que el borde de la "Y" se sitúe contra el margen derecho.

Asegúrate de que la línea de base del texto se encuentra en el margen inferior.

completed headingcompleted headingcompleted heading
dark purple swatchdark purple swatchdark purple swatch

Paso 11

Añade un pequeño subtítulo encima del título principal "#SPIRITDAY", que diga "Show your Support on October 15th" ("Muestra tu apoyo el 15 de octubre"). Establece el texto en Cabin, todo en mayúsculas, Tamaño 30 pt, Tracking  30 y Color a Spirit Day Purple (Morado del Día del Espíritu), Matiz 60%.

sub-headingsub-headingsub-heading

Flanquea cada lado del subtítulo con pequeños pictogramas de flechas que apunten a la izquierda y a la derecha de la selección Veneer Extras en el panel de Pictogramas.

glyphs panelglyphs panelglyphs panel
glyphs panelglyphs panelglyphs panel

5. Exporta tu póster para imprimirlo

¡Enhorabuena! Tu póster por el Día del Espíritu está terminado y tiene un aspecto estupendo. Ahora todo lo que tienes que hacer es exportarlo a un formato de impresión, listo para ser impreso profesionalmente o para imprimirlo en casa o en la oficina.

Paso 1

En primer lugar, ve a Archivo > Guardar para asegurarte de que tienes una copia guardada del archivo InDesign de tu póster.

A continuación, ve a Archivo > Exportar. En la ventana de Exportación, dale un nombre al archivo, por ejemplo "Spirit Day Poster for Print" ("Póster del Día del Espíritu para imprimir"), y elige Adobe PDF (Imprimir) en el menú desplegable de Formato. Haz clic en Guardar.

export windowexport windowexport window

Paso 2

En la ventana Exportar a Adobe PDF que se abrirá, elige [Calidad de impresión] en el menú desplegable Ajustes preestablecidos de Adobe PDF.

press qualitypress qualitypress quality

En la opción de menú Marcas y Sangrados (accesible desde la parte izquierda de la ventana), deja estas opciones en blanco si vas a imprimir tu póster en casa o en la oficina, o selecciona Marcas de recorte y Marcas de sangrado, así como Usar configuración de sangrado del documento, si quieres enviar tu póster a una imprenta profesional.

crop marks and bleedcrop marks and bleedcrop marks and bleed

Haz clic en Exportar para crear tu archivo PDF listo para imprimir.

Aquí puedes ver que también he creado una versión del póster con un fondo púrpura; puedes conseguir una versión púrpura también descargando el archivo de InDesign adjunto a este tutorial.

exported posterexported posterexported poster

¡Ponte a trabajar!

¡Qué trabajo tan impresionante chicos! Tu póster tipográfico está terminado y listo para imprimir, y será una forma estupenda de hacer que la gente participe en el Día del Espíritu de este 15 de octubre.

final poster designfinal poster designfinal poster design

En este tutorial hemos aprendido una serie de técnicas útiles para diseñar pósteres tipográficos. A continuación, te mostramos algunos de los conocimientos clave que has adquirido y que podrás aprovechar para futuros proyectos:

  • Cómo dividir el diseño de un póster en filas, listo para segmentar grandes piezas de texto en bloques manejables.
  • Cómo elegir una selección variada de tipografías para crear un aspecto tipográfico genial y armónico
  • Cómo aplicar un sencillo esquema de dos colores y darle variedad al resultado con matices para crear un diseño uniforme y minimalista.
  • Cómo exportar tus diseños de pósteres para imprimirlos en casa o en una imprenta profesional

¡Date unas palmaditas en la espalda! No dudes en compartir tus propios diseños del Día del Espíritu o de otros pósteres tipográficos en los comentarios de abajo. ¡Nos encantaría verlos!

poster mock-upsposter mock-upsposter mock-ups
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.