Spanish (Español) translation by Valeria Angulo (you can also view the original English article)
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:
- 6 ilustraciones de mezquitas modernas
- 15 iconos de Ramadán
- Fondos abstractos de estrellas
- Fondos de cielo al atardecer
- Fuente Rockyeah Sans
- Familia de fuentes tipográficas Lorin Sans
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.
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.
Bloquea todas las capas excepto la capa de Fondo.
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.
Paso 4
Haz clic en Nueva muestra de degradado en el menú desplegable del panel Muestras.
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.
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.
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.
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.
Copia y pega la forma, moviendo la copia a la mitad derecha de la página, y ajusta el relleno de esto a Atardecer.
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.
Con el marco de la imagen seleccionado, ve a Objeto > Efectos > Transparencia. Establece el modo en Aclarar y baja la Opacidad al 70%.
Haz clic en Desvanecimiento de degradado en el menú de la izquierda, y establece el tipo en Radial.
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.
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.
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.
Paso 2
Copia y pega la flecha dos veces, creando una secuencia vertical de tres flechas hacia abajo en el centro del diseño.
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.
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.
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.
Con la forma seleccionada, ve a Objeto > Efectos > Transparencia y establece el modo a superposición y la opacidad al 60%.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
Si estás ansioso por intentar crear otros diseños infográficos, asegúrate de revisar estos tutoriales:
By
