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

Cómo crear una plantilla de infografía del Ramadán en InDesign

by
Difficulty:IntermediateLength:MediumLanguages:

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

Final product image
What You'll Be Creating

En este tutorial, aprenderás a armar una línea de tiempo de plantilla de infografía en Adobe InDesign. Veremos cómo crear una plantilla infográfica profesional que esté lista para compartir en las redes sociales. Este tutorial es perfecto para principiantes relacionados con InDesign.

El Ramadán es el noveno mes del calendario islámico (que cae en mayo y junio de este año). El mes está marcado como un mes de ayuno (Sawm) para conmemorar la revelación del Corán al profeta Mahoma.

¿Tienes poco tiempo? Puedes encontrar plantillas de diseño de infografías fáciles de editar en GraphicRiver y Envato Elements.

¿Estás preparado para comenzar? ¡Vamos a sumergirnos!

Qué necesitarás para crear tu plantilla de infografía

Además del acceso a Adobe InDesign, también necesitarás poder acceder a un software de vectores como Adobe Illustrator para abrir brevemente algunos de los gráficos vectoriales que aparecen a continuación.

Adjunto a este tutorial, también encontrarás un conjunto descargable de muestras de color en formato Adobe Swatch Exchange (ASE), así que asegúrate de descargarlas también.

También necesitarás descargar:

Instala las fuentes en tu computadora y estarás listo para comenzar a crear tu plantilla de infografía.

1. Cómo configurar tu plantilla de diseño de infografía

Paso 1

Abre InDesign y ve a Archivo > Nuevo > Documento. Elige Web para la Calidad en la parte superior, y desmarca Páginas opuestas.

En Tamaño de página, establece el Ancho en 870 px y el Alto en 2300 px (puedes ajustar el alto más tarde si lo deseas utilizando la Herramienta de página).

Haz clic en OK para crear tu documento.

new document

Paso 2

Amplía el panel de Capas (Ventana > Capas), y haz doble clic en la Capa 1 para abrir la ventana de Opciones. Cambia el nombre de la capa Fondo y haz clic en OK.

Haz clic en el botón Crear nueva capa en la parte inferior del panel y renombra esta segunda capa como Estrellas y nubes. Luego crea cinco capas más en este orden: Línea de tiempo, Mezquita, Superposición de degradado, Iconos y Texto.

type layer

Bloquea todas las capas excepto la capa de Fondo.

background layer

Paso 3

Expande el panel Muestras (Ventana > Color > Muestras) y elige Cargar Muestras en el menú desplegable del panel.

Navega hasta el archivo proporcionado llamado: Ramadan Infographic Swatches.ase, y haz clic en Abrir para cargar las muestras RGB en el panel.

load swatches

Paso 4

Haz clic en Nueva muestra de degradado en el menú desplegable del panel Muestras.

new gradient swatch

Nombra la muestra Atardecer y pon el Texto en Lineal. Elige Muestras en el menú Color de etapa y elige una muestra de color rosa pálido para la parada de la izquierda y una muestra de color azul oscuro para la parada de la derecha.

A continuación, haz clic en Añadir y Listo.

sunset gradient

Paso 5

Crea una segunda Nueva muestra de degradado.

Nómbrala Amanecer, y elige una gama de cinco muestras de color, desde el amarillo pálido hasta el naranja y el azul, para crear un efecto de amanecer.

Haz clic en Añadir y Listo.

dawn gradient

Paso 6

Crea una tercera muestra de degradado, esta vez con el tipo en Radial.

Nómbrala Luz y elige una muestra amarilla muy pálida para la parada de la izquierda y una amarilla más profunda para la parada de la derecha.

Haz clic en Añadir y Listo, como antes.

new gradient swatch light

2. Cómo crear un efecto dividido de noche y día en tu plantilla de infografía

Paso 1

Con tus muestras de degradados listas para usar, empieza a trabajar en la capa Fondo.

Utiliza la Herramienta Rectángulo (M) para crear una forma a través del lado izquierdo del diseño (el hueco en la parte inferior puede dejarse para un crédito de autor).

Pon el relleno de color de esto en Amanecer desde el panel de Muestras.

dawn swatch

Copia y pega la forma, moviendo la copia a la mitad derecha de la página, y ajusta el relleno de esto a Atardecer.

sunset fill

Paso 2

Bloquea la capa Fondo y desbloquea la siguiente capa, Estrellas y Nubes.

Utiliza la Herramienta de Marco Rectangular (F) para crear un marco de imagen a través de la mitad superior del lado del 'día' del diseño, y Archivo > Colocar una de las imágenes del fondo del cielo al atardecer en el marco.

clouds image

Con el marco de la imagen seleccionado, ve a Objeto > Efectos > Transparencia. Establece el modo en Aclarar y baja la Opacidad al 70%.

lighten mode

Haz clic en Desvanecimiento de degradado en el menú de la izquierda, y establece el tipo en Radial.

gradient feather

Paso 3

Selecciona el marco de la imagen de las nubes y copia y pega, moviéndolo hacia el lado derecho del diseño.

Archivo > Colocar, elige una de las imágenes del paquete de fondos abstractos de estrellas, y Ábrelo. Deja que la estrella central se sitúe aproximadamente en el centro del marco de la imagen.

stars background

3. Cómo crear una línea de tiempo de plantillas infográficas

Paso 1

Bloquea la capa de Estrellas y Nubes y desbloquea la capa de arriba, Línea de Tiempo.

Utiliza la Herramienta de línea (\) para crear una línea vertical a través del centro de la página, hacia la parte superior.

Configura el Color del trazo en una muestra de color blanco pálido. Desde el panel  Trazo (Ventana > Trazo), aumenta el grosor del trazo a 46 pt, y añade una punta de flecha a la parte inferior de la flecha.

arrow stroke panel

Con la flecha seleccionada, ve a Objeto > Efectos > Desvanecimiento de degradado. Aplica un degradado lineal, permitiendo que la flecha se desvanezca hacia la parte superior. Luego haz clic en OK.

gradient feather

Paso 2

Copia y pega la flecha dos veces, creando una secuencia vertical de tres flechas hacia abajo en el centro del diseño.

pasted arrows

Pega de nuevo, y en esta flecha, Clic-derecho > Transformar > Rotar 90 grados a la derecha. Reduce el grosor de la flecha del panel de trazos y reduce la longitud de la línea. Esta flecha más pequeña puede funcionar como un pequeño puntero hacia los hechos y las estadísticas a medida que te mueves por la línea de tiempo.

stroke weight

Paso 3

Abre una de las ilustraciones EPS del paquete de 6 ilustraciones de mezquitas modernas en un programa vectorial como Adobe Illustrator. Puedes elegir el estilo de mezquita que prefieras, y Editar > Copiar el gráfico en Illustrator.

Vuelve a InDesign y bloquea la capa de la línea de tiempo. Desbloquea la capa Mezquita.

Edición > Pegar el gráfico de la mezquita directamente en la capa y colócalo hacia la parte inferior del diseño.

mosque icon

Paso 4

Para integrar la mezquita en el diseño y hacerla parecer como si estuviera en la oscuridad o la luz solar, podemos añadir un efecto de superposición.

Bloquea la capa de la mezquita y desbloquea la capa de arriba, la de superposición de degradado.

Utiliza la Herramienta Rectángulo (M) para crear una forma sobre el lado izquierdo del diseño, el lado del "día", alcanzando hasta unos dos tercios de la página. Pon el Relleno en amanecer.

dawn swatch

Con la forma seleccionada, ve a Objeto > Efectos > Transparencia y establece el modo a superposición y la opacidad al 60%.

overlay gradient

Haz clic en el Desvanecimiento de degradado y añade un efecto de degradado lineal también, permitiendo que la forma se desvanezca hacia la parte superior.

gradient feather

Paso 5

Copia y pega la forma, y muévela hacia el lado derecho de la página, ajustando el relleno en la puesta de sol.

sunset swatch
mosque light effect

4. Cómo añadir texto e iconos a tu plantilla infográfica

Paso 1

Utiliza la Herramienta de Texto (T) para crear un encabezado en la parte superior del diseño. Desde el panel superior de Controles o los paneles de Carácter y Párrafo (Ventana > Texto y Tablas > Carácter), establece la Fuente Rockyeah Sans y un Color de Fuente contrastante.

heading

Paso 2

Añade un marco de texto girado a la derecha de la parte superior de la línea de tiempo, añadiendo el mes y estableciendo la fuente en Rockyeah Sans.

month subtitle

Paso 3

Ahora puedes empezar a construir hechos y estadísticas sobre tu diseño.

Comienza creando el primer hecho como una especie de plantilla para los otros hechos.

Establece cada sección de información o palabra/número clave en su propio marco de texto, y establece la fuente en Lorin ExtraBold. Estos elementos se verán más contundentes si eres capaz de sacar un solo número o palabra, como el número del mes, en este caso.

text block first

Paso 4

Usa este primer "bloque" de texto para poblar el resto de tu infografía.

Copia y pega el bloque, y posiciona a cada lado de las flechas pequeñas, editando el contenido del texto de cada una.

text block

Baja por la infografía, añadiendo un hecho a cada lado de la línea de tiempo hasta llegar a la mezquita en la parte inferior.

text block
text block

Paso 5

Los iconos son una gran manera de añadir una peculiaridad extra a tus diseños.

Abre el archivo EPS de 15 iconos de Ramadán en Illustrator, y selecciona y copia los iconos individuales.

Pégalos directamente en la capa de Iconos de tu documento de InDesign. Puedes escalarlos, añadirlos a tus bloques de texto y ajustar el color de relleno de los iconos desde el panel Muestras.

moon and stars
no food icon
sun icon

5. Cómo exportar tu plantilla infográfica

¡Tu plantilla de infografía del Ramadán está terminada, hiciste un gran trabajo!

Si quieres compartir tu diseño infográfico en línea, tendrás que seguir las siguientes instrucciones de exportación...

Paso 1

Ve a Archivo > Exportar y elige JPEG en el menú Formato en la parte inferior de la ventana.

A continuación, haz clic en Guardar.

export jpeg

Paso 2

En la ventana de exportar JPEG que se abre, establece la calidad en alta, resolución en 72, y el espacio de color en RGB.

export jpeg

A continuación, haz clic en Exportar para crear un JPEG listo para compartir en las redes sociales. ¡Buen trabajo!

Conclusión: Tu Plantilla de Infografía terminada

Para ayudar a marcar la ocasión del Ramadán y educar a otros sobre el Islam, ¿por qué no compartir esta plantilla infográfica en las redes sociales?

Puedes encontrar más plantillas de diseño de infografías e iconos de vectores para usar en tus diseños en GraphicRiver y Envato Elements.

final infographic ramadan

Si estás ansioso por intentar crear otros diseños infográficos, asegúrate de revisar estos tutoriales:

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.