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

Como Crear un Infográfico Moderno Extraordinario

by
Difficulty:IntermediateLength:MediumLanguages:
This post is part of a series called Design Essentials.
Publishing a Multiple Paged PDF Document Using Illustrator
This post is part of a series called Infographic Design.
How to Create a Promotional Website Infographic in Adobe Illustrator
Quick Tip: Use Illustrator Effects to Spice Up Your Graphs

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

En este curso, aprenderá que los datos no tienen que ser aburridos, de hecho, ¡pueden ser hermosos! Aprenda como usar varias herramientas de diagramas, técnicas de ilustración y tipografía para hacer un infográfic inspirador y exacto en Adobe Illustrator.

Antes de comenzar, considere usar una de nuestras Plantillas Tipograficas para el siguiente proyecto, eso es por si usted necesita una solución profesional rápida.

O, para un diseño realmente personalizado, usted podría contratar un diseñador de Envato Studio. Por ejemplo, idesignera ofrece un servicio completo de diseño infográfico de acuerdo a sus especificaciones por tan sólo $70.

De lo contrario, es hora de examinar este curso paso por paso.


1. Configure su Documento

Paso 1

Empiece usando la Herramienta Rectángulo (M) para dibujar una forma. Además, dele un degradado radial muy sutil.


Paso 2

El diseño completo está basado en una guía de cuatro columnas. Para hacer las columnas, primero seleccione el rectángulo y arrastre una guía dentro del centro de la forma. Arrastre guías en los bordes izquierdo y derecho de la forma. Consejo: Rápidamente muestre la regla presionando Command/Ctrl-R.


Paso 3

Condense la forma para que se ajuste dentro de la guía que está más a la izquierda y centre respecto a esa guía. Ahora, añada otra guía donde está el centro de está forma condensada.


Paso 4

Mueva la forma sobre la derecha y añada otra guía al centro.


Paso 5

Usando la Herramienta Rectángulo (M), dibuje una caja blanca fina sobre la línea del centro que será el ancho del espacio vacío entre las columnas. Añada guías a ambos lados de la pequeña caja y borre la guía del centro. Consejo: Las guías están bloqueadas por defecto. Para borrar una guía vaya a Vista > Guías > y desactive la opción Bloquear Guías. Luego, haga clic en la guía y presione la tecla delete [borrar].


Paso 6

Repita el proceso para las otras columnas, el resultado final lo puede ver abajo. Agrande la caja color naranja para que sea ligeramente más larga que las guías de los extremos.



2. Cree el Título y el Encabezado

Paso 1

Me gusta colocar los gráficos más importantes primero y trabajar en los gráficos y tablas auxiliares después. Preste atención al tamaño y el balance mientras está comenzando a colocar sus elementos sobre la página. Debajo, la combinación de texto grande y fino, se complementa.


Paso 2

Muy pronto usted puede experimentar con la ubicación de los gráficos principales que le ayudarán a darle a la pieza algo de interés visual. He decidido usar círculos como la orientación más alta de la composición ser beneficiará de estás formas que constrastan. Use la Herramienta Elipse (L) para dibujar algunos círculos de forma arbitraria o en tamaños variados.


Paso 3

De a los círculos una variedad de degradados. Para acceder a los degradados predefinidos de Illustrator, vaya a Ventana > Biblioteca de Muestras > Degradados > Brillantes.


Paso 4

He colocado el primer grupo de círculos en la esquina y los extendí fuera de la página.


Paso 5

Para asegurar un borde nítido, sujetaremos los círculos para que luzcan como si se detienen donde el fondo termina. Primero, dibuje un rectángulo sin relleno ni contorno. Asegúrese que el rectángulo está en frente de los círculos. Seleccione los círculos y el rectángulo y luego vaya a Objeto > Mascara de Recorte > Hacer.



3. Crear un Gráfico de Pastel

Paso 1

Estoy usando una variedad de gráficos en este infográfico. Para crear un gráfico de pastel exacto, haga clic sobre el gráfico más adecuado y luego, nuevamente, haga clic y arrastre su documento para crear un gráfico en un tamaño específico. El primer gráfico representará los datos, 50 cursos con 39 estándares y 11 excepcionales. Dicho eso, introduzca 39 en la primer caja y 11 en la segunda. Presione la tecla tab para avanzar a la siguiente caja. Una vez que haya terminado haga clic en el icono que está en la esquina superior derecha.


Paso 2

La mayor parte de los estilos de todos los gráficos fueron creados a mano. Para manipular más los gráficos desagrupelos a través de Objeto > Desagrupar. Usted recibirá una caja de diálogo como la que se muestra abajo. Si usted está satisfecho con el gráfico, entonces haga clic sobre OK. Consejo: Después de que haya representado su gráfico, pero antes de desagruparlo, simplemente haga Contrl-Clic sobre éste y vaya a Data para editar información adicional.


Paso 3

Este paso es cuestión de preferencias. No me gusto como el área gris pequeña quedo a la izquierda así que voltee mi gráfico usando la Herramienta Reflejo (O).


Paso 4

Añada manualmente el número de gráficos y llaves.



4. Coloque su Gráfico

Paso 1

Como esperaba, estoy usando una guía como una base para calcular lo ancho que va a ser mis gráficos. Para crear una línea divida entre los gráficos, use la Herramienta Lápiz (P) y dibuje una línea vertical. En el panel Trazo, seleccione Líneas Punteadas e introduzca 2pt en la primer caja. Consejo: Cuando agranda una figura los contornos de los dibujos también se agranda, así que desactive o active Escalar Trazos y Efectos en el panel Preferencias (Command-K) para lograr que los trazos no se agrande en la medida que se agranda la figura.


Paso 2

Para crear el efecto de una línea interrumpida, dibuje dos líneas, una más oscura y la otra más clara.


Paso 3

Coloque la línea más oscura ligeramente arriba de la línea más clara para crear la ilusión de una luz que proviene de arriba.



5. Crear un Gráfico de Columnas

Paso 

El siguiente gráfico que crearé es una Gráfico de Columna (J). De nuevo, haga clic y arrastre hasta crear el tamaño de gráfico de su elección. Introduzca los valores para su gráfico. La escala a la izquierda es generada automáticamente, basada en los valores que introduzca. Haga clic sobre el icono de marca cuando haya terminado.


Paso 2

Desagrupe su gráfico para que puede hacer las ediciones visuales. Debajo, he condensado el gráfico para que luzca más alto que ancho. Por supuesto, pude haber dibujado la caja para el gráfico alto pero esto después del dato.


Paso 3

Debajo, quiero que el texto que corresponda con el gráfico para que sea un conjunto ancho. Para lograr esto, use la Herramienta de Texto (T) y haga clic y arrastre desde el círculo resaltado en la parte más alta hasta el área inferior. Esto predefinirá el área de texto para que la información se ajuste perfectamente entre las guías.



6. Crear un Gráfico apilado

Paso 1

Para crear el icono de un hombre, use formas simples. Empiece con la Herramienta Rectángulo Redondado. Ajuste el radio de las esquinas presionando las teclas Up [Arriba] o Down [Abajo] del teclado, a medida que dibuja la forma.


Paso 2

Dibuje un rectángulo sin esquinas redondeadas para el torso.


Paso 3

Use otro rectángulo redondeado para los hombros.


Paso 4

Finalmente, use la elipse para la cabeza. Seleccione todas las formas individuales que comprende el hombre y en el panel Explorador, haga clic sobre el icono Unir. Esto le dará una forma sólida.


Paso 

Para crear un gráfico más estilizado, usaremos el hombre para representar la información. Usando la Herramienta de Columnas Apiladas, haga clic y arrastre para dibujar una gráfico de la misma altura de la figura del hombre. Introduzca sus variable y luego haga clic en el icono de marca.


Paso 6

Elimine los otros número y líneas. Usando el panel Explorador, haga clic en Dividir. Ahora, cada sección de la figura del hombre está dividida en secciones precisas. Desagrupe todas las formas y elimine las formas grises extras alrededor de los bordes.


Paso 7

Separe cada sección del hombre seleccionandolas usando la Herramienta de Selección (V) y presionando arriba o hacia abajo una vez.


Paso 8

Para crear las tijeras necesitará usar la Herramienta Lápiz (P) y dibujar a mano alzada la forma tal y como se muestra.



7. Crear un Gráfico Lineal

Paso 1

Éste gráfico es creado usando la Herramienta Gráfico Lineal.


Paso 2

Añada el principal al fondo, de forma manual, y las figuras arriba de los puntos.



8. Añada los Detalles Finales

Paso 1

El último gráfico es creado usando la Herramienta de Gráfico Barras Apiladas. Nuevamente, añada los detalles manualmente.


Paso 2

Para añadir algo de interés al diseño he puesto los gráficos de círculos en una capa detrás de los gráficos. No existe ningún secreto en este proceso… siempre y cuando luzca bien y ayude a balancear el diseño, ¡hágalo!


Paso 3

Para crear una lista de comentarios, entonces dibuje una caja de texto.


Paso 4

Ya que los comentarios abarcarán desde una de las cajas hasta la otras, entonces haga clic sobre la señal más (+) que está en la esquina inferior derecha y luego haga clic en cualquier parte sobre la página y un nuevo enlace de caja de texto es creado con el mismo tamaño.


Paso 5

Cuando esté lidiando con grandes cantidades de texto, es buena idea crear estilos para esos textos. En este caso he creado un estilo para la fecha y uno para el título del curso. Los estilos hacen más fácil cambiar todo el texto de una sola vez si usted necesita regresar y hacer cambios al color, tamaño, fuente, etc. Para crear un estilo, primero seleccione el texto que quiere aplicar el estilo. A continuación, en el panel Estilos de Carácter (use el panel Estilos de Párrafos si está aplicando estilos a los párrafos de texto) haga clic en Crear Nuevo Estilo.


Paso 6

Doble-clic en el nuevo estilo que está en el panel Estilos de Carácter para abrir las opciones del panel. En las opciones del panel ajuste su texto para adaptar su enlace. Haga clic en OK. Nota: Aunque usted activo Previsualizar, los nuevos estilos que no han sido aplicados no pueden ser previsualizados.


Paso 7

Con su texto que usted quiere aplicar su estilo, todavía seleccionado, despacio haga doble-clic en el panel Estilos de Carácter para aplicar el estilo.


Paso 8

He creado un estilo para el título del curso y, además un estilo para la fecha.


Paso 9

Termine su diseño añadiendo cualquier detalle pertinente en el fondo.



¡Estupendo Trabajo! Ahora está listo.

¡Eso es todo! Usted ha aprendido a como crear un infográfico moderno.


Recursos Extras

Si usted está interesado en obtener algo de ayuda con sus infográficos, bueno, en ese caso, Envanto Studio tiene una magnífica colección de servicios de diseño de infográficos que usted podría explorar. O navegar a través de nuestra colección de plantillas infográficas en GraphicRiver.

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.