Share
Lo que vas a crear¡Debes haber tenido tu cabeza enterrada en la arena si no has notado la invasión infográfica en todo el mundo del diseño! Las infografías están ganando popularidad y es fácil ver por qué: son una forma colorida, atractiva y dinámica de presentar grandes cantidades de información, y dan un toque visual a estadísticas y datos aburridos..
Los profesionales de la infografía a menudo usan Adobe Photoshop e Illustrator para crear sus conceptos estadísticos, pero aquí mostraremos cómo puede crear una infografía super simple y de alto impacto con solo las herramientas disponibles en Adobe InDesign. En este tutorial, creará una plantilla reutilizable para una infografía y creará elementos de infografía intercambiables y flexibles para proyectos futuros..
Empecemos!
Puede crear su plantilla de infografía para imprimir o en línea, pero por ahora lo configuraremos como un documento de impresión grande.
Abrir InDesign y seleccione Archivo> Nuevo documento. En el Nuevo documento ventana configurada Intención a Impresión y establecer el No. de Páginas a 1. Deseleccionar páginas opuestas.
Debajo Tamaño de página seleccionar 'Personalizado… ' desde el menú desplegable para crear una nueva Tamaño de página personalizado. Nombra este nuevo tamaño 'Infografía'y establecer el Anchura a 297 mm y Altura a 600 mm. Hacer clic Añadir y entonces DE ACUERDO.
Regreso en el Nuevo documento ventana, mantén la Márgenes a su valor predeterminado (12.7 mm) y configure el Sangrar a 3 mm por todos lados. Hacer clic DE ACUERDO.
Para dar a sus elementos de infografía un aspecto y sensación unificada y profesional, podemos darle al documento un fondo de color con un degradado sutil.
Primero, ve a la Capas panel(Ventana> Capas, si no está ya abierto) y haga doble clic en el defecto 'Capa 1'nombre para abrir el Opciones de capa ventana. Renombra esta capa 'Fondo'y haga clic DE ACUERDO.
Utilizando la Herramienta Rectangular (M), arrastre para crear un marco que se extienda por toda la página y hasta los bordes del sangrado.
Abre el Muestras panel(Ventana> Color> Muestras) y seleccione Nueva muestra de color ... desde el menú desplegable en el panel. Crear un nuevo CMYK (seleccionado de la Modo de color menú) Muestra de tela, C = 63 M = 10 Y = 10 K = 0, y haga clic DE ACUERDO. Selecciona el Llenar de su nuevo marco a esta nueva muestra azul, y Carrera a [Ninguna].
Como toque final, con el cuadro seleccionado, ve a Objeto> Efectos> Gradient Feather y establecer el Tipo a Radial.
Volver a la Capas panely Bloquear la 'Fondo'capa haciendo clic en el cuadro vacío al lado del icono del ojo. En el menú desplegable del panel, seleccione Nueva capa ... Nombra esta capaCuadro'y haga clic DE ACUERDO.
Selecciona el Herramienta de línea (\) y, sosteniendo Cambio, arrastre de izquierda a derecha para crear una línea recta que se extiende desde el sangrado de la izquierda hasta el sangrado de la derecha.
Con la línea seleccionada, abre el Carrera panelVentana> Trazo) y establece el Peso a 8 mm. Selecciona el Color del trazo a C = 63 M = 10 Y = 10 K = 0, como antes. Coloca la línea en la parte superior de la página..
Editar> Copiar, y Editar> Pegar La línea y posición en la parte inferior de la página..
Crea una serie de líneas en diferentes tonos de helado copiando la línea que creaste en Paso 3 (Editar> Copiar, Editar> Pegar) cinco veces más.
Coloque las otras cuatro líneas pegadas una encima de la otra en un bloque en Posición Y 56 mm. Agrega lo siguiente Muestras en el Muestras Panel y aplicar a la serie de líneas a su vez:
Introduzca un título para su documento de infografía. Volver a la Capas panel y Bloquear la 'Cuadro'capa. Crear un Nueva capa y renombralo 'Título'.
Elija una fuente que sea fresca y alegre, pero clara para leer (la claridad y legibilidad de las infografías es especialmente importante). Aquí, he usado Josefin sans a lo largo del documento.
Selecciona el Tipo de herramienta (T) y arrastre para crear un marco de texto 297 mm de ancho y 26 mm de altura. Escribe el Título y (ruptura de párrafo) Sub-título de su documento, y coloque el marco centralmente en el espacio entre las líneas de colores en la parte superior de la página.
Desde el Controles de formato de caracteres el panel que se encuentra en la parte superior de la pantalla, Fuente a Josefin sans regular, Talla 35 pt, Liderando 42 puntos y Color de fuente a C = 49 M = 41 Y = 41 K = 5. Selecciona el Orientación a Alinear al centro. También puede introducir un color diferente en su subtítulo si lo desea.
El primer elemento en su plantilla de infografía será un simple diagrama de gráfico circular. Puede usar esto para dar una visión general de los datos que se analizan y extraer secciones específicas de la demografía para comentarios.
Volver a la Capas panel y Bloquear la 'Título'capa. Crear un Nueva capa, nombralo 'Gráfico circular', y haga clic en DE ACUERDO.
Ve a la Herramientas panely seleccione el Herramienta Elipse (L). Participación Cambio, arrastre para crear un círculo perfecto 100 mm en Diámetro. Colóquelo hacia la parte superior izquierda de la página (debajo de las líneas de color) y configure el Llenar a C = 49 M = 41 Y = 41 K = 5. Arrastra las guías desde la parte superior e izquierda. Gobernantes (Ver> Mostrar reglas) para marcar el centro del círculo.
Con el círculo seleccionado, vaya a Editar> Copiar y Editar> Pegar en lugar y cambiar el Llenar de este segundo circulo a C = 63 M = 10 Y = 10 K = 0.
Selecciona el Herramienta Tijeras (C) y se ciernen sobre el círculo azul. Haga clic una vez en el borde inferior del círculo y una vez más en el borde derecho, para crear una sección separada. Haga clic para seleccionar la parte más grande del círculo azul y Borrar, Para que el círculo gris vuelva a ser visible..
Dependiendo de qué tan grande quiera hacer la sección de su gráfico circular, podría mantener el diámetro de la sección tal como está, que es aproximadamente un cuarto del total. O, como he hecho aquí, puedes dividirlo más en una sección uno ocho de la totalidad. Para hacer esto, use el Herramienta Tijeras (C) una vez más, y haga clic una vez a mitad del borde exterior del diámetro de la sección cortada, como se muestra a continuación.
Deseche una de las secciones de corte y, con la sección restante seleccionada, seleccione la Herramienta Pluma (P). Haga clic una vez en el centro del círculo gris para crear una sección en forma de pastel.
Crea otra sección de pastel seleccionando la sección azul y Copiar> Editar y Editar> Pegar. Cambiar el Llenar a un color diferente, y coloca las secciones en una posición con la que estés satisfecho.
Puedes agregar un efecto 3D aplicando un sutil Sombra paralela a una de las secciones de tarta. Ir Objeto> Efectos> Sombra y establecer el Opacidad a 25%, y el Distancia y tamaño a 2 mm.
Agregue comentarios a su gráfico circular introduciendo un par de marcos de texto usando el Tipo de herramienta (T). Selecciona el Fuente a Josefin Sans SemiBold, Talla 20 pt, y uso de coincidencia Colores de fuente a las secciones correspondientes.
Utilizar el Herramienta de línea (\), participación Cambio, para crear punteros. En el Carrera panel, establecer el Peso a 1 mm, Tipo a Puntos japoneses y el Valor final a CircleSolid.
Desplácese un poco por la página, de modo que está viendo la sección de la página debajo del gráfico circular. En el Capas panel, Bloquear todas las capas existentes y crear una Nueva capa, cambiándolo de nombre 'Gráfico de barras'.
Selecciona el Herramienta de línea (\) y, sosteniendo Cambio, arrastre verticalmente para crear una línea sobre 120 mm en Longitud. Desde el Carrera panel, establecer el Peso a 18 mm, Fin valor para TriangleWide y Color del trazo a C = 49 M = 41 Y = 41 K = 5.
Editar> Copiar y Editar> Pegar esta flecha varias veces, variando el Color del trazo y Longitud. Organice las flechas exactamente una al lado de la otra para crear un aspecto estrecho y en capas.
Para dar un aspecto 3D al gráfico, introduzca una línea horizontal utilizando el Herramienta de línea (\). Asegurar la Carrera Tiene algunos Color y un Peso de 1 mm, A continuación, aplique una sombra al ir a Objeto> Efectos> Drop Shadow… y establecer el Opacidad a 75%.
Envía la línea detrás de las flechas, haciendo que la línea sea invisible, por Ctrl-Click (Mac) o clic derecho (PC)> Organizar> Enviar a la parte posterior.
Puede introducir un título debajo del gráfico de barras, así como descripciones de porcentajes, etc., en el mismo gráfico aplicando marcos de texto individuales en la parte superior del gráfico e ingresando sus valores de datos.
Selecciona el Fuente en todos los casos para Josefin sans para ser consistente.
Centrarse en sacar el máximo provecho de la Herramientas de forma Se te ofrece en InDesign. ¡Es increíble lo que puedes crear! Una vez que domine la creación de una silueta de persona simple, intente utilizar las Herramientas de forma para crear otros iconos infográficos simples.
En el Capas panel, asegúrese de que todas las capas existentes son Bloqueado, antes de crear un Nueva capa. Nombra estoFiguras'.
Navegar a la Cartón, adyacente a la página en el lado izquierdo o derecho. Puedes usar esta área para experimentar creando tus formas..
Utilizar el Herramienta Rectangular (M) dibujar un marco sobre 24 mm de ancho y 50 mm de altura. Selecciona el Color de relleno a C = 49 M = 41 Y = 41 K = 5 por ahora.
Con el cuadro seleccionado, vaya a Objeto> Opciones de esquina para abrir el Opciones de esquina ventana. Selecciona el tamaño de todos los rincones a 5 mm y Forma a Redondeado. Este marco formará el torso de la figura..
Ahora Editar> Copiar y Editar> Pegar Este marco repetidamente y manipular el Anchura y Altura Para crear marcos más estrechos para los brazos, piernas y hombros.. Ctrl-Click (Mac) o clic derecho (PC)> Transformar> Girar ... Para ajustar la orientación de las formas. Sostener Cambio mientras usa el Herramienta Elipse (L) para crear una cabeza.
Para facilitar su uso, puede agrupar las formas por Ctrl-Click (Mac) o clic derecho (PC)> Grupo.
Crea una figura femenina seleccionando la figura masculina y haciendo una copia (Editar> Copiar y Editar> Pegar). Selecciona el Llenar a C = 8 M = 5 Y = 12 K = 0. Gire el brazo izquierdo para -21 grados (Ctrl-Click (Mac) o clic derecho (PC)> Girar ... ) y gire el brazo derecho para 21 grados para reflejar el brazo izquierdo.
Utilizar el Herramienta Rectangular (M) para crear un marco cuadrado adicional que se extiende a través del torso. Para crear una forma de falda, use la Herramienta Tijeras (C) para cortar los bordes exteriores (deshacerse de dos triángulos invertidos a cada lado, luego ir a Objeto> Rutas> Unir, con las rutas restantes del marco seleccionado, para crear una forma trapezoidal).
Ahora que ha creado sus figuras, puede usarlas en todo tipo de arreglos infográficos..
Puede usarlos para mostrar un género demográfico con flechas simples (similares a las que creamos anteriormente para el Gráfico de barras, simplemente Dupdo y Pegar y variar el Color del trazo) y leyendas de texto indicando los datos (establecidos en Josefin Sans SemiBold).
También puede reducir el tamaño de una figura (mantenga Cambio mientras se redimensiona para mantener las mismas proporciones), y Dupdo y Pegar, Repetir en filas para dar un sentido de los datos de población.
Para replicar este efecto, coloque varias figuras repetidas en una fila a lo largo de la misma línea de base (arrastre Guía desde la parte superior gobernante para que todos estén alineados exactamente).
Introduzca una línea horizontal utilizando el Herramienta de línea (\), estableciendo el Tipo a Punteado y el Peso a 1 mm, y sienta la línea entre el borde de las figuras y un marco de texto. En el cuadro de texto (Tipo de herramienta [T]) escriba el porcentaje / número de datos y configure Fuente a Josefin Sans Bold, tamaño 80 pt.
Para crear una forma de lágrima al comienzo de una fila de figuras, use la Herramienta Elipse (L) para crear un círculo perfecto Cambio). Por separado, crea un Línea en aproximadamente 45 grados ángulo y Editar> Copiar> Pegar para crear una copia de la linea.
Ctrl-Click (Mac) o clic derecho (PC)> Transformar> Voltear horizontalmente y coloque la segunda línea debajo de la primera línea, con sus bordes conectados. Ir Objeto> Rutas> Unir y establecer el Color de relleno a la misma muestra que el círculo que acabas de crear. Coloque el triángulo sobre el círculo, con el borde del triángulo fuera del lado derecho del círculo. Ctrl-Click (Mac) o clic derecho (PC)> Grupo Las dos formas juntas para un fácil manejo..
En ocasiones, es posible que deba introducir iconos o imágenes más detallados de Illustrator o Photoshop en su infografía, como un diagrama de mapa. Puede agregar anotaciones a estos en InDesign.
Archivo> Lugar un EPS o gráfico de Illustrator elegido en su documento en una Nueva capa. Colóquelo en la parte superior derecha de la página, debajo de Gráfico circular gráfico.
Para agregar más dimensión a su mapa, puede agregar círculos de diferentes tamaños para dar una idea de la diferente proporción de datos en un área geográfica (por ejemplo, el porcentaje de una población en una región determinada).
Utilizar el Herramienta Elipse (L), participación Cambio, para crear tres o cuatro círculos de diferentes tamaños y colores, y posicionarlos sobre el mapa.
Con las formas seleccionadas, vaya a Objeto> Efectos> Transparencia y establecer el Opacidad de los círculos para 85%.
Para un pop-out, efecto 3D, agregue una sombra al marcar la Sombra paralela caja en el Efectos panel. Selecciona el Opacidad a 30% y aumentar la tamaño a 4 mm.
Soltar en las leyendas de texto usando el Tipo de herramienta (T) y crear punteros de conexión utilizando el Herramienta de línea (\), estableciendo el Peso a 1 mm y el Tipo a Puntos japoneses. En el Carrera panel (Ventana> Trazo) selecciona el Fin valor para CircleSolid para crear un efecto de puntero.
Ha creado un conjunto de infografías simples pero súper efectivas, con una estética contemporánea y fresca..
Puede editar esta plantilla de infografía básica para acomodar todo tipo de datos básicos sobre poblaciones y datos demográficos. También puede extraer elementos de cada infografía para crear su propio documento de infografía personalizado. Diviértete encontrando tus propias formas de hacer que la información sea hermosa.!
Accentsconagua