Diseño de infografía: aprende a crear gráficos convincentes a partir de información y datos

1. Vista previa de las clases: entender cómo trabajar con y crear infografías es importante para que cualquier diseñador lo sepa. Esta clase te mostrará cómo crear y trabajar con infografías para crear visuales convincentes para fax y datos de otro modo aburridos. Primero nos sumergiremos en la teoría infográfica, revisaremos ejemplos sólidos y entenderemos cómo utilizar una amplia variedad de métodos de visualización visual . A continuación pasaremos a Adobe Illustrator creará cinco gráficos diferentes únicos para mostrar nuestro fax y datos. Trabajaremos con una amplia variedad de herramientas de ilustrador, incluyendo tres herramientas de gráficos de herramientas de pincel de herramientas D y más. Estas lecciones son lecciones de nivel intermedio, por lo que se recomienda cierta comprensión básica de Adobe Illustrator para la sección basada en proyectos de la clase. Por último, se te encargará de crear tu propia información. Gramick. Después de tomar esta clase, sabrás la mejor manera de tomar datos aburridos por lo demás y hacer gráficos impresionantes que comunican los datos de manera efectiva y hermosa. Entonces, empecemos 2. Teoría de la infografía: ¿qué hace para el diseño infográfico imperio?: infografías con una visualización visual de hechos, estadísticas y datos en un diseño convincente que no solo parece gráficamente atractivo sino además es capaz de comunicar eficazmente conjuntos de datos tanto complejos como simples. Mucha gente piensa en el lado visual de las infografías. ¿ Cómo se ve? Pero lo que es más importante, necesita mostrar los hechos y las cifras de una manera que el espectador pueda entender con bastante rapidez . Nunca debe ser demasiado complejo para averiguar que hay un equilibrio y tú para golpear. Como diseñador que crea infografías, necesitas equilibrar tanto la creatividad como el atractivo visual con la practicidad y la ciencia. La mayoría de los trabajos diseñados que son de naturaleza infográfica requieren que trabajes con figuras a veces complejas así como cifras financieras. El tipo de trabajo infográfico más común incluye hacer reportes anuales, reportes financieros para empresas que quieran mostrar sus datos y una forma no aburrida o emocionante . También puede ser una organización sin fines de lucro queriendo desglosar lo que lograron este año con sus donaciones, y estas próximas lecciones iban a hablar de cómo hacer gráficos de info convincentes y saber qué tipo de encanto, símbolo o gráfico para usar en diferentes situaciones, entonces mi tiempo haciendo infografías para clientes. Los clientes normalmente me enviarían un documento de gran palabra lleno de datos, hechos y cifras, generalmente alrededor de 20 líneas de texto poco inspirador que necesita para hacer cobrar vida y ser gráfico brillante que comunica claramente a los clientes y el oro a la espectador. Al igual que con cualquier tipo de trabajo de diseño, queremos comenzar con el diseño básico y el bloqueo de sus principales elementos. Esto nos ayudará a descomponer la lista en lo más importante para que podamos tener un sentido de jerarquía en el diseño, lo que significa que los elementos más importantes se resaltan al ser aún más grandes, tal vez resaltados con un color diferente. Si tuviera 10 fax diferente, quería mostrar de una manera visualmente atractiva. Digamos que los gráficos circulares ya que se ocupan de porcentajes, y los hice todos del mismo tamaño. Todos competirían por la atención y harían el diseño plano pacífico en su propósito. Si yo fuera a aumentar el tamaño de uno o más de los hechos o figuras o gráficos interesantes y tuviera maneras variables que mostrar el otro fax y hace que una infografía más interesante llena de vida y mendicidad sea mirada. Lo mismo vale para el color. Una infografía temática más oscura puede cambiar el estado de ánimo o el tono del diseño, utilizando colores de tono fríos para la mayoría de la infografía y tener un ítems resaltados muy importantes ser un color más cálido puede ayudar de contraste. El contraste es un diseño crítico e integrado, ya que podría haber una gran cantidad de datos que necesiten ser exprimidos en un espacio muy pequeño. Tener suficiente contraste con tus elementos puede ayudar al usuario a desglosar más información o áreas importantes del gráfico. Por ejemplo, el diseño de Hi Con es otro gran activo. Se puede utilizar una creación infográfica. Algunos requieren iconos personalizados, y estos algunos iconos se pueden comprar o descargar para el trabajo del adaptador o lograr un equilibrio entre los símbolos y el tipo. Crear iconos tú mismo en un programa vectorial como Adobe Illustrator o diseñador de afinidad te da la oportunidad de crear iconos temáticos que golpean un estilo similar con los gráficos y gráficos. Tienes, por ejemplo, tener iconos que tienen un peso de trazo similar en comparación con los gráficos de línea utilizados. Existen tantas formas diferentes de mostrar hechos y cifras e infografías. ¿ Cómo sabes si debes usar un gráfico circular o un gráfico de líneas? Trabajemos a través de algunos ejemplos para ver las mejores prácticas en acción. Aquí hay una línea de datos que necesitamos para crear un gráfico de carta visual para nuestra infografía, 65% de los millennials prefieren tostadas de aguacate sobre tocino para desayunar. ¿ Y si visualizamos estos datos usando un gráfico de barras? Parece comunicar bien nuestro conjunto de datos. ¿ Y si lo cambiamos y probamos un formato de gráfico circular? Tanto la barra en los gráficos circulares hacen un gran trabajo de simplificar los datos, pero el gráfico circular lo hace de una manera mucho más compacta. Los porcentajes tienden a funcionar bien en un formato de estilo de gráfico circular. Añadamos a esto un poco más y agregamos ícono personalizado y etiquetas a la gráfica. Ahora agreguemos un color temático para resaltarlos o número mayoritario importante en el gráfico circular . Y ahora estamos llegando a algún lugar. Probemos otro ejemplo. Aquí está la siguiente pieza de datos con la que necesitamos trabajar esta vez. Seis artículos diferentes. Se trata de licenciaturas obtenidas para 2020 egresados en un programa de negocios. Podemos utilizar nuestro gráfico circular de confianza. Sí se ocupa del desglose de porcentajes, pero aquí tenemos un problema. No hay mucha diferenciación ni variedad y nuestros porcentajes. Tenemos tres puntos de datos que todos tienen el mismo número del 20%. Haznos hacer que este gráfico sea un poco menos emocionante de mirar. Hay algo llamado entonces diagrama, donde se podía ver burbujas o círculos superpuestos. El tamaño de la burbuja o círculo es relacional con las otras burbujas o conjuntos de datos y el tamaño. Entonces si tuviéramos una burbuja que es del 20% y otra que sea del 10% que la burbuja del 10% será la mitad del tamaño de la burbuja del 20%. Voy a diseñar nuestros cinco conjuntos de datos usando un diagrama de Venn, diseñar. ¿ Qué opinas? ¿ Es esto más convincente de un layout o el siguiente ejemplo? ¿ Y si creamos un gráfico que también tomó tiempo es un factor. Por ejemplo, el estado estableció el tiempo promedio para completar un maratón basado en la edad y el tiempo. En este caso, tenemos dos ejes diferentes. Tenemos nuestro conjunto de datos de edad, y tenemos nuestro segundo conjunto de que las tasas el tiempo es un factor. No podemos hacer gráficos circulares porque no tenemos una edad dividida en la cantidad de personas sólo tendría un número promedio. En este caso, voy a compartir con ustedes un gran recurso. Llamado el Proyecto Viz Data Viz, este sitio web te permite navegar por la mayoría de nuestros diferentes métodos de visualización de datos disponibles, y podrías decidir la mejor manera de comunicar tu conjunto de datos de la manera más convincente posible. Y, sí, es más de una forma correcta de mostrar datos. Quizás un calibre angular podría hacer de esto un diseño convincente si pongo a cada grupo de edad en su propio gráfico como el ejemplo que ves a continuación, estoy mirando esta lista de sitios web para otras ideas que podemos probar. Estoy pensando en este pick Toral stack chart con el eje Y siendo el tiempo que se hace más largo, más te acercas. El jefe del corredor luce convincente. Podemos tener. Se descompone la edad por un tono de color diferente, moviéndose hacia arriba el corredor. También está el gráfico de barras tradicional con eje hawaiano y X. Eso podría funcionar bien aquí, también, así que hay muchas opciones diferentes, y tu trabajo como diseñador es hacer de estos gráficos un regalo visual atractivo pero también mantener ese conjunto de datos fácil de entender por el espectador. Hagamos un ejemplo más. Conjunto de datos. Esta involucra el número de cookies consumidas si se les da acceso ilimitado. Y así esto se desglosa por edad y cuántas galletas consumen en función de su edad. Podemos hacer esto más visualmente atractivo mediante el uso de iconos para comunicarse o conjunto de datos. Podemos construir esto usando una pila de cookies y cada pila, moviéndose más alto o más bajo en relación entre sí, igual que nuestro diagrama sido. Ejemplo. Previo cuando los conjuntos de datos comienzan a hacerse demasiado grandes, digamos 12 puntos diferentes. Ahora ciertos iconos o gráficos pictóricos pueden empezar a ponerse demasiado ocupados y a desmoronarse. Por lo que realmente depende de cuántas cosas se pongan al final o de cuántos conjuntos de datos tengas. Se desea evitar la sobrecarga gráfica. Mirando hacia atrás en nuestro recurso de sitio web. Quizás un gráfico de gofres podría funcionar mejor para las 10 muestras de datos. Más como este ejemplo de tener nuestro icono de la cookie estar en segundo plano en lugar de 10 pilas diferentes de cookies repetidas 10 veces. Como puedes ver, hay tantas formas diferentes de mostrar datos Y a veces hay más de una forma correcta , y tu trabajo es encontrar las mejores combinaciones de gráficos, gráficos, pantallas visuales, iconos para crear una infografía unificada, interesante. Su último tema para esta lección es crear nuestro tema. Es posible que tenga varios tipos diferentes de gráficos mostrados en una página como diseñador confinado formas de unificar los gráficos, gráficos e iconos al tener un estilo de fuente similar liner, trazo, grosor y, por supuesto, de color temático. El tema recordado tiene una fuerte jerarquía de diseño a la hora de armar infografías, proporcionando una gráfica central que une todo. Como mencioné antes, me gusta bloquear mis infografías con bloques grises ásperos y gráficos para poder tener una buena idea de cuánto espacio ocupará cada conjunto de datos y cuánto espacio tengo que jugar para gráficos más grandes, fotos e iconos. El mejor modo de trabajar a través de este proceso es trabajar en ejemplos del mundo real. Vamos a hacer justamente eso en la próxima venida. Pocas lecciones abordarán esta larga lista de citas, respaldos y figuras poco inspiradoras , y esperamos convertir esto en algo visualmente emocionante que haga felices a sus clientes y a nuestros lectores a 3. Cómo configurar: bloqueo y composición: Entonces aquí estamos en Adobe Illustrator. Nos vamos a tomar una grieta en nuestra infografía y pensé que haría una gráfica info más oscura para que podamos tener pops de color encendido, salió adelante y acaba de tener una nueva capa y solo un poco de hizo un radiante muy sutil de diferentes tipos de grises oscuros para especie de establecer el estado de ánimo y el tono para un fondo. También tengo algunos tonos de joya diferentes y diferentes colores brillantes que realmente saldrían sobre un fondo oscuro tipo de conjunto, aunque los que podrían cambiar para cuando terminemos de hacer nuestras infografías. Pero es bueno como empezar con una idea de colores y algún tipo de esto usando alguna tipografía típica Helvetica porque no solo es fácil de usar, sino que los números también se ven bien. Y así que tipo de escoger tu tipografía para que tus infografías oculten solo tienen una Helvetica estándar. Ah, a veces si usas una de mis tipografías favoritas, digamos ferrocarril. A veces tienen problemas con los números, y cuando estás trabajando con infografías es muy número Hebert pesado. Por lo que quieres asegurarte de tener una tipografía que va a quedar muy bien con los números utilizados . Entonces si haces esto 12345 Observe cómo los tres en el renunciante más allá de la línea de base No tiene una especie de parejo como Helvetica tendría cuando sigas adelante y solo adaptas esto para que puedas ver la diferencia entre, um, cómo esto se mantiene en la línea de base y se ve mucho más limpio cuando se trata de infografías . Entonces eso es algo en lo que pensar cuando estás mirando el tipo de cara, tienes que elegir para tus infografías. Los números son casi más importantes que las letras. Entonces sigamos adelante y empecemos. Vamos a hacer algún diseño básico y bloqueo de nuestros elementos. Vamos a abrir ese documento de palabras que tiene todo el tipo de fax diferente en el que vamos a trabajar con este proyecto. Puedes descargar eso para que puedas tener todos estos fax aleatorio o va a copiar y pegar eso en Adobe Illustrator y podríamos deslizar eso hacia un lado. Vamos a seguir adelante y ver cuántos tenemos. Por lo que tengo 1234567 diferentes hechos aleatorios. Este será un tipo de tema infográfico aleatorio. No va a hablar necesariamente de una cosa, pero va a repasar diferentes faxes para que podamos hacer diferentes tipos de estadísticas. Por lo que tenemos siete artículos diferentes. Parece que no tenemos octavo, pero eso es grande. Parece que podría ser un gráfico más de barras o un gráfico de líneas. Por lo que queremos asegurarnos de que tenemos mucho espacio para ese. Entonces vamos a tener nuestro título. Vamos a tener nuestro título va a ser la gran página de infografías aleatorias. Entonces ese título va a ir aquí. Lo haces aquí mismo en medio. Eso podría quedar realmente bonito. Y de esto se trata el bloqueo y el diseño. Nosotros averiguando lo que creemos que podría verse mejor. Y eso puede cambiar con bastante frecuencia a medida que lo averiguamos. Entonces ese podría ser un buen lugar para un azulejo aquí mismo en medio. O podemos tener las infografías difundidas por ahí. Entonces estoy asumiendo que los otros siete sólo se basaron mirando las cifras y tipo de ver bien, los 60 años son estadísticas y hechos y cifras muy simples. Entonces estoy pensando cuando tenemos siete simples, como que sólo tenemos diferentes cajas variables. Siempre puedes mantener pulsado, opción y arrastrado, seguir adelante y duplicar tu caja y hacerlo más fácil. Tenemos siete infografías diferentes para encajar. Entonces esto es genial porque podemos ver cuánto espacio tenemos para cada infografía como las hacemos , no tenemos que hacer las infografías. Y entonces de repente nos damos cuenta de que no teníamos suficiente espacio para caber en el 7mo 1 Y entonces Ahora es un diseño de cram y queremos tener espacio para nuestro de abajo, que va a ser Adelante, haz de estos un pequeño show te la final. Ya tipo de descubrí el diseño, pero solo te estoy mostrando cómo paso por este proceso. Tenemos este gran gráfico de líneas que vamos a tener que hacer. Vamos a seguir adelante y mantener pulsada la opción y hacer un área más grande para el gráfico de líneas. Nos aseguraremos de que tengamos suficiente espacio para eso, y esto puede significar que necesitamos hacer nuestro título un poco más pequeño. Por lo que puede tener espacio para info graphics. Por eso bloqueando antes de tiempo. Es tan crítico porque puedes evitar tener que volver atrás y hacer muchas modificaciones porque ya has establecido un plan para tu diseño. Entonces sé que no es perfecto, pero hay una especie de siete especificaciones diferentes. Tenemos nuestro octavo gráfico de líneas más grande, y tenemos un título. Por lo que tenemos sobre todos los elementos principales arrancados. Lleguemos a la parte divertida. Vamos a hacer estos de uno a la vez. Vamos a empezar con la parte superior y trabajar nuestro camino hacia abajo. Entonces como pudiste ver, paso unos momentos especie de afinación fina. Nuestro diseño solo tipo de encontrar el equilibrio adecuado y asegurarnos de que ciertos elementos encajen bien en diferentes áreas. Y tuvimos diferentes variaciones de tamaños. Entonces empecemos con nuestro 1er 1 Así que nuestro 1er 1 es a los 60 años la mayoría de las personas han perdido 50% de sus papilas gustativas. Bueno, eso no lo sabía. Eso es una especie de hecho ordenado. Entonces empieza a descomponer esto y averigua la mejor manera de presentar visualmente esto Así que esta es una muy fácil. Es un lindo 50. 50 split. Ah, lo primero que me viene a la mente es una especie de gráfico circular de partes o una especie de algo que se divide por la mitad. Entonces pensé, Hagamos una especie de gráfico circular. Pero en lugar de hacer un círculo completo, hagamos un gráfico de pastel flaco ah más aerodinámico y moderno. Y seguiré adelante y te mostraré un ejemplo aquí de especie de lo que estoy hablando. Un poco más moderno, no tienes todo el centro lleno, no ocupa mucho espacio. Entonces cómo vamos a hacer esto es que vamos a dibujar círculo simple y sólo vamos a hacer que sea un derrame cerebral. Entonces estamos haciendo trazo blanco. Vamos a seguir adelante y hacer esto sobre el tamaño que queremos hacer. Entonces tal vez alrededor de ese tamaño sería un poco más grande. Y aumentemos un poco nuestro trazo. No queremos tenerlo demasiado grueso. No queremos que sea demasiado grueso. Eso podría funcionar con ciertas instancias, pero creo que quiero incorporar una foto a esta. Yo quiero que esto sea muy limpio porque Es un hecho muy sencillo. Por lo que sigue adelante y reduce esto. A lo mejor encontrar el golpe correcto. Yo quería ser ese look moderno flaco. Entonces tal vez 17. En este caso, se trata de un documento de 8.5 por 11 pulgadas. Sólo para que lo sepas, el tamaño de este total documenta y nos da una sensación de lo que 17 puntos significan en relación con el documento. De acuerdo, así que ese es un buen tamaño. Entonces lo que vamos a hacer, vamos a hacer de esto un color sólido, creo. Ahora mismo, agarra eso, Grady int yo estaba dando clic aquí abajo y haciéndolo de un color sólido. Entonces ahora que tenemos una docena de color sólido, lo que quiero hacer es cortar esto por la mitad para que pudiéramos haber ganado la parte superior un color en el lado inferior. Otro. Entonces la mejor manera de hacerlo es usar la herramienta de color de forma. También podemos utilizar la herramienta Pathfinder trayendo a la herramienta de color de forma. En esta instancia, voy a ir a dibujar cajas. Cómo podría ayudar a reducir esto a la mitad. Haces de esto un color diferente para que no nos perdamos con todas nuestras diferentes formas. Ahí es como donde quería estar. Corte. Bájala un poco. Entonces ahora voy a seguir adelante y cambiarlo de nuevo a un rellenos. Adelante y córtala y resalta ambos y agarra la herramienta más antigua de forma. Y lo primero que quiero hacer es asegurarme de que delineé mi camino. lo que notan todavía soy capaz de editar el trazo y esto y necesito seguir adelante y delinear el camino. Entonces voy a ir a la trayectoria del objeto, delinear el trazo, y así va a seguir adelante y esbozarlo. Ya no puedo editarlo, pero eso está bien, porque ya vamos adelante y lo cortamos. Entonces es como que ambos objetos van a ir aquí a mi herramienta de constructor de formas. Y en lugar de sumar voy a restar de esto, quiero sacarle a estos dos elementos. Entonces voy a mantener presionada la tecla de opción y voy a darle un puñetazo afuera, y voy a darle un puñetazo a esto dentro. Así que sólo manteniendo presionada esa tecla de opción, creo que es el comando o la vieja tecla en las ventanas y seguir adelante y seleccionar. Entonces tengo mi círculo original, y luego tengo esta forma que corté. Y así ahora tengo dos formas diferentes que podría hacer dos colores diferentes. Entonces sigamos adelante y hagamos eso. Escogí dos colores pensé que se vería realmente bien sobre un fondo negro tipo de algunos INTs Grady. Puedes descargar eso y encontrar que donde tengo el color Swatch va a la cima. Hagamos la parte superior un morado y con ah, ilustrador de Adobe, siempre puedes agarrar herramienta de ingrediente y tipo de encontrar el tipo de sombreado correcto de la dirección correcta para esa pieza en particular. Y voy a seguir adelante y agarrar el verde y conseguir mi calificación y herramienta e intentar encontrar el sombreado adecuado para eso, acercarme a él en cualquier ángulo que quieras lo que creas que se vería bien. Entonces ahora tenemos un pequeño gráfico circular. Pero lo que me gustaría hacer es que es un bonito, suave, bordes redondeados, tipo de darle un aspecto un poco más moderno, elegante sobre. Para hacer eso siguiente 4. Proyecto de carta de tarte: así que quiero tener esa bonita píldora redondeada en forma para darle el look moderno. Entonces hay un par de formas en las que podemos ir sobre esto, Um, bajo probar este método donde puedo agregar, solo voy a añadir un punto de anclaje. Y solo voy a agregar punto de anclaje justo ahí en el medio y voy a conseguir mis herramientas de selección directa . Ve a empujar eso un poco. Donde fue la curva para empezar, y luego puedes tomar esto y arrastrarlo hacia abajo y hacer que la ronda. Podrías hacer ese método, o puedes agarrar la herramienta de curvatura y solo tienes que hacer es hacer doble clic en esa parte superior y lo convertirá en una forma redondeada. Nuestro doble clic volvió a convertir. Entonces si como que quieres el look de flecha, podrías simplemente mantenerlo de esa manera. O bien, si quieres que se vea la píldora blanda, solo haz doble clic y tendrás eso agregado, eran hacer lo mismo del otro lado y luego tomar nuestra herramienta de curvatura. Y hay muchas maneras diferentes de hacer esto. Muchas formas diferentes de desollar a un gato a la hora de hacer trabajos de diseño Si tienes un mejor, método mejor, mejor, por favor ve por ello. Pero este es solo uno que funcionó mejor aquí. Por lo que tenemos los conceptos básicos sobre Infografía aquí y cargados. Pensé que como este es un hecho tan sencillo, lo que creo que realmente funcionaría bien es ah, foto de algún tipo, tal vez un blanco y negro, para contrarrestar todos los diferentes colores que tenemos pasando. Entonces una foto fresca en blanco y negro que realmente tipo de tiene una lengua, tal vez, Tal vez una que está sobresaliendo. Y voy a repasar los pixels dot com, que es donde encuentro muchas de mis fotos gratis que puedo usar. Y seguí adelante y descargué este aquí mismo, y quería una tienda de fotos, pero le di un puñetazo al fondo porque voy a estar poniendo en la duda. Fondo oscuro. Así que hice algunas maneras maneras ingeniosas de cortar todo eso, que puedo repasar y otras lecciones y otras clases. Pero voy a traer eso. Como puedes ver, hice esta foto negra y ancha. Subiré el contraste un poco para proporcionar más de un pop out contra el fondo oscuro, y pensé que sería necesario seguir adelante y usar esto. Pensé que podría tener su especie de salir del círculo como si estuviera dentro del círculo. Entonces tal vez tener su pelo viniendo encima, pero tenerla corrupta aquí en la parte inferior, por lo que casi parece que está saliendo del círculo fue como agregar, um tipo de algunos elementos de diseño más interesantes para hacer que este algo tipo de simple, aburrido hecho tipo de realmente sobresalen y ser un poco visualmente impresionante. Entonces sigamos adelante y ponerla en el círculo. ¿ Es Quinn sizer up dragger? Y ahí podemos ver tipo de adónde queremos que vaya su cabello. No queremos que sean tan grandes que esté abrumando el pastel de 50 50. No la queremos tan pequeña que su cabello no tenga oportunidad de salir y realmente hacer que parezca una pieza de tres d. Entonces hagámoslo un poco más grande, tal vez, o aquí va todo el camino por encima de esta zona, esta zona de arriba, y así vamos a Cropper. Entonces vamos a agarrar nuestra herramienta de Ellipse y simplemente no tiene que ser exactos. Mientras estés un poco cerca, adelante y trae nuestros labios todavía aquí. Queremos recortarla justo por ahí hay encontrar el periodo adecuado un cropper. Entonces aquí está la cosa. Nosotros queremos recortar esto, pero no queremos una cosecha. Tu cabello, uno su cabello para permanecer encima. Por lo que tomas la herramienta de selección directa y traes esto para arriba. Haga clic en él. Subirlo. ¿ Quieres quedarte eso aquí? Algo raro que estamos haciendo aquí. Pero no podíamos quedarnos con todo ese pelo. Podría necesitar añadir un punto de anclaje. Aquí vamos. Entonces quería mantener una especie de cosecha, esa zona, pero quería mantener su pelo arriba. Dos años especie de nuestra forma impar. Hicimos para algo así como casi como una forma de huevo. Voy a seguir adelante y hacer de eso unos colores diferentes. Se puede ver, Así que vamos a hacer una máscara de recorte va a seleccionar nuestra foto de selector de capa superior debajo, obtener un clic derecho, y hacer una máscara de recorte muy simple. Esa no la había recortado. Y siempre toma las herramientas de selección directa, cualquier máscara de recorte siempre puedes volver atrás y ajustarla después de haberla recortado. Entonces ahora alguna vez salimos. Tenemos los colores dinámicos. Tenemos tipo de los 50 50. Podemos enviar esto de todos modos. Queremos seguir adelante y agrupar estos juntos. Queríamos, y podemos gastar estos. Entonces tal vez no son sólo la mitad y la mitad de eso. A lo mejor tienen una presentación diagonal y yo la sacude un poco, o puedes quedártela la mitad y la mitad. Por lo que es un poco más claro que es un 50%. Entonces eso depende de ti como diseñador infográfico, lo que crees que comunica el 50% más. mí me gusta un poco de giro diagonal sólo para especie de mostrar un pop más dinámico . Todavía me parece 50%. Entonces vamos a sumar el 50% en algún lugar aquí. De verdad queremos comunicar eso muy claramente, así que vamos a seguir adelante y agarrar este 15 50%. Tenemos nuestra Helvetica audaz puesta, y tenemos aparece tipo de alguna orientación que tenemos para la tipografía. Voy a hacer eso un poco más grande y blanco. Encontremos un lugar donde podamos colocar esto que no distraiga de su rostro. Por lo que probablemente podamos salirnos con la suya poniéndonos el pelo. Es bonito alto contraste, así que eso está oscuro. Esto es ligero. No lo quiero demasiado cerca de sus ojos porque no quiero que los ojos en esto compitan. Entonces eso va a mover eso un poco más arriba y tal vez añadir un poco de sombra de gota , tal vez entrar en el panel de personajes y especie de reducir un poco el rastreo. A lo mejor. Ah, un negativo. 25% así que tipo de cierra en las letras. El brechas entre las letras cler los números cierran es un poco, así que es un poco más apretado, cosas muy sutiles aquí de las que estamos hablando. Hagamos un buen elenco largo, una sombra en el panel de opciones de sombra semi drop y hagamos una vista previa y vamos a que ya sea una especie de elenco bastante lejos. Um, capacidad bastante alta solo ayuda a oscurecer y a su alrededor, así que realmente destaca un más largo aquí. Pero no es obvio que sea una sombra de gota. Tiene mucha distancia a ella. Tiene mucho desenfoque, así que no es que veas esta sombra de gota súper cruda. Se ve más tipo de mezclado en encima de ella y lo mismo para aquí. Incluso podemos añadir una sombra de gota en esta capa superior al goto efecto, aplicar la misma sombra de gota. Echa un vistazo a la vista previa. Algo así agrega una sombra de gota ahí abajo, que se ve realmente encantadora. A lo mejor reducirlo un poco. A lo mejor 44%. Entonces no es tan fuerte. Haga clic en Aceptar, es ese tipo de agregado un bonito efecto de sombra de gota por ahí sólo una vez más, agregando más de ese tipo de capas interactivo. No es sólo un tipo de diseño plano, hay capas. Ahí están sus sombras, ese tipo de cosas, haremos lo mismo con la de arriba. No estoy seguro si se va a quedar bien, pero ve y pruébalo. Entonces eso es genial. Podemos incluso aplicárselo a ella. Pero entonces de nuevo, podría hacer la sombra de gota ahí mismo, por lo que podría ser una mirada ordenada. Ese es otro tipo de sombra aquí que puedes usar o simplemente puedes tenerla llana. Entonces ahora necesitamos agregar el texto porque tenemos 50% pero 50% ¿Qué? No es nada sin el resto de la sentencia. Entonces podríamos seguir adelante y traer esto, mused copiarlo y pegarlo por si acaso quiero jugar y experimentar con él. Entonces hagamos que este blanco esté bien para que podamos tener esto recto a través de sus dos líneas. A lo mejor centrar, alinearlo. Simplemente lo tenemos aquí. Podríamos tenerlo apilado con varias líneas de tipo. Y esto va a depender de cómo están bloqueando y dispuestas para el resto del documento va para que pudiéramos tener algo sencillo como esto, y ese podría ser el mismo look en todo el resto del documento, y eso es genial. Pero pensé, ya sabes, esta es una paz muy dinámica. Tenemos muchos colores pasando. Probemos algo un poco más gráficamente desafiante. Hagamos un tipo en camino todo el camino alrededor de un círculo hacer eso es vamos a hacer un círculo aproximadamente igual con nuestro pequeño gráfico de tarta aquí. De acuerdo, entonces ahora solo voy a copiar y pegar es y poner todo esto en la misma línea, o supongo que lo tengo aquí arriba. Eso es lindo. Siempre puedo deslizar eso, por si acaso. No me gusta este nuevo método y luego bajar a escribir en camino e ir y hacer clic en cualquier parte la línea y pegarlo, Ver cómo se ve. Entonces, ¿qué? Yo quiero hacerlo. No quiero todo texto en negrita. No quiero una tecnología móvil porque creo que ya tenemos un panorama muy audaz y un 50% muy audaz. Entonces hagamos esto blancos. Se puede ver lo que tengo aquí. Hagamos de esto un peso regular o incluso un ligero así y notemos cómo está en el exterior del círculo. Me gustaría traerlo en el interior del círculo para poder ponerlo en el fondo del tejano . No va a leer al revés. Segundo, gira esto y luego ahora lee hacia atrás y están al revés. No queremos tener eso. Iba a ir por aquí para llegar directo a esta pequeña zona, y está desplazada por dentro. Eso podría ser un poco complicado a veces, pero lo cambio al interior. Vamos a colocarlo, como si pudiera necesitar hacer algunos ajustes. Y con el tamaño, se trata de un documento de 8.5 por 11 pulgadas. Por lo que podría haber. Podría usar el sistema métrico. Podría tener diferentes tamaños, pero para este caso, normalmente nueve puntos funcionan muy bien con legibilidad. Realmente no quiero tener texto por debajo de las ocho. Entonces, ¿por qué no hacemos uno arriba a partir de eso y hacemos nueve puntos? Y eso debería darnos mucho más espacio para trabajar con su tipo Eso realmente redujo bastante el tamaño. Yo quiero asegurarme de que lo tengamos a mitad de camino. Ya sabes, podría ser capaz de salirse con la suya siendo solo un poco más grande. Eso nunca va a doler con legibilidad. Estás bien, así que sólo queremos hacer un poco de ajuste óptico. Asegúrate de que esté a mitad de camino. Podría necesitar simplemente ajustarlo un poco, pero se trata incluso en ambos lados, y podemos destacar un elemento en particular. Por lo que queremos un punto culminante 50% o queremos resaltar las papilas gustativas. Creo que la sala más importante aquí son las papilas gustativas, eso estamos hablando. De eso se trata los hechos. Creo que podríamos incluso hacer que ese tipo sea un poco más grande para realmente enfatizarlo y también cambiar el peso para hacerlo rodar e ir un paso más allá. Podemos incluso hacer de esto un verde o un morado, realmente algo así como sacarlo. Entonces voy a hacer doble clic en esto y a ver si no encuentro un verde que coincida. Y así nota las papilas gustativas realmente salen 50% papilas gustativas. Sé que esta infografía de inmediato está hablando de papilas gustativas y algo alrededor del 50% por lo que ya estoy empezando a armarla sin leerla. Ese es exactamente el poder de la Infografía es entender lo que es antes de leer realmente todo el asunto. Hagamos esto un poco más grande y solo hagamos algunos pequeños ajustes y ajustes menores para ver si no podemos hacerlo un poco mejor. Pero creo que justo en lo que unos 15 minutos fueron capaces de armar este, tenemos varios más para ir a probar diferentes métodos y diferentes técnicas lo largo de esto para especie de, uh mostrarte diferentes formas que puedes presentan infografías, por lo que esta es una muy sencilla. medida que trabajamos a través de estos, algunos de estos se vuelven un poco más complejos sobre todo los que tienen grandes números que pueden encontrar formas creativas de presentar grandes números que lo hacen parecer un poco más tentador. 5. Proyecto basado en los íconos: Ahora es el momento de un 2do 1 este. Es aproximadamente 1/3 de la población no puede chasquear los dedos. Lo cual no me sorprende porque me tomó mucho tiempo averiguar cómo romper la mía. Entonces ahora estamos lidiando con una fracción eso. Hay diferentes formas en las que podemos presentar esto. Visualmente, creo que la forma más interesante. Y como solo se rompe en tercios básicamente uno de cada tres, es realmente fácil de mostrar gráficamente. Si esto fuera 23 de 87 podría ser un poco más desafiante mostrar. Pero ya que es muy sencillo. Pensé en tener tres iconos de dedos chasqueando. Seguimos adelante y dibujamos esto y luego tenemos un tipo de frase simple debajo de él. Tan como una forma muy sencilla, pictórica de presumir esta estadística. Entonces lo que tenemos que hacer es encontrar el icono de mano chasqueando. Hemos usado la imagen en la anterior, así que vamos a sacudirlo un poco y utilizar el icono para que podamos dibujar nuestra propia mano usando la herramienta de pin . Pero para ahorrar tiempo, seguí adelante y encontré este gran recurso vectorial. Adelante y descarga. No tiene a una persona chasqueando los dedos porque es realmente difícil de ilustrar . Pero lo vamos a hacer nosotros mismos. Vamos a ir a abrir este documento y agarrar este ícono aquí mismo, y lo vamos a modificar. Entonces tengo esto por aquí copiarlo y pegarlo y convertirlo en un color más claro para que pueda ver lo que estoy haciendo. Vamos a hacer de esto un chasquido de dedos lo iban a hacer como si presentaras tu mano para chasquear, y vamos a añadir un par de pequeñas líneas ardientes para indicar sonido. Y así la mejor manera de hacerlo para que parezca líneas orgánicas, poco dibujadas a mano, poco dibujadas a mano,garabateadas. Voy a agarrar la herramienta de pincel aquí en un momento. Pero también va a asegurarse de tener la ventana del pincel abierta para poder cambiar el tamaño del pincel para que el tamaño del pincel sea bastante grande nosotros. No necesitamos eso. Vamos a seguir adelante y conseguir un bonito color claro, y vamos a reducir un poco el tamaño del pincel. Entonces, cuando tengas el pincel, um, panel abierto abierto, podrás cambiar el tamaño del trazo. Por lo que es 2.25 aparece y lo hizo un poco más pequeño. Sigamos haciéndolo más pequeño. Acercaremos para que podamos hacer esto. Hacemos cinco viejas líneas garabateadas, este 12345 Y eso solo indica el sonido de chasquido. También podemos indicar desde especie de aquí abajo, eso podría tener un poco más de sentido. ¿ Qué tipo de repensar esto un poco? Ahora que lo estoy viendo en la vida real, hagámoslo como que venga del teléfono. Pero ahí es donde tú aquí, el chasquido. Como pudiste ver, me costó mucho fideos encontrar el tipo de flujo adecuado para la indicación del sonido de chasquido del dedo. Pero creo que lo conseguí. Si quiero seguir adelante y seleccionar, esto es lo que creamos con la herramienta de pincel. Adelante y vayamos a Pam Object Path. ¿ Qué va delineado? Accidente en eso. Entonces es ahora cuando lo escale hacia arriba o hacia abajo, no va a cambiar de tamaño. Danos cualquier problema, así que ahora puedo seguir adelante y seleccionar estos. Toma su herramienta cuentagotas y muestra son de color más claro, así que Ahora tenemos nuestros iconos. Consiguió un grupo que juntos para poder enviar estas rondas, por lo que este será mucho más sencillo de hacer. Vamos a hacer tres diferentes. Vamos a mantener presionada la tecla de opción drag release, drag release, y sólo vamos a hacer tres iconos diferentes. Nos vamos a asegurar que estén alineados adecuadamente. Algunos acaban de aparecer en mi panel de línea. Podría alinearlos de diferentes maneras. Subs asegurarse de que hago el centro de distribución horizontal otra toda la línea correctamente. Entonces hagamos el 1er 1 Podríamos hacerle al medio un color diferente, pero creo que el 1er 1 tipo de hace más obvio que es una fracción. Por lo que ahora podemos ir a nuestra paleta de colores y ver si hay un color bonito, brillante, brillante, vívido que podamos usar para esto. Tal vez, tal vez una naranja oscura ese tipo de realmente sale por ahí. Entonces eso es algo así cuando se trata de una especie de exhibir el humo y hacerlo un poco más grande y seguir adelante y traer nuestro tipo, escuchar una copia y pegarlo. Por lo que aún tengo el original y es la herramienta cuentagotas para ver si puedo muestrear son del tamaño del que acabamos de hacer. Y los colores sólo para especie de ser consistentes con nuestro tipo. Está bien. Y así debilitar, claro. Destacan ciertos un 1/3. Ah, podemos hacer de esto una fracción mostrada como fracción. En lugar de sólo decir 1/3 en realidad tenemos una fracción. Entonces podemos hacer eso. Voy a crear mi propia fracción aquí. Uh, que eso sea audaz. Espera, Podemos hacerlo. Una fracción. una forma tradicional podríamos hacer una diagonal. No obstante, se quiere mostrar una fracción. Yo estaba haciendo una simple fracción 1/3. Haz que eso sea más grueso. A lo mejor un poco más corto. Asegúrate de que todos estos aire alineados en el centro lo hagan más pequeño. Entonces en términos de posición, podemos hacer esa diagonal que podría ser capaz de hacerla más racionalizada. Por lo que ahora puedo ser un icono aquí. Esto podría incluso estar en el círculo naranja para resaltar el hecho de que esa es la de las tres personas en la población que no pueden chasquear los dedos. Hacer que el blanco está tratando de encontrar artículos de alto contraste. El ingrediente de Proctor que tiene naranja en ella que podría parecer un poco más suave, así que solo estoy consiguiendo uno que tenga un tono un poco más suave Grady Int. Lo que podría hacer estilo I, podríamos realmente darle estilo a los ojos es tanto como quieras entrar, ponerte por las esquinas solo un poquito. Basta con tener las herramientas de selección directa alrededor de las esquinas allí en lugar de un afilado. Tiene una buena forma de pastilla tipo de coincide con la píldora en forma que hemos estado haciendo. Incluso puedo hacer eso con mi tipo. Puedo hacer click derecho, crear contornos. Incluso puedo suavizar los bordes de mi tipo, haciendo el mismo método, agarrando la herramienta de selección directa y suavizando mi tipo un poco para poder ver el tipo de suavizado. A lo mejor no necesito suavizarlo tanto, sólo el poquito más pequeño. Entonces tal vez podamos hacer que esto sea tan suave, calificándolo tono tipo de conseguir que coincida. Por lo que aproximadamente 1/3 de la población no puede chasquear los dedos. Entonces eso es lo más importante a destacar. Entonces vamos a buscar nuestra herramienta cuentagotas y a probar lo que teníamos por aquí. Será verde, pero siempre podemos ajustar el color. Se ajusta el color y lo hace especie de ese color naranja que vemos. Entonces ahora podría jugar con tipo para ver con qué se ve mejor en especie de presentación escalonada con sus líneas, podrías hacer una más grande yo sé que va a ser diferente a lo que teníamos antes iba a traer nuestra otra de vuelta para que podamos ver cómo conviven. Entonces ese es el 1er 1 Y este es el segundo tipo winsome de ver. A mí me gustan los dedos chasqueando, pero esta cosa definitivamente no es jiving, no funciona. Eso está bien, Así que tal vez podamos quedarnos con hacer de esto un color diferente. Por eso es genial ver estos juntos para que Panova tenga un tema a juego . Podríamos incluso hacer lo mismo. Colorear no tiene por qué ser colores diferentes, solo tipo de hacer eso para mostrarte variedad, pero podemos adaptar este verde o el morado para que todas las infografías coincidan y coloren, lo cual es importante, y tal vez que se mantiene blanco. A lo mejor la línea es verde. 1/3. Creo que podemos jugar con esto bastante va a pasar unos minutos para tratar de descifrar esta fracción, que es la mejor disposición para eso y tal vez tipo de colores finos. Pero en general, me gusta la idea de tener los tres iconos diferentes representan la fracción. Creo que eso es mucho mejor que solo mostrar una fracción tipo de muestra una imagen visual de eso. Así que pasé unos 15 minutos adicionales ajustando el diseño y se le ocurrió esto. Decidí mantener tipo de con tema circular. No tenemos que hacer eso por todos, pero tengo este pequeño símbolo no que creé es solo un círculo y una línea con Cem seis trazos y solo algo así lo hizo realmente mezclarse en el fondo, pero sin embargo aún así comunicar eso. No, que esto es 1/3 que no puede chasquear los dedos tan amable de reenfatizar lo que era la 1/3 parte de la fracción, que es no. Por lo que probablemente 1/3 de la población no puede chasquear. Sus dedos están resaltados, chasquean los dedos. Estoy guardando todo lo que se relaciona con el uno de los tres en naranja para que todos puedan conectar el dedo. El número uno, y luego las palabras así conectando a todos aquellos con color y no usar demasiado color para distraer pero realmente tipo de afinar en tratar de comunicarse, comunicar Esto es claramente posible. Entonces así es como llegamos a tipo de éste. Vamos a estar listos para el 3er 1 podría tal vez hacer algunas cosas diferentes y enfoques diferentes . Echemos un vistazo de qué se trata. El estado de Florida es más grande que Inglaterra. Entonces, una vez más, podemos hacer una especie de comparación esta vez realmente puede hacer a escala. Way podría encontrar algunas imágenes vectoriales de Inglaterra y Florida. Colóquelos encima uno del otro, Intenta encontrarlo para escalar si podemos hacer algo así como una interesante toma de esa. 6. Muestra la escala: comparación de tamaños: para la siguiente estadística. El estado de Florida es más grande que Inglaterra, así que una especie de cita muy simple. ¿ Cómo hacemos que esto sea un poco más visual? Entonces pensé, Vamos a seguir adelante y hacer una comparación visual real. Podemos encontrar un gráfico vectorial del estado de Florida y un gráfico vectorial del país de Inglaterra y ver si no podemos conseguir algún tipo de visual apareciendo aquí porque eso va a funcionar mucho mejor que solo una frase regular. Así que en realidad descargué un par de grandes gráficos vectoriales, y pondré los enlaces de recursos y la guía de recursos. Puedes descargar eso y encontrar estos iconos s. esto es Florida. Este es un íconos bastante simples yendo en grupo lo, y estoy de acuerdo. Pero de nuevo, a veces se tiene que un grupo. Está bastante ahí iría. Tengo Florida. Sólo voy a copiar y pegar a Florida aquí y seguir adelante y hacer un color más claro. Y vamos a agarrar a Inglaterra. Entonces tengo todo el Reino Unido. Vamos a encontrar una manera de aislar eso aquí en un segundo eso muchas veces, y quería abordar esto cuando descargues gráficos vectoriales. En primer lugar, asegúrate de tener los derechos para usarlo o necesitas obtener el crédito adecuado. Entonces esto fue de pick gratis, y ya sabes, me aseguraré de que mal consiga créditos adecuados en los enlaces. Pero con el tiempo usado tipo de recurso gratuito, asegúrate de dar créditos adecuados o lo compras si necesitas obtener una licencia premium. Por lo que muchas veces estos gráficos no serán exactamente como los necesitas. Entonces lo que necesito es que necesito un gráfico sólido. No necesito las líneas ni los contornos, pero como eres genial en usar Adobe Illustrator, será una brisa. Entonces vamos a resaltar esto y vamos a entrar, Apague los trazos. Voy a bajar aquí a mi golpe, Phil, y vamos a seguir adelante en la puerta, todo eso. Y así ahora tenemos un gráfico agradable, suave. Entonces ahora tengo un objeto. Sigamos adelante y copiemos a todo el Reino Unido y lo metimos aquí. Está haciendo un color ligeramente diferente. Es Goto Phil, solo para que podamos ver la diferencia. Mantenga pulsado el turno y bájelo hacia abajo. Entonces una cosa que tenemos que hacer es averiguar cuánto más grande es Florida para Inglaterra. Y necesitamos separar a Inglaterra del Reino Unido porque no dice Reino Unido . Por lo que también queremos asegurarnos de que seamos estadísticamente y científicamente precisos. Entonces voy a ir a hacer algunas comparaciones y tratar de encontrar cuál es la escala correcta, y volveré enseguida. Por lo que es capaz de encontrar la escala correcta. Literalmente acabo de poner ¿cuánto más grande es Florida que Inglaterra? Y hay algún gran recurso de Google es, y algunas imágenes donde puedo encontrar el ajuste adecuado. Um, así que ahora necesitamos averiguar cómo arreglar esto visualmente para especie de ver la comparación. Por lo que quiero meter esto dentro. Veo este bonito tipo de área clara recortada y tipo de deslizamiento el Reino Unido un poco por debajo aquí, especie de ver cómo se pueden comparar un poco. Y si se pasa, está bien. Vamos a terminar aislando a Inglaterra aquí en un momento. Entonces ahora sigamos adelante, aplicamos algunos colores bonitos. Ya tenemos algunos colores y algunos realmente cool, codiciosos int más ligeros Grady int joyas tonalidades que tenemos tus brazos podrían tomar la herramienta cuentagotas y seguir adelante y aplicar un par de esos. Y sigamos adelante y hagamos del Reino Unido una bonita naranja brillante. Entonces hay un bonito contraste entre el verde y el, um, el naranja. Entonces solo voy a llevar migrando a en un suave que fuera, asegúrate de que todo sea el mismo gráfico. No se ven los condados individuales, o como sea se dividió en ciudades. Y vamos a seguir adelante y hacer esto un poco más suave y hacer bonito, largo dibujado hacia fuera radiante para que no parezca obvio. Grady. Es un poco más una transición muy sutil, solo tal vez un poco más oscura. Por lo que ahora necesitamos aislar Inglaterra. Por lo que Inglaterra sólo va a ser la mitad inferior de la derecha. Entonces sigamos adelante. Arrastra esto muy rápido y podemos hacer algunos recortes simples. Probablemente podríamos usar, Ah, la herramienta de rectángulo y veamos dónde queremos tenerla corrupta. No va a ser exacto. Entonces si eres del Reino Unido o como es más Norte pero esto solo será una estimación aproximada . Por ahora, probablemente puedas encontrar mapas más precisos de dónde comienza Inglaterra y dónde termina Escocia. Entonces tengo esta cosa podría ir y hacerlo de un color diferente. Simplemente voy a cortar esto. Vamos a entrar, resaltar ambos, y voy a hacer click derecho y hacer máscara de recorte Y lo que voy a hacer ahora ya que lo voy a aislar un poco más porque no quiero a Irlanda ahí dentro, así que voy a a ver si no puedo. Um si solo hacemos la herramienta de pasador y tipo de dibujo más preciso corte ahí vamos. Entonces debo ir dibujando forma sobre eso que quiero poder aislar. Voy a seleccionarlos a ambos. Yo puedo, Clic derecho, y sólo voy a seguir adelante y hacer máscara de recorte. Entonces ahí, eso es. Entonces tengo ese aislado podemos traer nuestro gráfico original de, um traer esto de vuelta. Podemos superponerla y hacerla más oscura para que puedan ver tipo de dónde se encuentran porque rara vez se ve a Inglaterra aislada de Reino Unido. Por lo que sea agradable que tipo de mantener que estos aire. Hay pequeñas cosas infográficas que realmente debes pensar como el espectador. qué van a estar acostumbrados a ver qué les va a ayudar a digerir su información y así pensar , ya sabes, en, ya sabes, tipo de formas que podemos presentar esto de una manera que te gustaría verlo de la manera que lo harías entender. Es una especie de la clave para un gran diseño infográfico, así que solo necesito entrar. Simplemente voy a tomar la herramienta de selección directa tipo de ajustar mi recorte ahí solo un poco mejor. También podría cortarlo usando la herramienta constructor de formas. Pero como el a gráfico era un poco más complejo de pequeños crossovers, decidí no preocuparme por eso y hacer algo más sencillo. Entonces ahora voy a traer a Florida en la parte superior y vamos a ver si no puedo encontrar una columna de mejor color , encontrar un poco de un color que coincida con el fondo pero que sea un poco más claro. Así como así, señora Encuentre la mejor manera de solapar estos. Y además agreguemos un puñetazo de sumas de sombra de gota ir a volver atrás y hacer nuestra sombra de gota aquí. Tiene una gota estilizada. Las sombras hacen una bonita, profunda gota oscura. Shadow it 75% para hacer un pequeño adelanto para ver cómo se ve. A lo mejor retroceder eso a alrededor del 44%. No quiero tenerlo demasiado abrumador. Entonces sólo un poco. Esa sombra de gota realmente ayuda a que Florida salga sobre el Reino Unido realmente pueda comparar los dos. Entonces solo voy a seguir metiendo con el layout y al siguiente nos vamos a centrar en el tipo real y ver cuál es la mejor manera de presentar este tipo y dijo Es tener como , Eso es , bastante aburrido, vamos a decir tipo de tipo de usuario como una forma de etiquetar también el mapa, y como que ves a lo que me refiero cuando lleguemos allí. Entonces con las infografías, nunca quiere ocupar demasiado espacio porque generalmente tienes otros 10 quizá visuales o gráficos. También tienes que caber alrededor de él o en esta página en particular. ¿ Quieres ser un apretado como puedas con el espacio y así conservando el espacio? Entonces, en este caso, en lugar de tener una línea separada, como que voy a integrar esto y etiquetado y también. Entonces el estado de Florida y ah resaltaron Florida con el mismo color para que haya una conexión de color es más grande que Inglaterra y ahí está la conexión de color. Entonces sólo vamos a hacer un simple golpe. Yo sólo voy a agarrar la herramienta de pin, o sólo vamos a hacer una linda línea verde. Adelante, haz esa línea verde Grady int. Tengo que ir a mi panel de trazos. Hagámosla una línea bonita y gruesa y vamos a suavizar. Tan solo haz alrededor de Capitol, dale una bonita gorra redonda y dado un bonito look de pulimento y déjame ver si no puedo voltear ese verde para acariciar, puedes volver atrás y añadir esa gorra, y ahí vamos. Entonces ahí está esa línea, y podemos agregar otra línea del color similar a ésta de aquí abajo que sus ojos fueron atraídos a la ubicación correcta. No todo el mundo conoce su geografía. Siempre puedes asumir que la gente sabe lo que sabes, y hagamos una bonita ronda de Kappa. El Gardi tiene ese set, así que ahí vamos. Esa es una gráfica muy simple debilitar Miami hacer salirse con la suya haciendo el tipo un poco más grande. Simplemente depende de cuánto espacio tengas. Yo sólo estaba tratando de igualar Algunos de los tamaños de fuente que tengo en otro lugar se van a deshacer de esa cosa extra por aquí, y eso es todo. Entonces esa es una especie de buena comparación visual. Muy fácil, muy directo. Y aún son capaces de ver en dónde están. Ellos saben que es el Reino Unido, porque dejamos eso ahí para ellos para que realmente puedan saber dónde están geográficamente y comparar muy fácilmente. Ese fue un fondo rápido. Cuando el siguiente, vamos a meternos en gráficos circulares y vamos a encontrar la manera de utilizar la herramienta de gráfico circular, un ilustrador de adobe para hacer perfectamente secciones de sección para que podamos tener gráficos circulares matemáticamente correctos. Y vamos a hacer un do un pequeño giro de tres D en él con algún resplandor y tratando de que sea un gráfico circular que aparece visualmente, atractivo. Entonces lo estamos haciendo a continuación 7. Tabla compleja: Entonces esta es una muestra del gráfico circular. Vamos a recrear su desglose del gasto federal estadounidense por categoría 2.45 billones. Creo que esos son los números del 2015. Lo encontré en Google, pero creé este gráfico, pero te voy a mostrar tipo de proceso. Fui debido a crear un gráfico circular muy preciso. Entonces con los gráficos de tarta, sobre todo cuando comienzas a conseguir tres o más rebanadas diferentes del pastel, empieza a hacerse más difícil de adivinar. ¿ Cómo se ve un 48% del pastel? ¿ Cómo se ve el 5% del pastel? ¿ De verdad quieres ser preciso con? Cómo estás mostrando tu información visual es donde la parte de ciencia entra en infografías. Entonces vas a necesitar usar algún tipo de herramienta. En realidad puedes hacer esto y sobresalir. Pero Adobe Illustrator tiene una herramienta fantástica para esto. Vas a bajar en tus herramientas. Si no lo ves en la lista de tu barra de herramientas, probablemente no lo hagas. Normalmente está oculto. Vamos a seguir adelante y llamarlo aquí abajo en la sección de la barra de herramientas de edición. Haz click aquí, vas a encontrar su curso de la versión 2019 ya que esta filmada de ilustrador, y hay todo tipo de herramientas diferentes que puedes usar. Vamos a usar la herramienta gráfica de tarta, que ya no he seleccionado, y no la hubiera arrastrado justo a mi barra de herramientas. Así que adelante y acceda a eso ahora. Entonces si no me hemos acostumbrado las herramientas construidas en adobe graficando y graficando, estás de suerte. Entonces sigamos adelante y seleccionemos nuestra herramienta gráfica de tartas. No hemos seleccionado aquí mismo. Y vamos a seguir adelante y dibujar donde, ¿Qué? Creemos que el tamaño debe ser para nuestros gráficos de tarta o va a seguir adelante y hacer clic en él arrastrar, y arrastrar,y va a poder cargarlo. Esto vamos a cargar en los datos igual que lo harías y sobresalir no vamos a hacer. Vamos a columnas al otro lado. No vamos a hacer Rose. Y te podemos voy a mostrar por qué puedes hacer Rose y cómo eso podría ser benéfico. Pero para este caso, vamos a hacer columnas. Vamos a entrar en nuestro documento ah word y seguir adelante y escribir nuestra información. Por lo que tenemos un 45 38 48 a 1 a 2%. Podrías hacer esto con cualquiera. Ni siquiera podemos agarrar a tu propio estadista si no tienes que hacer las que yo proporcioné. Entonces sigamos adelante y tecleemos eso y lo voy a escribir por en orden. Por lo que comienzas con la más grande y vas la más pequeña causa que no quieres poner tu rebanada de pastel más grande junto a la más pequeña y luego otra grande. Se quiere ir en orden desde el más grande hasta el más pequeño porque así va a cargar las rebanadas de pastel. Entonces empecemos con el más grande, que es 48 38 y vamos a seguir adelante y dar clic en esta pequeña marca de verificación, y va a crear automáticamente las rebanadas de pastel para nosotros. ¡ Impresionante! Sí, eso hace la vida mucho más fácil empezar a seguir adelante y dar click aquí y tiene especie de este trazo a ella tipo de tiene este pequeño trazo y no me gusta que todo este fino trazos fueran a hacer algo diferente con él. Algunas escuelas van a seleccionar mi trazo por aquí y simplemente niegan eso y llévalo a nada. Entonces ahora tengo un buen agarre limpio. Entonces cuando terminemos con esto y lo que es genial de esto es que esto es 100% preciso. Sé que es Ah, 5% rebanada del pastel. Puedo sentirme cómodo demostrando estadísticamente eso y siendo representando eso. Entonces en cualquier momento, si quieres actualizar tipo de los números, si quieres en otra rebanada de pastel, hazlo más complicado. Sea lo que sea que tengas que hacer, siempre puedes tener cambio eso aquí mismo y lo actualizaremos Live para ti. Entonces podemos hacer esto un poco más dinámico porque ahora mismo, esto es una especie de gráfico circular aburrido que verías en cualquier tipo de aburrido estado financiero . Entonces vamos a darle sabor solo un poco con el color, tal vez un poco de un tres D jazz a ella. Entonces ahora mismo, cuando hago clic derecho, lo tengo todo Genial fuera. Ten todo genial aquí fuera. Parece que no puedo aislarlo. Entonces vamos a tener que hacer es que tendríamos que cerrar caja escolar, y tenemos que sentir que estamos realmente seguros con esos números se hicieron un poco ajustando el gráfico de tartas. Estamos listos para un tipo de agregar tipo del estilo lijado a ella. Entonces sigamos adelante y digamos, Ya terminamos. Se estaba haciendo clic fuera de eso y ahora vamos a tener muchas de esas opciones ahora están en grado. Y así ahora podemos algo así sin arreglarlo un poco. Vamos a ir a objetar en grupo, y va a decir que esta elección contenía la gráfica después del borrador. Su propio grupo, eso es todo. Ya no se puede acceder a la gráfica. Entonces simplemente convertimos esto en elementos de forma regulares. Perdemos la porción gráfica. Eso está bien, porque nos sentimos finales sobre eso va Click en Sí. Entonces ahora tengo la opción de tomar la herramienta de selección directa y solo tipo de seleccionar cada rebanada de tarta. Y usar mis teclas de flecha es una especie de cambio, cambiarlo un poco para aislar estas rebanadas de pastel el uno del otro. Tan sólo para que el chai de tubo más pequeño, uh, rodajas altas se puedan ver un poco mejor. Entonces tipo de lo que hicimos ahí arriba tipo de poner nuestras rebanadas más pequeñas un poco más arriba y poco a poco más altas. Parece que van saliendo lentamente. Y por supuesto, estos colores definitivamente tienen que cambiarse. Y ahora que hemos desarreglado todo esto, tenemos un control total sobre estos elementos. Adelante y haga click derecho. Vamos a tener que grupo de la ONU otra vez. Y ahora, Sopa. Tenemos un grupo se metió en grupo Un par de veces para especie de finalmente aislar estos, pero eventualmente debería. Así que ahora puede inclinar un poco estos de forma segura y simplemente encontrar el ángulo correcto para cada uno de estos, creando algo un poco más especial que tu gráfico circular estándar. Entonces vamos a añadir un poco de pop de color. Aquí tienen un montón de diferentes opciones de color que puedo agregar aparecer a tipo de coincidencia con este tema de color de tono joya brillante que tenemos hasta ahora aquí. Entonces sólo voy a pedir prestado los que ya tipo de seleccionados aquí. Y sólo voy a hacer un Grady más lento aquí. Haga clic en Phil en una agradable transición con algunos de estos. Sí, tenemos azul, morado, y no estoy haciendo colores que estén tan lejos el uno del otro. Están en una especie de tema de tono joya y paleta de colores similares y generalmente comienzan con tipo de ir en orden. Así que tengo especie de morado a azul a verde dedo del pie naranja tipo y luego abajo para leer el naranja más oscuro es el más pequeño y tipo de funciona su camino alrededor. Entonces ahora que tengo una bonita paleta de colores temática aplicada a esto, necesita una especie de brillo un poco. Podríamos hacerle algún tipo de tres efectos D solo para algo así como hacer que pop un poco. Entonces voy a ir a seleccionar todo. Ahora ya no está conectado a la herramienta de gráfico circular. Es su propio elemento o una combinación de diferentes símbolos y elementos. Iba a hacer click derecho y peor conseguir un grupo todo juntos. Por lo que nos estamos preparando para usar la herramienta tres d. Entonces cuando sí usamos el juguete tres D cuando un grupo cosas juntos así que todo lo son. Todos ellos son tratados como un solo elemento. Entonces es bueno y sube a efecto. Vamos a bajar a tres d ¿Alguna vez tienes experiencia con usar tres D ocho y Adobe Illustrator? Esto es exactamente lo que estamos haciendo. Vamos a estar haciendo extrusión y de la extrusión y bisel. Sigamos adelante y pinchemos en eso. También queremos revisar en anterior ¿quién podría ver qué diablos está pasando? Estamos, ah tipo de meternos con esto, así que eres una especie de representación visual del ángulo que va a estar haciendo. Y queremos mantener el frente agradable y centro. Simplemente queremos aplicarle un efecto de tres d muy pequeño, sutil. No queremos que lo gaste de esta manera y no puedes ver adecuadamente las rebanadas de pastel en su orden. Entonces solo vamos a hacer un poco de cambio y una de las cosas más grandes que cambie. Yo no cambio. No me meto con eso. Ah, muchos ajustes en los tres D. Pero uno lo hago, uh, uh, lío con mucho es la profundidad de extrusión que se llevará a cabo en profundidad. Lo es. Entonces si hago 200 puntos y presiono enter, va a ser este increíblemente grueso, um, gráfico donde podría volver arriba. Y si estás una vez que cierras eso y quieres volver atrás y editar, solo tienes que ir siempre a tu panel de propiedades y podrás volver atrás y dar click en cualquier propiedad que hayas aplicado a tus temas. Por lo que si aplicaste un tres D, puedes volver atrás y dar click en esto y volver a tu configuración. Volvamos a hacer clic en vista previa. Y vamos a hacer a mí me gusta hacer una profundidad agradable, flaca, extrema porque no queremos que se vea falsa su cursi ¿quién? Hagamos como un 10 puntos y veamos cómo se ve eso. Podríamos probarlo solo un poquito. A lo mejor tipo de cambio este hacia arriba para conseguir cualquier ángulo que te guste o crees que se vería realmente bien. Y también hay perspectiva. Esta es perspectiva aquí mismo. Entonces veamos. No creo que se pudiera ver un gran cambio con el círculo en perspectiva. No creo que puedas, pero me encanta usar perspectiva porque casi te da una especie de esa lente de cámara única casi laizas de labios. Ahí hay una persona como un pez. Escribo lente en. Es como que le da una mirada realmente ordenada, pero en este caso con el gráfico de tarta, no creo que necesariamente vaya a aparecer demasiado 8. Carta de tarte compleja: adición de color y detalles: cuando se trata de etiquetado, no tengas miedo de usar vertical, Um, o en lugar de ir horizontal, vas un poco vertical con tu tipo. Porque en este caso, si trato de etiquetar el pequeño 2% 1 no siempre funciona en el mismo tamaño, y hay que hacerlo realmente pequeño. No funciona del todo. Entonces mi solución fue ir fuera de la gráfica para los números más pequeños y tipo de ir un poco vertical. Y como que ayuda al tipo de que conecte esta rebanada de pastel con ese número porcentual en particular , pesar de que en realidad no está descansando en la rebanada de pastel. Y otra cosa que creo que ayuda es que veas cómo este aire tipo de justo al lado del otro , y que tipo de conflicto entre sí. Entonces, cuando estoy tratando de descomponer esta información, como que están compitiendo demasiado. Entonces otra cosa que puedes hacer es desplazar esto a la parte superior izquierda y tal vez enviar esto un poco hacia abajo , y así ese tipo de ayuda a la I. Una señal de que 38% al morado del 48% al azul. Hay unos cambios realmente pequeños, y pero Pero sí suman para ayudar a la gente a digerir la información un poco mejor. Entonces solo pequeños ajustes ahí podemos hacer. Y así ahora se puede agregar un poco de etiquetas en la misma sostuvo que una calma, tal vez un poco similar a esto aquí arriba tipo de son versión terminada, especie de solo agregarlo. Podríamos apilar. Entonces en lugar de tener esto ir todo el camino, podría poner este alimento y agricultura en dos líneas. Um, y eso puede ser de ayuda. Ya que tengo un poco de habitación ahí, sentado un poco de ser creativo y cómo haces todas tus etiquetas, creo que la etiqueta aquí de alguna manera se borró, pero se podía ver cómo también le estoy asignando el mismo color a la etiqueta que la rebanada de pastel es sólo otra forma de conectar todo. Por lo que la gente que ve esto no tiene que pensar muy duro. Nunca quiere que el espectador tenga que pensar que debería solo deberían conseguirlo que conecten todo donde necesita estar conectado y pero de ser. Pero un boom y finalmente tener aquí mi pequeño título. No me importó sobreaterrizar sobre la rebanada de pastel. Creo que eso se ve bien. Cómo iss solo usar Helvetica negrita aquí. Entonces, um, puedo hacer que ese título sea muy legible. Hice el total un poco más grande que la otra información aquí para que la gente pueda saber que esto es ah, cuál es la cantidad total ISS. Y hasta podría poner aquí. Ya sabes, 2015 o cualquier año se waas que los datos fueron capturados, sea cual sea la información detallada que tengas que agregar. Entonces déjame seguir adelante y hacer eso a este pequeño gráfico de tartas y ver como se ve como el que hicimos para la clase y enseguida vuelvo. Así que aquí está la versión en la clase que hicimos juntos tipo de hizo algunos ajustes comparación con la muestra cuando lo hice antes de filmar esta clase y simplemente algo así de hacerlos un poco más atrevidos. Hay un par de cosas que podríamos hacer, agregó una gota destrozada a este texto de superposición. Podemos agregar una gota destrozada a la a las propias rebanadas de pastel. Entonces solo voy a un efecto de sombra de gota ahí y tal vez hacer unos bonitos efectos difuminados de bonito, distante gran desenfoque. Tipo de ver cómo se ve eso y tal vez hacer un 44% solo agregando un poco más de profundidad ahí. Y otra cosa que podríamos hacer es ahora mismo estamos leyendo el texto boca abajo, que obviamente es un poco más difícil de hacer. Entonces hagámoslo fácil en el espectador. Hagamos algo realmente fácil, seleccionamos todo, pero son muy pocos números ahí. Yo sólo voy a rotar el lucio es que no importa cómo se vea el pastel porque va largo mientras las rebanadas de pastel estén en las divisiones correctas, se va a quedar genial. Vamos a seguir adelante y asegurarnos de que eso es 38% y eso es 40%. Eso sólo hace que sea mucho más fácil para ellos leerlo. Y yo sólo voy a seguir adelante y ajustarme. Si te estos números y lo haces bien y entonces ya terminaremos. Aquí está nuestro pequeño gráfico final de tartas. Podemos seguir adelante y duplicar esto y hacer una versión más limpia. Si queremos poder tener uno sin los tres D, podemos especie de presentarlos a ambos y ver cuál se ve mejor. Entonces solo voy a seguir adelante y seleccionar nuestro objeto aquí. Voy a hacer click derecho. Voy dedo del pie en grupo. Se va a ir adelante y deshacerse del efecto tres d que aplicamos que podemos especie de solo estos realmente rápidamente y ver qué versión le gusta mejor. Nos gusta el diseño plano, más limpio. Si nos gustan un poco de los tres d ya sabes, tres D es opcional. Dis agrega un poco de algo. Pero las tres herramientas D en Adobe Illustrator no son súper avanzadas en comparación con otros programas. Por lo que no tiene tipo de que brillo o brillo se obtendría con otros tipos de tres renderizados de renderización D que verías en tal vez Adobe Dimensions u otro programa tres D. Pero tal vez algún día habrá mejores tres opciones de D. Un ilustrador de adobe. Ahí vamos. Hay un pequeño gráfico de tartas más brillante. Es preciso. Entonces todo está dividido a la perfección, y creo que es lo suficientemente dinámico donde definitivamente podríamos ver la información de una manera muy, uh, más fácil, uh, más fácil, fácilmente digerible. Entonces ahora hemos hecho un gráfico circular. Tenemos otro gráfico un poco más difícil de abordar. Va a ser un gráfico de líneas nuestro gráfico de barras que vamos a estar haciendo trabajando con este próximo conjunto complejo de información. Esto se puede abrir en su documento word. Vamos al ingreso promedio anual de los hogares según generaciones, y va a tener muchas líneas muy diferentes pasando por los injertos. Vamos a crear un gráfico de líneas, pero vamos a tratar de que sea visualmente emocionante utilizando nuestros colores y tipo de hacer que también sea fácil de leer. Entonces vamos a hacer eso a continuación. Y luego sólo tenemos uno o dos más y luego terminaremos con nuestra gráfica. Y habríamos pasado por bastante diferentes situaciones infográficas. No soy infografías súper duper complejas, pero esto es justo para que empiece y que realmente piense en cómo abordar visualmente mostrando algunos de estos ah por lo demás aburrido fax. Por lo que quería mostrarles un pequeño consejo extra cuando estamos haciendo el gráfico gráfico gráfico circular, así que tenga seleccionada nuestra herramienta de gráfico circular en Adobe Illustrator. Va a dibujar una especie de gráfico de tarta muy rápido en lugar de atravesar. De hecho voy a bajar a las columnas, así que voy a descomponer esto por una pareja. Diferente. Eso es 50%. Solo asegurémonos de que tengo todo correcto. Hagamos del 25 al 100%. Así que sólo tipo de hacer algunos números aleatorios que todos hacen 100%. Y como lo estamos haciendo abajo por la columna y luego vamos Pierre y transponerlo, si alguna vez quiere devolverlo a un gráfico circular regular con rodajas de pastel, ve y vuelve a cambiarlo. Y ahora está abajo en la columna. Voy a ir y dar clic en OK, y así notarás que lo dividió en diferentes rebanadas altas. Lo que es genial de esto es cada uno de estos círculos. Déjame ver si no puedo cerrar esto y seguir adelante y aislar esto. Vamos a ir Grupo tipo de desbloquear ese tipo de en grupo estos y conseguir estos es de colores diferentes , Así que realmente te muestro lo que está pasando aquí. Ahí vamos por fin y luego lo agrupamos un poco. Pero lo grandioso es que todos estos se escalan perfectamente, por lo que cada uno de estos círculos representa la relación exacta de acuerdo al 100%. Entonces al igual que las rebanadas de pastel, esto es preciso. Y lo que es genial de esto es que puedes hacer un diagrama de Venn creativo en diagrama fuera de esto Una vez que voy adelante y conseguir algún color configurar amor y diagramas porque creo que es una manera realmente interesante de tipo de escala de espectáculo relativo entre sí. Por lo que voy a acercar y hacer que estos sean un poco más grandes siempre y cuando los escale a todos al mismo tiempo, las escalas entre sí se mantienen iguales. Entonces esta fue nuestra más grande. Y ésta es su más pequeña. Me encanta solapar este tipo de así. Y luego me encanta ir a modos de fusión. Obtengo un selecto todos ellos. Voy a sacar mi ventana de transparencia, y aquí es donde están los modos de fusión. Y voy a bajar al modo de fusión de superposición y te das cuenta de cómo se superpone. Y esto funciona realmente bien en un fondo más ligero. No va a traer esto, así que se puede ver como se pueden solapar entre sí y se puede como que las cosas se superpongan para hacer algo similar en otra estada.Pero esto se llama diagrama de Venn. Podríamos traer ese más grande por delante, y luego podrías poner los porcentajes aquí para que yo pueda seguir adelante en grupo esto y es una especie de traer. Ahora las estadísticas. Sé que estos son al 100%. Es sólo una forma interesante de exhibir. En lugar de hacer un gráfico circular se podría mostrar en este formato de diagrama sido, que podría ser un poco más interesante. Estos no son el fax exacto, pero y como que les muestro un ejemplo. Algo que hice por algo que hice por cliente muy similar a esto. Simplemente una forma diferente de tipo de espectáculo, ya sabes, desglose de porcentajes. Por lo que quiero compartir eso con ustedes. Simplemente una especie de manera diferente. Uh, tipo de saber. ¿ Cómo creo círculos todos relativos entre sí que todos se descomponen al 100% igual que un gráfico circular? ¿ Cómo hago eso? Eso solo iba por las columnas en lugar de cruzar y rosas cómo lo hiciste usando el gráfico circular en Adobe Illustrator 9. Proyecto de linea: Bienvenido de nuevo. Estamos listos para abordar o gráfica más complicada. No obstante, vamos a hacer un gráfico de líneas. Suena bastante simple. Pero aquí está nuestro conjunto de datos aquí mismo. Es el ingreso promedio anual de los hogares según generaciones. Entonces tienes tiempo pasando. Pero también tiene diferentes generaciones teniendo una cantidad diferente de dinero y algunas generaciones no tengo ningún conjunto de datos antes porque ni siquiera nacieron todavía. Por lo que esto va a mostrar tipo de generaciones superpuestas de lo que las diferentes generaciones hicieron en diferentes momentos de su lapso de vida. Y así no tenemos un gráfico de líneas que va a abarcar todo el camino a través para todos ellos. Entonces dices que nos faltan algunos conjuntos de datos aquí. Entonces al igual que el gráfico circular con Adobe Illustrator, si no lo ves en la barra de herramientas, simplemente baja aquí para editar barra de herramientas y sigue adelante y arrastra ese extremo. Va a parecer igual que esto va a ser las herramientas de gráfico de líneas para seguir adelante y seleccionar que lo que podrías hacer todo lo que tienes que hacer es igual que el gráfico circular. Haga clic y arrastre y va a seguir adelante y pop arriba con este pequeño menú de diálogo donde podrá ingresar sus datos. Entonces lo que tenemos que hacer es que estamos necesitando obtener un gráfico de líneas realista, diferente que recorra los diferentes números. Por lo que justo cerca de aquí, lo tengo etiquetado. lo han hecho nuestra generación silenciosa, que es el primer tipo de generación que estamos haciendo. Contamos con generación X generación. Por qué en la generación Z, Así que estoy poniendo en todos sus conjuntos de datos. Como saben, faltan algunos conjuntos de datos porque Jin Z ni siquiera nació. Um, y ese primer conjunto de datos. Entonces solo quiero que estudies un poco esto. Cómo configuro esto, seguir adelante y poner esos números y darle un intento de tipo de experimento. Cómo obtener el gráfico de líneas. Correcto. En realidad tardó bastante tiempo en averiguar qué columnas usar y cómo descomponer esto. Así que sólo tipo de toma un momento pausa tipo de estudio, cómo configuro las columnas en este Haz clic en la casilla de verificación cuando estés listo y vas a conseguir un gráfico que se parece mucho a este. Por lo que tenemos nuestros diferentes gráficos y tenemos nuestras etiquetas. Si vuelves a aquí, podrías ver cómo tienen las etiquetas en la parte superior de cada columna. Y eso va a aparecer en tu llave justo aquí. Entonces es bueno adelante y crea todo esto para ti. Entonces hay algunas cosas que podemos hacer. Podemos seguir adelante y subir a objeto en grupo y empezar a ponerle nuestro propio giro visual , hacerlo más emocionante y visualmente convincente. O incluso podríamos mantener el gráfico de líneas, editar herbal y añadir algunos elementos diferentes a ella están en un atractivo visual a ella sin tener que correr, agruparlo y romper la gráfica. Te vamos a mostrar cómo hacer eso, pero al final, vamos a romper la gráfica, y voy a sumar mucho más de lo que podría hacer si mantuviera la gráfica intacta o acreditable . Entonces voy a seguir adelante y lo que podrías hacer es agarrar la herramienta de selección directa y puedes seleccionar directamente cualquiera de estos objetos y cambiarlo igual que lo harías con un objeto regular. Simplemente trata de no un grupo lo buen objeto conocido grupo. Una vez que haces eso, ya no está conectado ni acreditable. Entonces tomemos esto realmente mucho tiempo. Uno. Hagámoslo. Hagámoslo bien. Solo estoy seleccionando directamente todos estos pequeños elementos, y podría bajar aquí a mi panel de trazos. Puedo aumentar el grosor. Puedo agregarle una bonita gorra redonda, que ya es, podría convertirla en un color diferente. Hazlo rojo si quería. Y así sucesivamente y así sucesivamente. Y lo que es genial de hacerlo de esta manera sin agruparlo y solo usar la herramienta de selección directa es que aún no he editado herbal en mi gráfica, así que podría seguir adelante y cambiar este conjunto de datos dedo 22,000 y lo va a actualizar. Y va a mantener el aspecto y la sensación de ello también. puedas seguir adelante con eso y mantenerlo intacto, si acaso no te sientes cómodo con los números y el cliente quiere agregar un conjunto de datos , ya sabes, hay que volver atrás y tratar de resolverlo manualmente. Eso podría ser muy útil. Entonces lo que voy a hacer es que estoy realmente contento con especie de la configuración básica de estas líneas, y vamos a hacer algo un poco creativo con él. Entonces voy a seguir adelante y desarreglé esto y ya no lo haré inevitable. Vamos a subirte a objeto. Voy a ir a seleccionar nuestra gráfica. Primero, sigamos adelante y cerremos esto ir a objetar grupo de la ONU y voy a decir que sí, está bien. Y así ahora lo tengo igual que objetos individuales. Y ahora realmente podemos jugar gráficamente con cómo se ve esto. Por lo que poder utilizar el tipo de herramienta de gráfico de líneas en Adobe Illustrator nos ahorró mucho tiempo de tener que descifrar todos los puntos de datos y hacerlo manualmente. Entonces ahora que tenemos esto, sigamos adelante y arrastrémoslo hacia abajo y pongámoslo en nuestro oscuro fondo y empecemos a tomar algunas decisiones de diseño, y podría ocupar bastante espacio, como ya planeamos en el principio de que vamos a tener mucho espacio para esta infografía en particular. Seguí adelante y agregué etiquetas. Déjame ver si no puedo conseguir que esto sea blanco, así puedo ver como mostrarte. Acabo de agregar etiquetas simples, una para cada conjunto de datos Como sabemos el tiempo va hacia adelante. Basta con mirar tu conjunto de datos original y averiguar cómo necesitas etiquetar que está encendido estaba haciendo todas las cosas negras en blanco para que podamos tener algún alto contraste y tipo de ver lo que tenemos pasando aquí y también podría tener que hacer click derecho y en grupo para tener acceso a algunos de estos elementos. Está bien, genial. Entonces ahora que tenemos una especie de nuestras gráficas básicas configuradas, podemos estropearnos, meternos un poco con la tipografía. Vamos a agrupar esto. Hagamos que esto sea más delgado. Espere. A lo mejor un poco más pequeño. Hazlo un bonito ligero. Es una especie de hacer un poco más esbelto de lo que podemos hacer que los años sean un poco más grandes. Más audaz. Por lo que tenemos audaz aquí. ¿ Tenemos oblicuo audaz? ¿ Qué hace esto? Regular negrita. Ahí es donde realmente llega a ser divertido. Como diseñador, una especie de pasado el conjunto de datos, obtuvimos el conjunto de datos perfecto y de acuerdo a cómo debería ser. Entonces ahora podemos agregarle un pulidor, así que solo voy a unagruparle todos estos elementos y ver qué podríamos hacer con estos gráficos de líneas . ¿ Qué hay en una especie de genial, um, agradable Grady en ello. Entonces vamos a ver si no podemos simplemente probar el color súper duper brillante para este. Hagámoslo verde. Podríamos tener que desarreglárnoslo. Obtiene mucho de ello en agrupación que viene con estas gráficas para asegurarme de que tengo esto de manera aislada. Está en Grupo una vez más. Ahí vamos. Por lo que ahora podemos seguir adelante y muestrear Verde. vuelta a ese dos trazos. Asegúrate de que tengo mi bonita gorra redonda puesta, pero solo creo que eso se ve más pulido. De acuerdo, ese es un conjunto de datos aquí mismo. Algo así como cómo está todo conectado o cómo es en lugar de uno grande, largo radiante. Es un poco segmentado como ese tipo de luce realmente interesante. También podemos hacer algo con estas plazas aquí. Podríamos hacer que esos más amplios se debilitaran por su cuenta, y creo que deberíamos agregar la suya propia Vamos a hacer la herramienta Ellipse y sólo vamos a agarrar el int Grady que usamos. Vamos a voltearlo para llenarlo, agregarle un poco de sombra de gota a esto y algo así como ponerlo encima de su punto de datos. A lo mejor podemos hacer que eso, uh, cambie lo radiante, sólo un poquito. Ponte un poco más suave. Ahí hay así. A lo mejor podríamos meternos un poco más con la sombra de gota, y siempre puedo simplemente ir a mi panel de propiedades. Si no encuentro mi panel de propiedades, siempre puedo simplemente abrirlo. Ponlo para arriba Doble sombra de gota rápida. Vamos a previsualizar esto. Ya veremos si no podemos hacerlo más fuerte, agradable y fuerte. A lo mejor los desdibujados un poco demasiado. Eso es 2.5 Ahí vamos. Agradable. Realmente no podía ver eso. E incluso podemos añadir otro círculo. Entonces solo voy a mantener pulsado, opción y arrastrar y hacer un círculo más pequeño aquí. A lo mejor podríamos hacer esto como un gran radiante. Siempre puedo ir a editar colores y solo voy a bajar a convertir a escala de grises. Esta es solo una forma rápida de cambiar un color. Cualquier cosa desde el color. Es un radiante de color a un radiante en escala de grises, y nos ahorra un poco de tiempo Paso teniendo que ir en el panel de nivelación y haciendo ajustes ahí. Ahí es cuando un poco Papa Gray. Por lo que ahora sí tengo que ir a mi grado. Ian Pannell, mi panel radiante. Es como empujar algunos de estos hacia atrás, tal vez dejar caer ese color más oscuro sobre eso un rayo bastante. A lo mejor hacer este blanco puro. Por lo que ahora tenemos un blanco a un gris. Hagamos un drop shadow sobre esto ya que recordaba o drop shadow settings aqui arriba en los efectos, solo tenemos que recordar que aparece para efecto drop shadow. Solo estoy en mi panel de sombra de gota y 1/2 tipo de estos ajustes configuran un poco de desenfoque , un poco de distancia y un radiante bastante fuerte. Se puede ver como que parece que arrojó un poco de sombra. Um, solo estoy haciendo pequeñas ediciones ahora lo está haciendo aún más brillante. Aquí vamos le tiene un bonito tipo de aspecto metálico. Podemos alejarnos y ver si nos gusta cómo se ve ese conjunto de datos. Siempre podemos hacer esto. Tenemos un esbozo este camino en esto para que siempre pudiera hacer eso un poco más delgado, y eso sacará un poco la fuerza de eso. Entonces ahora que nos gusta eso, vamos a agrupar ese pequeño elemento. Y podríamos simplemente mantener presionada la opción y tipo de arrastrarla manualmente sobre estos puntos. Y es mucho más fácil hacer esto que mantener la gráfica en vivo. Pero una vez que tienes los conjuntos de datos, si no crees que los conjuntos de datos van a cambiar, siempre es que me parece más fácil, más creativo del dedo del pie. Desbloquea esa gráfica y para empezar a hacer las cosas manualmente. En ese punto, encontremos un color diferente para éste. Por supuesto, vamos a cambiar nuestras etiquetas o llave a la derecha. Entonces hagámoslo. Un bonito contraste de Green. Hagamos un morado brillante o tal vez este tipo de color naranja y podemos adoptar el mismo trazo. Entonces averigüemos qué trazo tenemos aquí. Ah, tenemos un trazo de tres puntos, así que hagamos un trazo de tres puntos aquí, hagamos alrededor de la gorra y ya no necesitamos estos pequeños puntos, y podríamos eliminarlos y podemos seguir adelante y hacer nuestros ajustes y ver cómo se ve usando estos colores. Entonces ahora vamos a hacer un bonito contraste morado, genial del verde y naranja. Solo estoy adoptando algunos de los mismos colores que hemos estado usando a lo largo de la clase, y se puede acceder a estos mismos InTs Grady en la hoja descargable que habrá proporcionado en el recurso es que hace que justo hacer la misma configuración ahí y simplemente conseguir deshacerse de algunos de estos puntos y simplemente hacer lo mismo. Simplemente consigue una copia y pega ésta aquí abajo y luego haz ese morado y para el último Data dijo, voy a hacer ese morado en un poquito. Tienes este conjunto de datos de un pequeño. Solo tenemos uno para la Generación Z porque no llevan mucho tiempo con vida, por lo que solo tienen un punto de datos. No queremos olvidar a ese pequeñito ahí mismo, así que tiene una copia y Paste tendrá que hacer que su propio color realmente no tenga una línea de conexión porque no tiene un segundo conjunto de datos. Entonces déjame ajustar algunos de estos colores, y ellos iban a empezar a mirar el gráfico es un agujero para ver si hay alguna manera de que podamos agilizarlo un poco y ahorrar algo de espacio 10. Proyecto gráfico de línea: adición de un popo de color: Así que seguí adelante y actualicé tipo de los colores aquí. Creo que en el trazo a cuatro puntos en lugar de cinco. Tan solo como que sea muy arreglable. Cuando alejas el zoom, realmente puedes hacer que las líneas sean muy bien. También hasta hoy actualizamos nuestra clave aquí mismo. Y voy a seguir adelante y mover nuestra llave por aquí porque todo se trata de ahorrar espacio. Esto ocupa mucho espacio horizontal. Entonces si sigo adelante y muevo mi llave por aquí, de verdad va a ayudar. Y podría necesitar hacer convocatoria de agrupación aquí. Ahí vamos. Entonces ahora lo vamos a mover por aquí, y ahora es más conciso. Y lo que es genial de esto es que la clave está realmente cerca de las líneas, así que no tienes que mirar muy duro para entender qué línea es cuál. Eso hace que sea más fácil para el espectador verlo. Incluso podría pensar en estos hasta de manera aún más dramática siempre y cuando pudiera hacerlo fácil . Curso. Como saben, voy a cambiar estos en lugar de blancos. Voy a hacer de estos los colores correspondientes dedo del pie una vez más ayudar al usuario y al espectador a poder digerir esta información y un signo estos y mirarlos mucho más fácil. Por lo que terminé correlacionando el color con la llave. Y una cosa que queremos hacer es que tenemos el todo este tipo de simpático de querer realmente los usuarios me atraen a este tipo de parte más colorida de la porción. Esta es información realmente importante, pero no es tan crítica. Es crítico mirar, pero vamos a tal vez no. Hay tanta atención porque es un blanco brillante atraído a los números. Realmente queremos que yo de la gente se dibuje aquí, y luego pueden referirse de nuevo a los números para hacerse una idea de lo que está hablando. Entonces todo eso para decir, Hagámoslo un poco de gris medio, así que como que se mezcla en el fondo. Seguimos queriendo ser elegibles. Deja que este tipo de ver cómo tal vez sólo un poco de un gris claro más oscuro parece y note cómo esto realmente comienza a salir por aquí. También me aseguré de que esto fuera en montos de dólares y probablemente podríamos darnos el lujo de hacer esto un diminuto, un poco más más pequeño para especie de dibujar a los usuarios yo aquí y no ser tan pesado a la izquierda. Todo se trata de equilibrio, y no quieres que algo sea demasiado pesado o demasiado brillante en el lado más lejano del diseño. De verdad quieres tener ese único punto focal principal y no tener demasiadas cosas dibujando tu ojo al mismo tiempo para que podamos seguir haciéndolos audaz. A mí me gusta tener estos audaces y estos ligeros porque hay contraste entre esos. Entonces no tipo de mezclar estas dos columnas arriba cuando lo miro enseguida. Um, hay una especie de diferenciación con el tipo, así que estoy bastante contento con eso. Entonces aquí estamos, creo, creo, en qué alrededor de 15 minutos realmente tipo de crear una especie de gráfico de líneas un tanto atractivo. Probablemente podríamos seguir trabajando en esto más, pero todo esto se creó solo con el uso de ilustradores gráfico de líneas para ayudarte a empezar con los puntos de datos y luego asegurarnos de que los gráficos de líneas fueran precisos en el mundo ableto un grupo que realmente tipo de añadir un pulimento y brillo usando nuestro resplandor brillante en concordancia con el tema de algunas de las infografías que hemos estado haciendo en el inicio de la clase. Entonces una cosa que podemos hacer, aquí hay una opción llamada herramienta gráfica de área. Y como que ves ese pequeño ícono cómo realmente puede hacer dibujar, uh, uh, una especie de ah, caja sólida debajo del gráfico de líneas para realmente especie de alrededor de los datos. Entonces en lugar de tenerlo flotando y luego tienes que tener tu miro hacia abajo a los datos , realmente ayuda a tierra los datos y ayudar a tu lo conecto al fondo ahora tipo de mostrarlo un poco más difícil de explicar. Pero voy a tomar la herramienta de pin y voy a rastrear esto. Está trazando la línea. Van a dibujarlo todo el camino hasta el fondo del estado de set no tiene por qué ser perfecto, porque siempre podemos cambiarlo usando la herramienta de selección directa más adelante y ajustarlo. Lo que voy a hacer es que nos voy a mandar todo el camino a la parte de atrás. Podría incluso simplemente hacer clic derecho y simplemente enviarlo a la parte posterior o hacer mi pequeño atajo de teclado y voy a hacer la herramienta cuentagotas. Muestra que radiante, asegúrate de que sea un relleno y tipo de ajustarlo. Entonces tal vez va de claro a oscuro, y por lo tanto ayuda a tierra los datos. Sí veo un problema con sólo tener un conjunto de datos. No hay nada que realmente muele esos datos. Entonces va a ser una especie de punto flotante. Ese podría ser el único tema con este método en particular. Pero creo que funciona realmente genial visualmente en lugar de que realmente ayuda a llenar un poco el gráfico en lugar de tener grandes huecos abiertos. Entonces si tienes un conjunto de datos que funciona muy bien con este método al decir, hazlo cuando hagas tipo de brillante en la parte superior, un poco más oscuro en la parte inferior y lo que voy a hacer va bien. Haga clic y envíenos todo el camino a la parte de atrás. Reanuda un atajo de teclado. Haces comando corchete derecho para sacarlo una capa más al frente y haces lo mismo por el morado. Y podría cortar un ver cómo esto realmente se ve muy bien. Um, creo que nuestro conjunto de datos podría tener un problema porque nuestro gráfico de líneas solo tenemos un punto en ese gráfico de una línea para esa generación. Entonces vamos y que tendrá que mandar eso demasiado lejos en la parte de atrás. Se podía ver cómo se ve eso limpio. Entonces el único tema es, ¿qué hacemos aquí? ¿ Hacemos una línea aquí para especie de representar al azul? No sabemos que haya salud que luce que probablemente podría quitarle el int Grady aquí . Podría incluso hacer ese blanco ahora, porque ahora tenemos mucho resplandor pasando. Incluso podemos añadir una sombra de gota a algunos de estos trazos hacia atrás, por lo que sólo añadir una gota destrozada tipo de le añade un poco de capas. Podríamos hacer lo mismo con facilidad. El sólido Grady en cajas. Podríamos aplicar la misma sombra de gota, y luego como que tiene ese look en capas. Pero para esta gráfica en particular, no creo que vaya a funcionar bastante bien. Pero solo te estoy enseñando algunas opciones que puedes hacer para especie de condimentar un poco tus gráficos de líneas y gráficos de líneas. Por lo que ahí lo tienes. Ojalá hayas disfrutado de esta clase. Tenemos que hacer todas estas emocionantes infografías. Ah, como lecciones extra esperemos sumar y sumar a la clase ya sea ahora o más tarde nunca tenemos oportunidad de empezar a poner todos estos pequeños gráficos juntos para hacer un más conciso tal vez tener un tema y hacer nuestro pequeño título en el medio, al igual que cuando estábamos bloqueando al principio. Um, yo sólo quería un poco terminarlo ahora para ser un buen mayordomo de tu tiempo y no seguir demasiado tiempo. Pero busca esas lecciones extra, tal vez ya están agregadas. Seguiré adelante y enviaré un correo electrónico cuando estén listos esos aires. Um, se podría ver cómo hago todo esto hasta que un tema y tratar de que todo funcione. 11. Proyecto del estudiante: ahora es el momento de un proyecto estudiantil. Asegúrate de descargar la guía de recursos en Resource es que podrías encontrar los de la sección del proyecto o de la clase de secciones de archivo. Contienen todas las estadísticas contigo para que puedas crear tu propio giro en estos hechos para hacerlos visualmente convincentes. Podrías hacer los en los que trabajamos a lo largo de la clase, o puedes encontrar tus propios hechos y figuras y crear a medida. Y a partir de eso, podría ser un gráfico de líneas. Un gráfico de barras gráfico de tarta de hombres, diagramas lo que sea que necesites para usar lo mejor, mostrar los datos y de una manera lógica pero creativa, y espero ver tus proyectos.