1. Design & Illustration
  2. Adobe InDesign

Cómo crear una Tarjeta Tipográfica de San Valentín en Adobe InDesign

by
Read Time:10 minsLanguages:

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

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

¿Quieres impresionar a alguien el Día de San Valentín? Esta particular tarjeta inspirada en la tipografía tiene un aire de romance antiguo que será difícil de resistir. Este es un gran tutorial para desarrollar o pulir habilidades de diseño de impresión, incluso si eres un principiante.

Estaremos usando Adobe InDesign para crear el diseño de la tarjeta y también veremos cómo exportar el diseño en PDF con calidad de impresión listo para imprimir.

¿Estás buscando algo más conveniente para el Día de San Valentín? Puedes encontrar una gran variedad de plantillas para tarjeta en Envato Elements y GraphicRiver.

¿Listo para el romance? ¡Vamos!

Qué Necesitas Para Diseñar Tu Tarjeta

Así como acceso a Adobe InDesign, también necesitarás descargar las siguientes imágenes y fuentes:

Guarda las imágenes en un folder que puedas localizar fácilmente e instala las fuentes en tu sistema. Una vez que hagas esto, estás listo para empezar a diseñar tu tarjeta de San Valentín.

1. Cómo Instalar Tu Tarjeta en InDesign

Paso 1

Abre InDesign y ve a Archivo > Nuevo > Documento.

Mantén la Calidad en Imprimir y des selecciona la opción de Páginas Opuestas. Establece la Anchura de la página en 5 in y la Altura en 7 in.

Establece los Márgenes Superior e Inferior en 1.0625 in y los Márgenes Interior y Exterior en 0.875 in. Agrega una Sangrado de 0.25 para todo el borde de la página y da click en OK.

new documentnew documentnew document
new documentnew documentnew document

Paso 2

Expande el panel de Capas (Ventana > Capas) y da doble click en el título de la Capa 1. Nombra esta capa Fondo y da click en OK.

Da click en el botón Crear Nueva Capa en la parte inferior del panel y cámbiale el nombre a Texto.

Crea otras dos capas más, la primera Detalles y finalmente Cubierta.

layers layers layers

Bloquea todas las capas excepto el Fondo y dale click para activarlo.

locked layerslocked layerslocked layers

Paso 3

Expande el panel de Muestras (Ventana > Color > Muestras). Desde aquí, puedes crear paletas de color completas de muestra CMYK para usar en tu diseño.

En el menú del panel de la esquina superior derecha, escoge Nueva Muestra de Color y crea la siguiente muestra CMYK, dando click en Agregar y OK cada vez:

  • Verde Bosque: C=77 M=45 Y=100 K=48
  • Menta: C=63 M=13 Y=39 K=1
  • Naranja: C=0 M=66 Y=67 K=0
  • Mostaza: C=21 M=24 Y=81 K=5
  • Rosa: C=6 M=42 Y=12 K=0
  • Crema: C=0 M=5 Y=27 K=0
  • Ocre: C=13 M=85 Y=87 K=3
  • Morado: C=43 M=95 Y=25 K=16
  • Blanco: C=0 M=0 Y=13 K=0
swatchesswatchesswatches

Paso 4

Con la capa de Fondo activada, toma la Herramienta de Marco Rectangular (F) y arrástrala a través de la página, extendiéndola hasta el borde de la página del lado izquierdo y los bordes de la sangría de la parte superior derecha e inferior.

Ve a Archivo > Colocar, busca la imagen de textura de papel que descargaste anteriormente y da click en Abrir. Permite que llene todo el marco de la imagen.

paper texturepaper texturepaper texture

Paso 5

Cambia a la Herramienta de Rectángulo (M) y arrástrala a través de la página, imitando el tamaño y la posición del marco de la imagen de abajo. Desde el panel de Muestras, establece el Color de Trazo[Ninguno] y el Color de Relleno a Blanco.

off-whiteoff-whiteoff-white

Con la figura de rectángulo seleccionada, ve a Objeto > Efectos > Transparencia y reduce la Opacidad hasta 75%, antes de dar click en OK.

transparencytransparencytransparency

2. Cómo Trazar la Tipografía en Tu Tarjeta

Paso 1

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

Con las cuadrículas visibles (Ver > Mostrar Reglas), arrastra una guía desde la cuadrícula superior a la posición Y 2.47 in y una segunda a 2.8 in.

Arrastra otras dos guías a 4.2 in y 4.53 in, creando una secuencia de cuatro guías en total.

guidesguidesguides

Paso 2

Agarra la Herramienta de Texto (T) y arrástrala hacia la página para crear un cuadro de texto en la esquina superior derecha marcada por un margen.

Teclea ‘V’ y desde el panel de Controles que está en la parte superior de la hoja de trabajo o desde el Panel de Carácter (Ventana > Texto y Tablas > Carácter), establece la Fuente en Mr Darcy, Tamaño 142 pt.

v textv textv text

Paso 3

Haz una segunda caja de texto a la derecha de la primera y teclea ‘A’, estableciendo la Fuente en Jacques Francois, Tamaño 137 pt. Alinea las letras en la línea superior.

a texta texta text

Haz más marcos de texto, con las letras y las fuentes de la siguiente manera:

Lovato Light, Tamaño 167 pt. en ‘L’.

l textl textl text

Ve a la segunda línea y establece Lovato Light, Tamaño 162 pt en ‘E’.

e lovatoe lovatoe lovato

Mr Darcy, Tamaño 160 pt en ‘N’.

n textn textn text

Naive Inline, Size 136 pt en ‘T’.

t textt textt text

En la tercer línea, establece Naive Inline, Tamaño 135 pt en ‘I’.

naive inlinenaive inlinenaive inline

Jacques Francois, Size 140 pt en ‘N’.

jacques francoisjacques francoisjacques francois

Y finalmente establece Brixton Regular, Tamaño 145 pt en ‘E’.

brixton fontbrixton fontbrixton font

Paso 4

Una vez que estés contento con la posición de las letras, arrastra el mouse para seleccionar todas las cajas de texto y ve a Texto > Crear Contornos.

create outlinescreate outlinescreate outlines

Esto convertirá tu texto en una versión en vectores, que puedes escalar y agregar efectos de trazo más fácilmente.

vector textvector textvector text

Paso 5

Aplica la muestra de Mostaza para el Relleno y el Trazo de la primer letra, ‘V’.

mustard colormustard colormustard color

Expande el panel de Trazo (Ventana > Trazo) y establece la Anchura en 1 pt. En el menú de Tipo, escoge Barra Inclinada a la Derecha. Esto le dará textura al borde de la letra, dándole una apariencia menos digital.

strokestrokestroke

Paso 6

Trabaja con las letras, aplicando a tu diseño diferentes colores del panel de Muestras, así como la misma línea de trazo Barra Inclinada a la Derecha para cada una.

green colorgreen colorgreen color
text colortext colortext color
orangeorangeorange

3. Cómo Agregar Detalles Extra a Tu Diseño Tipográfico

Paso 1

Puedes crear flechas que crucen algunas de las letras de tu diseño, haciendo un efecto romántico y elegante.

Toma la Herramienta de Línea (\) y presionando Shift, arrastra de izquierda a derecha atravesando las letras ‘A’ y ‘L’ en la fila superior. En el Panel de Trazo establece el Grosor en 3 pt y ajusta el Remate a un Remate Redondeado. Escoge el Rosa para el Color de Trazo.

pink linepink linepink line

Paso 2

Usa la Herramienta de Pluma (P) para dibujar una pequeña punta de flecha del lado izquierdo de la línea, establece el color de Relleno en Rosa.

arrow headarrow headarrow head

Haz una pequeña línea diagonal usando la Herramienta de Pluma o Herramienta de Línea hacia el extremo derecho de la flecha.

pen toolpen toolpen tool

Copia y Pega la línea varias veces para crear una pluma al final de la flecha.

feathersfeathersfeathers

Selecciona todas las líneas de las plumas y da Click Derecho > Agrupar, antes de copiar y pegar. Da Click Derecho en el grupo que pegaste y da click en Transformar > Voltear Vertical.

flip verticalflip verticalflip vertical

Muévelo a una posición de reflejo a lo largo del borde inferior de la flecha.

flipped feathersflipped feathersflipped feathers

Paso 3

Da Click Derecho > Agrupar en todos los elementos de la flecha, antes de ir a Objeto > Efectos > Transparencia. Establece el Modo en Multiplicar.

multiplymultiplymultiply

Da click en Sombra Paralela en el menú de la izquierda del panel. Establece el Color de Efecto (dando click en el cuadrado de color) en Rosa y haz la sombra sutil y suave ajustando las opciones en la ventana hasta que encuentres la que te guste.

effect coloreffect coloreffect color

Da click en OK para salir de la ventana.

Paso 4

Editar > Copiar, Editar > Pegar la flecha varias veces, poniendo las copias encima de la segunda y tercer fila de letras como se muestra abajo.

Usa el panel de Muestras para ajustar el color de los elementos que hacen las flechas.

swatches panelswatches panelswatches panel

Paso 5

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

Ahora puedes empezar a agregar detalles particulares a cada letra, como puntos y líneas, para crear un efecto de estilo de circo.

Usa la Herramienta de Elipse (L) para agregar lunares a la parte superior de las letras, así como yo lo hice con la letra ‘V’.

ellipse toolellipse toolellipse tool

Cambia a la Herramienta de Pluma (P) para agregar líneas largas de color a las letras más gruesas, como la ‘A’ en la primera fila.

pen toolpen toolpen tool

Usa la Herramienta de Línea (\) y la Herramienta de Elipse (L) para crear delgadas líneas punteadas en las letras más delgadas, como la ‘L’...

line toolline toolline tool

...‘E’ y ‘T’ en la segunda fila e ‘I’ en la tercer fila.

lineslineslines

Usa la Herramienta de Pluma (P) para crear una figura de brújula en algunas de las letras restantes, como en el ejemplo de abajo.

diamond shapediamond shapediamond shape
diamonddiamonddiamond
shape detailsshape detailsshape details

Paso 6

Como toque final, podemos agregar una textura a la página, para suavizar el aspecto de la tipografía y darle a la tarjeta un estilo más vintage.

Bloquea la capa de Detalles y desbloquea la capa superior, Cubierta.

Usa la Herramienta de Marco Rectangular (F) para crear una marco de imagen por toda la página, extendiéndola solo al borde de la página del lado izquierdo.

paper overlaypaper overlaypaper overlay

Con el marco de imagen seleccionado, ve a Objeto > Efectos > Transparencia. Escoge Multiplicar en el menú de Modo y baja la Opacidad a 25%.

multiplymultiplymultiply
text effecttext effecttext effect

4. Cómo Expandir tu Tarjeta en Un Diseño Para Imprimir

Ya terminaste el diseño para el frente de tu tarjeta — ¡Buen trabajo! Para convertirla en un formato para imprimir, ahora veremos cómo expandir el diseño en una tarjeta plegable, con caras interiores y exteriores.

Paso 1

Haz una copia de tu diseño en el panel de Páginas (Ventana > Páginas) y arrastra el ícono de la Página 1 hacia el botón de Crear Nueva Página hasta abajo del panel, duplicando la página.

Desplaza hasta abajo de la Página 2 para trabajar en ese diseño.

Toma la Herramienta de Página (Shift-P) y da click dentro de la página para seleccionarla. En el panel de Controles superior, escribe 10 in en la Anchura (‘W:’), para doblar el ancho de la página.

Desbloquea todas las capas, selecciona todos los elementos de la página y muévelos para el lado derecho, como se muestra abajo.

page toolpage toolpage tool

Paso 2

Bloquea las capas de Texto y Detalles y arrastra el mouse por la página para seleccionar los elementos de las capas de Fondo y Cubierta.

Edita > Copia, Edita > Pega y mueve las copias para el lado izquierdo de la página.

overlay layeroverlay layeroverlay layer

Paso 3

Regresa al panel de Páginas y arrastra el icono de la Página 2 hacia abajo en el botón de Crear Página Nueva para duplicarla.

En la Página 3, selecciona todos los elementos de las capas de Cubierta, Detalles y Texto y bórralas.

Puedes bajar la Opacidad de los rectángulos coloreados en la capa del Fondo (Objeto > Efecto > Transparencia), para mostrar un poco más de la textura de papel que esta detrás.

paper texturepaper texturepaper texture

Paso 4

Del lado derecho de la página, usa la Herramienta de Texto (L) para crear un cuadro de texto y agrega tu mensaje de San Valentín para el interior de la tarjeta. Asegúrate de que esté centrado en la mitad derecha de la tarjeta.

Usa una variedad de fuentes y colores para una apariencia más peculiar.

text insidetext insidetext inside

También puedes Copiar y Pegar las flechas de la Página 2 para mejorar tu mensaje, ponlos arriba y abajo del texto.

arrowsarrowsarrows
inside of cardinside of cardinside of card

Paso 5

Con tu tarjeta expandida, ¡Ahora puedes exportar tu diseño listo para imprimir! 

Ve a Archivo > Exportar y escoge Adobe PDF (Imprimir) del menú Formato. Ponle al archivo un nombre que recuerdes (ejemplo: ‘Tarjeta de San Valentín_Para Imprimir’), y da click en Guardar.

En la ventana que aparecerá, escoge [Calidad de Prensa] en el menú Valor de la parte superior. En la sección de Páginas, selecciona Rango y establece el rango de página en 2-3.

press qualitypress qualitypress quality

Haz click en Marcas y Sangrados en el menú del lado izquierdo. Selecciona Todas las Marcas de Impresora y Utilizar Configuración de Sangrado del Documento y da click en Exportar.

marks and bleedsmarks and bleedsmarks and bleeds
pdf for printpdf for printpdf for print

Conclusión: Tu Tarjeta de San Valentin Terminada

Tu tarjeta está terminada y lista para mandarla a imprimir. ¡Felicidades! El destinatario estará encantado con su tarjeta de San Valentín con diseño especial.

Además de hacer una bonita tarjeta vintage, también hemos aprendido algunas habilidades de diseño de impresión a lo largo de este tutorial. Ahora sabes cómo hacer plantillas de tarjetas de felicitación en InDesign, cómo darle formato de alto nivel a la tipografía y cómo preparar tu diseño para una impresión profesional.

¿Quieres más inspiración para el Día de San Valentín? Puedes encontrar una gran selección de plantillas de tarjetas fáciles de hacer en Envato Elements y GraphicRiver.

final card designfinal card designfinal card design
One subscription.
Unlimited Downloads.
Get unlimited downloads