Transcripciones
1. Introducción: Hey ahi, llamo Nick Jenkins y hoy soy diseñador gráfico de Bristol en Inglaterra, vamos a estar viendo cómo crear una infografía divertida y atractiva durante el curso. El tutorial. Estábamos mirando hacia fuera para recolectar y priorizar la información. Para convertirlo en una pieza de diseño estructurada y digerible. Aprenderás a crear gráficos en hallazgos de Illustrator, una imagen en clip out en photoshop y luego ridin crítico en diseño con el fin de crear una infografía
perfectamente alineada en bien balanceada. También veríamos la importancia del encuadre de alambre en reunir inspiración para salir a un buen comienzo. En el camino estará aprendiendo sobre algunos de los principios rectores del diseño. Esto incluye equilibrio, tipografía, jerarquía, escala y contraste, todo lo cual es vital para cualquier pieza de diseño exitosa. También te estaría mostrando algunos consejos y trucos en el camino,
mientras que la oferta y la lógica y la razón no lo hago con creatividad para producir una
infografía exitosa . Este curso está dirigido a principiantes. Tal vez te sientas un poco desalentado al crear una infografía, o tal vez solo alguien quiere subir su juego de infografía. Siente proyecto de clase. Puedes tomar un ícono deportivo, hacer algunas investigaciones sobre sus estadísticas y registros, y luego vamos a crear una infografía divertida y atractiva celebrando su logro. Recuerda subir tu progreso a medida que avanzas, particularmente desde el marco de alambre de remolque de rejilla hasta la fase de diseño. Siempre es bueno estar aquí para reflexionar de nuevo sobre lo que has hecho como una forma de aprender para el futuro. De cualquier manera, recuerden,
chicos, chicos, deténganse. Suena aterrador.
2. ¡Inspírate!: De acuerdo, Entonces el primer paso para cualquier proyecto realmente, en mi opinión, es inspirarse. Tenemos aquí es un tablero de Pinterest que he hecho lleno de diferentes infografías deportivas. Es genial mirar a través y sólo ver cómo otras personas han hecho gráficos, cómo han usado el color, ¿qué tipo de fondos? Personas usando, cómo han puesto imágenes. Y solo empiezas a conseguir que fluyan esos jugos creativos. Entonces lo primero que tienen que hacer es hacer algo similar como esto. Haz tus propias impresoras Pinterest board o ponte en Google alerta de drogas de imaged en una carpeta en inspírate. Pongo el enlace a éste en el proyecto Notas sobre Do subir cualquier inspiración que encuentres a tu propio proyecto.
3. Envía tu héroe con la herramienta Pluma: Lo primero que vamos a querer hacer es encontraros una foto de vuestro héroe deportivo. No ir con LeBron James porque es bastante impresionante. Andi, sé que hay un montón de estadísticas sobre él en línea. Podrías ir con quien quieras. Basta con echar un vistazo a parpadeo en las imágenes de Google. Guarda tu carpeta Guerra estructural en tu escritorio en Get Opening Photoshopped. Entonces primero lo primero. Vamos a duplicar esta capa de fondo que haces pulsando comando y J o haga clic derecho en capa
duplicada. Vendré con nosotros y presionaré OK, así que necesitamos recortar. Voy a pensar desde ese fondo para hacer esto, vamos a usar la herramienta de bolígrafo. El mental se puede encontrar aquí en la barra de herramientas o presionando P. Si no sabes usar la pluma tal, no te preocupes demasiado. Te voy a dar una rápida introducción ahora, pero voy a enlazar a una más en profundidad para trabajar en el proyecto. Notas. Simpson es habitación aquí abajo. Penta funciona agregando puntos de anclaje a lo largo de tu figura de guerra de forma, y crea un camino entre estos puntos. Los puntos de anclaje del del entonces se pueden editar así Si mantengo pulsada Olt click y arrastre crea una línea
curva entre los puntos. Si suelto eso, entonces
puedo agregar sólo un punto manteniendo pulsado. Ah, jugando con esa nota, puedo sumar puntos a lo largo del camino haciendo click. Si mantengo presionado el comando, seleccionará ese punto como lo muevo. Si no sostengo a adulto, se
le acercará la herramienta quitar punto de anclaje en. Puedo hacer click en eso para eliminarlo. Ese es el uso básico de la pluma tal. Obviamente, cuando te das todo el camino para venir por el otro extremo, vuelves aquí abajo y solo conectas el final y tienes un sólido camino largo. Entonces ahora voy a dibujar alrededor de mi dedo. Está bien. Entonces, como puedes ver, di la vuelta a toda la figura en acabo de renombrar mi capa. Sólo uno en el que estoy trabajando. El siguiente paso que hay que hacer es hacer la selección fuera de este camino para que luego podamos crear una máscara de
capa para hacer una selección. Se puede hacer clic derecho e ir a hacer selección, lo que se le ocurrirá con esto. Sólo quédate con esto. Ni impresionar. ¿ De acuerdo? O un atajo usado para ir de comando. Entra una vez que obtuviste tu selección la cual se muestra por estas hormigas marchantes dando vueltas por la figura que tenía abajo para agregar una máscara de capa. Ella justo aquí abajo, haga clic en él. Y como puedes ver, se retira. LeBron, en este caso desde el fondo en su añadió este 'll una máscara aquí. Entonces lo que estás viendo aquí es esencialmente una representación fuera de un blanco pastie representa 100% capacidad sobre negro representa 0% pastie. Yo ayudo a agarrar un pincel. Cambiarlo a qué pasa? Sólo tienes que sumar el 50%. puede ver que es una especie de gracia. Budge sobre que está representando fueron, en este caso, 50% entre blanco y negro. Por lo que el 50% de capacidad aparece aquí es gris. Si lo haces otra vez, sube, hay otra luz, Una gran. Por lo que va viniendo cada vez más hacia
el blanco, mayor es la capacidad. Entonces sólo voy a deshacerme de eso. Y como pueden ver, tenemos que quitar estos bits medios. Entonces si solo hago eso rápidamente y luego hago clic aquí Ah, click aquí. Sí, Comando. Hay tiempo para escuchar humano ¿Puedo decir bastante lúcido esto tomaría más tiempo Normalmente, eso podría pensar en esto después de que termine. Está bien. Por lo que para retirar estos tramos que ya se encuentran dentro de nuestra tierra, pídale que vuelva a hacer la selección. Comando en. Entrar en. No puedes pegarle a esto porque si haces lo que pasa? Simplemente hace que esta máscara vectorial adicional no es que queremos hacer se. Nos vamos a asegurar que tengamos el set negro a nuestro primer plano. Vamos a dar turno en retroceso, llenarnos de negro. Esta selección que hemos realizado. Como ves, se deshizo del detalle ahí. Aquí va a hacer lo mismo. ¿ De acuerdo? Volviendo a lo mismo otra vez. Golpe comandado, entra turno de retroceso a ser él, Phil, asegúrate de poner a color de primer plano aquí, ¿de acuerdo? Y entonces tenemos nuestro corte de nuestro héroe. Los siguientes pasos. Te voy a mostrar cómo usar una herramienta de bordes refinados. Tan sólo una pulcritud arriba de ella.
4. La herramienta refina el borde: siguiente vamos a hacer es con el cojo que seleccioné Hit Oh, Command Y nuestro esto traerá la herramienta de borde de refinar. Ahora bien, puede que el
tuyo no se vea así con el fondo rosa todavía, pero podemos ponernos a eso en un minuto. Entonces, esencialmente, lo que esto hace es que nos permita retocar a Andi. Refinar tiene es por el nombre el filo de la gente que acaba de cortar. Entonces como puedes ver, hay un poco de blanco aquí todavía desde el fondo. Ves un poco de negros por aquí, Todas estas cosas se iban a deshacer. Entonces tu modo de vista, aquí
hay algunos modos de vista diferentes, pero por lo que vamos a usar, vamos a ir a, superponer, hacer clic que simplemente estás probablemente configurado en 50% por defecto. Está golpeando hasta 100. Entonces obtenemos un contraste realmente bueno entre, ya
sabes, piel, ropa y fondo. Y luego vamos a cambiar el color. Yo he puesto el mío demasiado rosa. Podrías ponernos lo que quieras, siempre y cuando sea, ya
sabes, con un contraste con la figura. Entonces no voy a repasar lo que hacen todas estas cosas diferentes Pero lo que suelo hacer a la mayoría cosas es que consigo mi ventaja y me cambié todo el camino hacia atrás y no le gusta que esté haciendo mucho todavía . Si después pluimos un 1.5% como puedes ver, solo
se deshizo de estos pequeños bordes. Entonces si llamo eso de vuelta al Norte, a
ver para volver, no
estamos hasta 1.5 solo se mueve todo en un poco en la casa de plumas para desdibujar el borde. Entonces no es un contraste tan duro con lo que sea que estemos poniendo la figura a continuación en
solo un pequeño detalle en el que vamos a trabajar incluso probablemente no se den cuenta de que este tamaño sólo va a sacar un poco su cabello. Por lo que obviamente, el pelo de la
gente es muy raramente línea perfectamente lisa. Obviamente, LeBron está bastante seguro, Pero sólo con las mejores prácticas, sólo
vamos a ir a esto. Entonces ven aquí. Te permite refinar el cepillo de borde para asegurarte de que está configurado en plus click cerca del borde. Bueno, eso sí es que resalta secciones contra el fondo, y corta esencialmente el blanco contra este negro oscuro aquí del fondo. Sólo voy a hacer lo mismo aquí. Es realmente, realmente gran herramienta para usar con cabello muy complicado. Ahí vamos. Tan solo toca eso un poco más. Vamos un poco demasiado. Son menos negativos. Yo sólo quiero volver a entrar y un poco ahí. En realidad no hace falta que se haga, pero sólo se puede ver que es un poco más de un borde natural en. Nos vamos, Teoh. Está bien. Y ahora nos han recortado. Averigua que estamos a salvo esto. Pasaré a la siguiente etapa, creando algunos gráficos.
5. ¿Qué se hacen en las cartas: antes de crear nuestros gráficos. Yo sólo quería que Teoh hiciera rápido P s A sobre lo que realmente son los gráficos. Andi, cuál es su propósito por lo que un niño es solo una representación visual de datos, como estoy seguro que lo sabrás. Pero lo que permite a la gente hacer es ver las relaciones entre esos datos casi instantáneamente. Entonces lo que tenemos aquí son los mismos datos que he visto aquí arriba representados de tres maneras diferentes . Entonces lo que tenemos son estos tres números 5013 19,000 742 y 7000 que se suman para hacer que 31,755 representados en este caso, la mejor opción para este dato. Mirar a estos tres es un gráfico circular. Estamos tratando de mostrar un desglose. Este número en esto nos da una más precisa para no más precisa. Pero mawr visualización instantáneamente reconocible fuera de esos datos sobre la relación entre conseguiste el círculo en su conjunto y obtuviste los segmentos dentro de él. Ahora este gráfico de barras apiladas hace lo mismo, pero creo que porque son probablemente no fue ampliamente utilizado, es que la conexión no se hizo y luego un gráfico de dos puntos. Realmente no se tiene una idea de que esto es un todo. Por lo que realmente no funciona de la misma manera. Entonces, sí, Mi punto es, es que ciertos tipos de datos se prestan a ser mostrados de ciertas maneras. Andi, lo
cubriremos en la siguiente lección.
6. Crear gráficos: Entonces, ¿qué tal aquí es un conjunto de datos que recogí en LeBron James. Usé el sitio n b. un punto com en los sitios de referencia dot com de basquetbol. Ahora podrás encontrar fácilmente algunos datos de quien sea tu héroe elegido. Claro, si solo le das un Google, echa un
vistazo a tu alrededor y ve qué puedes encontrar nihilista. Tómame como media hora para juntar todo esto, así que no esperes que lo hagamos todo muy rápido. Si toma algún tiempo en un poco de análisis. Entonces la forma en que lo hice fue pensar en lo principal que quería mostrar. Y definitivamente es esto, que es la cantidad de puntos que anotó de su carrera. Entonces esto probablemente va a ser todo pieza principal de información, y todo lo demás está realmente relacionado con eso aparte de estos, pero siento que son bastante buenos para mostrar de todos modos. Entonces sigamos adelante y creemos a nuestro primer hijo. Vamos a hacer es sólo copiar los tres bits de datos que tenía de nuevo en Illustrator donde he creado en un documento de cuatro. Pero eso realmente no importa demasiado cuando voy a bajar a nuestro alto injerto. Bueno, esto es sólo esto es sólo el gráfico. Todos regla. Pero si lo sostienes, ya ves, siempre
hay diferentes tipos de Charlie. Usa este. Vamos a ir con el gráfico de tartas. Yo sólo voy truell click y sosteniendo drogas. Eso entonces comandando V. Soy una copia en los datos que copiamos. Aplicar y lo tienen. Ponemos un gráfico circular. Ahora, Algo que solo debes saber es si pulsas este botón aquí, solo transpones fila y columna, luego pulsa Aplicar de nuevo. Cambiará esos datos en un gráfico de burbujas, que son geniales, pero creo que para esto sólo nos vamos a quedar con un gráfico circular. Entonces vamos a transponerlo de vuelta. Golpea, vuela. Ahí vamos. Entonces sólo voy a salir de eso. Si sí quieres volver a editar tus datos, puedes ir a tu panel de propiedades o puedes hacer clic derecho en ir a datos aquí, y luego simplemente vuelve a aparecer. De acuerdo, entonces lo siguiente que haremos es que solo voy a copiar los datos, así que sé qué es eso. Cuando regrese a mí ilustrar caer debajo para seguir volviendo a los números. Sólo voy a reventar esto aquí, ¿de acuerdo? Y ahora lo voy a hacer es darle a este su propio tablero de arte. Entonces si golpeas turno y esperas que vengas con tu arte para herramienta, ella acaba de estar aquí. Sólo voy a arrastrar esto. Simplemente se mantiene ahí fuera sólo para estar limpio y ordenado. Voy a dar a cada gráfico su propio nuestro tablero. Entonces sólo voy a dibujar otra pizarra aquí. No tuve que hacer esto. Puede tener más de uno. Page es sólo mi propio tipo de forma de trabajar. Entonces sigamos adelante y hagamos que los otros gráficos vuelvan a nuestros datos en. De acuerdo, Entonces, mirando esto, creo que la carrera promedia por partido. Creo que esto probablemente sólo será tipográfico. Realmente no veo la necesidad de convertirlo en un gráfico sobre un total de carrera otra vez. Creo que eso van a ser los puntos más altos tipográficos en un juego. Hagámoslos dedo del pie se convirtió en una tienda de columnas. Entonces sólo voy a resaltar estas celdas aquí, volver a ilustrador y luego bajar a una herramienta de gráfico. Subiremos al gráfico de columnas. Ella paseó por aquí. Igual que antes. Comandos en VI Hoy tenemos nuestros datos. No, está bien tripulado. O sea, haz lo mismo otra vez. Basta con copiar esto en con referencia. Muy gay. Y sigo dibujando otra pizarra por aquí. Consigamos el siguiente. Estos no van a ser gráficos. Hagamos esto en uno. Entonces esta es una interesante. Entonces esto es basado en el tiempo. Esto es de 2003 a 2004 todo el camino hasta 2018 a 2019. Entonces creo que la mejor manera de mostrar esto es ya sea un gráfico de líneas o un gráfico de barras. Adelante y veamos cómo se ven los dos. Recopiando los datos otra vez, dibujando los gráficos. Comando y V. Ahora tenemos un bar shop. Echémosle un vistazo. Parece que es un gráfico de líneas. Mira, cuenta más de una historia cuando es una columna. Hay un gráfico de barras, así que voy a drogarme así. Vuelve aquí abajo de nuevo en Vuelve a Colin Shop realmente, realmente consigue el sentido de las tendencias de los datos. Ver, el donde va abajo y arriba y abajo y arriba otra vez. Siento que esto se ve un poco mejor, así que voy a ir con eso por ahora. Ahora, obviamente, cuando tomemos estos en el diseño, estaremos iniciándolos. Entonces no te preocupes por el hecho de que ellos, ya
sabes, solo un poco oscuros y de negocios. Al igual que, en un minuto, estaremos cambiando eso. Entonces otra vez, va a copiar esto, picarlo ahí para que esta figura sea buena. De acuerdo, entonces al minuto que estemos corriendo alrededor de tres gráficos. Entonces me di cuenta de que éramos Sr Algunos datos olvidaron copiar justo aquí abajo, Así que me voy. Teoh, copia esto. Hacer otro gráfico con él. Entonces este es un caso de un poco como éste. No muestra datos en su conjunto contra algo, y no muestra nada. Basado en el tiempo. Es meramente una representación de esos números en contra de los demás. Entonces somos un poco más flexibles en cómo podemos intentar mostrar esos números. Y creo que estoy, como, acaba de intentar hacer un gráfico de burbujas para este. Entonces otra vez de copiarlos fuera de números. Hago por aquí, directo hacia abajo en un niño pequeño y muy gay. Entonces realmente muestra una vez que quiere ser etiquetado. El LeBron consiguió un montón de juegos que fueron 30 más puntos, y de repente cayeron a esos extra Tienden a conseguir 40 puntos más en el juego es
mucho más difícil en, luego 50 más y que una vez consiguió 60 más juego. Entonces de nuevo, sólo
voy a copiar esto en ilustradores estaban trabajando desde un lugar después. Ahí vamos. Entonces eso son todos nuestros gráficos creados. Sólo hay cuatro. Obviamente, si tuvieras una página más pesada de datos, entonces tendrías muchos más gráficos. Pero por el bien de esta lección, solo
nos vamos a apegar a esto cuando hagas tu proyecto, siéntete libre de hacernos muchos como quieras. Pero recuerda no saturar más la página con ellos porque se convertirá en demasiado para los lectores tomados
7. Crea nuestra cuadrícula y guías: De acuerdo, Así que como puedes ver aquí se han cambiado a en diseño, y vamos a empezar y encuadrar. Entonces para volver a nuestro tablero de Pinterest, una tendencia que puedo ver en muchos de estos es este tipo de página vertical horizontal realmente larga. Creo que voy a hacer algo así. Creo que realmente solo te da un poco de flexibilidad sobre bono. Simplemente me gusta la forma en que se ve. Creo que realmente ayuda. Apenas tenía una historia y obviamente ayuda haberte dado algo más de espacio, lo cual es genial. Entonces vamos a aquí. Entonces primero que voy a hacer es voy a nombrar archivo LeBron James info graphic sobre uno. Entonces cuando lo dije, Teoh un cuatro dentro con pero empujarlo hacia fuera para 20. Por lo que tiene una relación de 1 a 2 a uno. No obstante lo mires ahora, debo establecer esto para tener 12 columnas grilla acordada a super duper importante porque se puede alinear todo a ella. El número 12 es particularmente importante porque 12 es divisible por 234 sobre seis. Por lo que te da una gran flexibilidad para poder dividir la página en esos números, dijo. El columna llega a cuatro mil. Puedes experimentar con el con lo tienes, pero no vayas más alto que ordenar cinco mil. Um, y estoy diciendo Disculpas a 10. Por eso lo haces por algo como esto en un Andi de cuatro ancho, dale tres mil sangría por si acaso. Todos sí quisieron que se imprimiera. Andi, Eso es. Por ahora, vamos a crear. Entonces como puedes ver, ahora
tenemos una página con nuestra cuadrícula configurada. Puedes golpear W para apagar la grilla también se deshace de tu arte Aburrido por aquí. Sigamos adelante y solo dejemos algo de inspiración aquí. Entonces es un trabajo diferente. Ah, inspiración. Unos pedacitos aquí. A mí me gusta este tipo. A mí me gusta este, Andi, de éste. Sólo porque es bastante simple. Dejémoslos fácilmente. Entonces esto es lo que a menudo haré con cualquier trabajo. Yo sí, verdad, Si sus etapas iniciales, sólo
voy a caer en alguna de la pieza de trabajo que me parece inspiradora. Simplemente lo hago como referencia. Me gusta mucho la forma en que este tipo está frente a este gráfico. Podría verme haciendo eso ahora, Um, pero antes de que hagamos algo con esto, vamos a ver la cantidad de datos que tenemos. Entonces vamos a crear sistema modular muy básico para ir junto con grid on. Esto nos va a ayudar a organizar la información, crear jerarquía para que cuando vengamos a diseñarla, tengamos plan en su lugar. De acuerdo, solo
voy a seguir adelante y hacer algunas guías para esto. Por lo que nos dirigimos a editar. Entonces, ¿por qué no agregarlo? Ve a diseñar, ve a crear guías, y vamos a hacer lo mismo por lo que teníamos al otro lado, pero vamos a bajar. Entonces vamos a tener 12 Rose con un canalón de cuatro mil. misma canaleta que tenemos aquí. De acuerdo, ¿y qué? Esencialmente lo hemos hecho una serie de celdas, Como se puede ver para acercar aquí arriba. Asumiendo que se trata de una celda, ésta es otra. Basta con escuchar esto ayuda a una saliva de la página para que cuando lleguemos a marco de alambre, podamos asignar algún espacio para nuestros gráficos.
8. Encuadra tu diseño: De acuerdo, Entonces lo que vamos a hacer ahora es ¿por qué enmarcar nuestro diseño? El primer paso para hacer esto es dibujar en cajas en estas celdas. Esto es sólo para que pueda ver más fácil. Cuánto espacio asignar algo. Entonces solo voy a seguir adelante y hacer eso realmente rápido ahora, Así que dale em cuando te mantengas fuera. Ahora abre la tumba del rectángulo, así que solo deja de dibujar en estos espacios. Cajas grises en Besnik. Copiar estos ya. El motivo por el que estoy haciendo esto es como dije, me resulta más fácil ver esto. Entonces intenta navegar por las guías Sion pasando por las guías magenta bajando. Esta es sólo una forma de trabajar que me resulta más fácil. Lo que vamos a hacer es entrar en nuestro archivo ilustrador. Ahora voy a priorizar la información, y luego vamos a enmarcar. Déjame sólo ir a mis capas. Voy a bloquear esta capa. Entonces voy a hacer uno nuevo y llamar a este marco de alambre. Ella siempre trabajaría en capas y en diseño. Creo que algunas personas se olvidan de hacerlo, pero realmente hace las cosas más fáciles. De acuerdo, así que vámonos. Incluso ahora, Así que sé ahora mismo que esta es la pieza de información más importante porque que anteriormente todo lo demás aquí es una especie de descomposición de este dedo del pie. Todas estas cosas están contribuyendo factores a cuántos puntos anotó. Entonces sé que esta es la pieza de información más importante. Están mirando cómo lo han hecho estos tipos. Creo que voy a firmar cerca de un cuarto de página sólo de ese gráfico. Es menos dibujar esta caja aquí dentro, que sería alrededor de 12 B tres cajas abajo. No creo que eso sea lo suficientemente grande. Llamémoslo cuatro cajas. Eso es 1/3 de la página ahora, por lo que es aún más prioridad en. Simplemente voy a subir esto a 100 y luego voy a bajar la transparencia a
Hagámoslo 30. A lo mejor un poco menos. Hagámoslo 10. Entonces ahora podemos ver adónde va todo. De acuerdo, así que eso va a la siguiente pieza de información. En realidad, en primer lugar, uno de ellos para etiquetar estos, para que no olvide lo que tengo espacio. Yo he dado a lo que parece copiar esto de nuevo en. Podríamos hacerlo figurar. Cielos, odio ese frente. Eso es sólo hacer que funcione manda. Entonces sabemos que los puntos justo abajo van a estar aquí arriba. Entonces siguiente pieza de información, creo que esto va a ser posiblemente la segunda cosa más importante. Entonces lo que voy a hacer aquí es sólo copiar esto primero y luego voy a firmar esto. Escucha owt. Haga clic y arrastre hacia abajo. Mantenga turno. Manténgase en línea. Andi, voy a dar esto. Voy a dar todo esto con dos celdas abajo de tamaño. Por lo que esta copia, me gusta su texto. Y ella es el texto del conjunto de herramientas cuentagotas arriba para copiar ese estilo. No es lo que Puntos desglose. Total de puntos por temporada. Pasemos a los puntos más altos del juego. Copia esta cabeza de vuelta a aquí. No creo que esto sea vital un algunos de estos. Entonces creo que voy a dar esta misma profundidad, pero la mitad de la página. Ya sabes, Jonah, libros. Copiar esto en su Tenemos este en el gráfico final. 30 juegos de puntos más. A mí me gusta bastante que sea una pieza de información. Realmente celebra sus habilidades y logros. Um, ya
sabes, forjó 36 30 juegos más puntos. Es increíble. Entonces creo que voy a dar esta jerarquía similar al total de puntos fueron una temporada. Pero voy a cambiar las cosas. Simplemente voy a hacer este intento vertical y conseguir un poco más de un diseño interesante. Obviamente, todo va a cambiar. Puedo garantizar que nunca se quedó exactamente cómo y amigo lo. Pero esto sólo nos está dando una idea del espacio sobre lo que podemos lograr dentro de lo que tenemos aquí. En serio, copia esto sobre los libros de texto alemanes, ¿de acuerdo? Y y lo mismo otra vez para esto. De acuerdo, entonces empiezas a ver alguna semblanza de jerarquía aquí. Entonces ahora tenemos los cuatro gráficos en, pero esa no es toda nuestra información. Por lo que vuelvo a los números. Andi, voy a ver lo que tenemos aquí. Digamos que nos faltan 12 34 bits de información. Entonces creo que todos estos van a ser tipográficos. Podríamos incluso introducir pictogramas más adelante, que son sólo todos iconos para ilustrar las cosas. Por lo que N b A M v p. Copiar esto. Creo que esto es un poco de información. Entonces le voy a dar a esto tanto espacio. Si eso Acaba con esto, muéstrale. Por qué en un segundo. Entonces vamos a dar esto tanto n b a n v p y luego lo mismo para esto, que es para lo que sirven los otros espacios. Entonces es café. Sólo una palabra a tiempo. Si solo quieres usar un atajo de teclado en lugar de tiempo para ir a aquí. Presionar comando shift on usado la coma o la tecla backspin de full stop. No hacer arriba y abajo su tamaño de impuestos. De acuerdo, Y entonces tenemos totales de carrera. Creo que esto estaba sentado aquí así que asignación esta cantidad total de carrera espacial Está aquí en y finalmente, promedios de
carrera por juego. ¿ Utilizas de esta manera, galleta Que arriba triplete adentro Y ahí lo tenemos. Eso es un marco de alambre súper básico enfatizando una estructura jerárquica. Esta es nuestra principal pieza de información, y como pueden ver, un signo menos espacio de las cosas. No creo que fuera importante contar. El cuento que vamos a hacer a continuación es meter nuestros gráficos y empezar a hacer el fondo, que es diseñar. Pero lo primero que vamos a hacer es darle estilo a nuestros gráficos en Illustrator
9. Diseño de diseño: colores y colores y diseño inicial: Entonces lo que me gusta hacer con dormido en colores es una técnica sobre los perps a este tutorial donde solo estamos tratando de mostrar una manera básica Crear infografía y pensar en la
información y el diseño de una manera sencilla es resaltar, o dejo caer colores a partir de una imagen. Entonces si tomo el amarillo así que tal vez este oscuro un poco de su jersey bastante así. Andi, Si voy al panel de muestras, primer lugar,
voy a hacer esto. Acabo de conseguir un seleccionable y acostumbrado a ponerle todos estos a Luke. Entonces arrastra esto hacia abajo para hacer una nueva muestra, y luego voy a hacer lo mismo con este color burdeos. Al igual que el tono más claro. A lo mejor alguien por ahí. Creo que mi trabajo bastante bien, hagamos la misma droga que abajo. Van a sacar su gris de su,
uh, uh, lo que sea que sea. Es y tipo de sudor atado, tal vez. O bien, van a poner tres colores. Creo que las paletas de colores restringidas. Un buen ayuda a enfocar la atención. Si tienes demasiados colores pasando, será confuso y la gente realmente no sabrá dónde buscar. OK, echemos un vistazo a nuestros gráficos. En realidad no me gustan los gráficos de tartas a menudo con este aspecto. Por lo que me convertí en una tienda de donuts. Cuando lo haces, esto es que me gusta el niño. Ven aquí a nuestra herramienta en forma, consigue tus labios también. En. Me falta un círculo de empate sosteniendo turno en adulto y sacar. Y eso dibujará con el y el punto del círculo estando en el centro. Ahora, esto obviamente vive de color. Por lo que para cambiar entre tu primer plano y fondo pulsa el botón X. Entonces sólo voy a sacar el relleno para el fondo. Y eso lo hice golpeando a Ford Slash, y lo van a llenar de blanco. Y ahí tenemos un gráfico de rosquillas, así que va a ser mi herramienta. Diarrea también. Ahí vamos. Por lo que también voy a quitar el trazo del exterior. no me gusta realmente. Entonces esa es mirada en mucho rebanador. Mucho más limpio en. Voy a cambiar el color de la piel aquí también. Así que golpea un Ahora intenta seleccionar segmentos individuales. Cambia este dedo el oro amarillento. Encendió esto al Borgoña. Voy a cambiar esto a este gris oscuro. De acuerdo, así que esa es la gema Oh, estilismo me gusta limpio me gusta, simple. No quiero golpes en nada en curso. Aplicar las mismas escuelas de impresión al resto de este diseño. Entonces vamos a cambiar estos aquí otra vez hacer colores alternos. Entonces estos sean burdeos, para que puedan ver adónde voy con esto Sobre lo mismo para esto. Si un consejo rápido es si escoges un color que dijera que hicimos este amarillo en Entiende? Apague el trazo. Ahora si se me cayó esto, entonces te pegué. Conviértalo en un relleno para el resto de ellos para que podamos simplemente dar click sobre ellos y rellenos
de hacer lo mismo aquí. Oye, apaga el trazo. Seleccionado con el cuentagotas. Andi, rellena cada otra. Ahora esto es ligeramente diferente porque estamos tratando de representar para diferentes números. Sé que estuvimos aquí, pero no creo que no lo haga. No creo que sea necesario. Y la razón de eso es porque esto se está mostrando, mostrando un tema diferente en el mismo valor. Entonces esta es la cantidad de puntos. Esta es una tendencia de esos puntos a lo largo de los juegos. ¿ Dónde está esto? Está mostrando una cantidad de puntos, pero lo está dividiendo en 30 más 40 más 50 más. Entonces creo que mejor que cada uno de estos tenga su propio color, lo que significa que necesitamos un color extra. Por lo que usan este amarillo diss Big D esta gris encendido y se tiende esto. Volvamos a nuestra imagen cf asistiendo aquí. Probablemente nos vendría bien el marrón del balón. A ver cómo funciona eso. Apenas vas a ver este número de todos modos, así que creo que no es tan importante. El resalte estos y apaga el trazo también. De acuerdo, entonces ahí tenemos el estilo básico de nuestros gráficos. Ahora bien, ¿qué va a pasar cuando entremos en diseño? Es cuando el policía de los hombres se iba a deshacer de Paul Estas cosas en, vamos a volver a etiquetar todo en el También vamos a tener un cambio de estilo. Por lo que volvemos a un documento de diseño y miramos nuestra inspiración. Me gustan mucho cosas como esta donde se ha convertido. Se trata de un gráfico de columnas básico o gráfico de columnas y lo convirtió en algo un poco más interesante. A mí me gustaría hacer algo
así, así que voy a recuperar Teoh ilustrador. Voy a copiar en mi gráfico aquí, que son los puntos más altos en un juego. Yo sabía esto, Iván. Te diré que lo que no he hecho es que no he creado una nueva capa, así que voy a hacer unas nuevas gráficas de vida. Y luego con esa capa seleccionada, voy a copiar en mi hijo. Entonces vamos a tirar de esto hacia abajo. 30 juegos de puntos más caerán en su justo aquí. Lo que creo podría ser genial para esto si lo volvemos de lado, lo
ponemos en ángulo, cambiaremos el espaciado y todo en un minuto. Sólo vamos a meter todo. No te preocupes demasiado. Voy a sacar esto del camino. Seguro. Uno aquí. Total de puntos por temporada. Pongámoslo ahí dentro. Muy bien. De acuerdo, Andi, final en sólo el desglose de puntos. Sólo copia eso. Pon esto aquí. ¿ De acuerdo? Ahora, lo
siguiente que voy a hacer es cambiar esto de la forma en que voy a meter estos, mete las cifras para estos. No tienes gráficos y las peinas, Andi. Después pasaremos después de eso para mirar con más detalle el diseño. Entonces vamos a llegar a nuestro documento de números. Caída en puntos, rebotes, asistencias. Es solo copiar todo esto sobre solo totales de carrera. Oh, no, esto es Corea. Promedios entre una copia. Este fin. Gire todos estos para ser tres. Puedes elegir los fondos que te gusten, pero me gusta la mirada condensada, creo que realmente duele. ¿ Se salieron los números pop? A lo mejor la ley más grande. Vámonos. Algo así. Y desplazar esto por ahí. Iba a dar. Ha sido espacio. Que éste sea para. Una cosa a saber es si sí tienes, ya
sabes, una caja de límites grande dentro de texto pequeño. Y solo quieres necesitar suficiente tu puesto de trabajo,
viejo mando y ver, y va a envolver la caja a lo que sea que esté dentro de ella. De acuerdo, Así que los totales de carrera que tenemos aquí. 8607 8000. Motor 67 Drop in. ¿ Dogar esto a cabo? Sólo voy a hacer que esto tome este pequeño. Copia esto sobre un palo. Esto en medio. Okey dokey. En finales aquí N b a m v p. Copiar esta tienda diesel en. Entonces si le pegas al viejo mando y yo lo ves, tenemos todos tus espacios y solo podrías averiguarlo a partir de ahí. por lo que fuera espacios en el en los propios cuadros de texto reales. Por lo que MBA Champion es lo mismo. Entonces solo voy a drogar esto. Aguanta Oh, copia para saborear. De acuerdo, entonces podrías estar pensando ¿Qué está pasando? No te preocupes. Esta es sólo la etapa inicial. Se trata más de un marco de alambre detallado. Tenemos un estilo muy básico hecho. Entonces si tengo capas mi grilla de apagado y apago el marco de la esposa, verás, realidad
funcionó en su vida, copiado en la capa equivocada. Estas cosas. Por lo que probablemente te sentaste ahí gritando en mayo un par de ellos y consigue el marco blanco. Se ve una estructura muy básica para nuestro diseño. Ten un gráfico principal aquí arriba. Podría moverse. Se puede ver aquí la jerarquía cómo esto está teniendo más precedencia. Esto será un cambio de estilo de esta forma de calidad. Esto mirando porque si CR baja aquí ahora, todo
esto va a cambiar porque no queremos te puedo decir ahora que estoy pensando en ello, no
queremos sólo todas las cosas tipográficas estadísticas aquí abajo. Vamos a cambiarlo en d. C. Cómo nos movemos cuando pasemos a la siguiente fase
10. Diseño en diseño: retos de la Wireframe de la composición: De acuerdo, entonces. Bienvenido de nuevo. Por lo que sólo siguiendo. Por lo que dije, voy a hacer algunos cambios a este marco ancho. Creo que tenemos todas nuestras cosas pesadas de texto aquí abajo, y creo que hay que cumplir para cambiar un poco las cosas. Entonces una cosa que no he considerado, vamos a tener que poner su nombre aquí, pero estos tipos sí. Entonces voy a mover este turno en G todo este asunto hacia abajo. Y ella me dio esta cosa hasta aquí. Parte de la razón para hacer esto. Creo que puede parecer un poco básico. Simplemente pensamos Oh, pedazo de información
casi importante tiene dedo del pie ver en la parte superior. Pero no lo hace. No es cierto. Jerarquía no se refiere de arriba a abajo en términos de apariencia física a la que se refiere en términos de escala. Entonces sigamos esto aquí arriba. Lo siguiente que haces es mover el's en tus películas. El top en realidad. Por lo que comandar G grupo todos los de. Entonces llévate todo lo demás. Ups. Basta con copiarlo. Una fila en movimiento esta la parte superior. Empiezas a lucir más interesante para apagar nuestro marco de alambre. ¿ Apenas hambriento de estos realmente apagan el marco de nuestra esposa en la grilla? Puedes empezar a ver que empiezas a verlo funcionando.
11. Diseño de imagen de héroe y diseño de la carta: De acuerdo, así que bienvenido de nuevo. Como apenas te darás cuenta, hice algunos retoques más en el marco del alambre, solo el posicionamiento de las cosas. Simplemente sentí que era mejor ojos sorpresa o D Priorizar alguna información. Por ejemplo, me mudé el campeón de MBA M. V P. V P.
Andre hasta aquí porque me di cuenta de que vamos a necesitar tener su nombre ahí en alguna parte. Entonces eso también está ahí ahora, acabo de enviar algunos de estos pedacitos por ahí. Entonces lo primero que vamos a hacer ahora es hacer un héroe en medio. Ahora, mirando estos viven de la forma en que tienen las figuras paradas frente al char o en este caso, han multiplicado texto en la parte superior. Entonces hago algo probablemente amalgamación de ambas cosas. Entonces voy a golpear comando en D en un lugar en nuestra figura de LeBron aquí. Ahora, obviamente no se va a las piernas, lo cual nunca,
nunca es genial. Andi lo va a hacer un poco más inteligente. Lo vamos a hacer es, um, trampa un poco porque ya he hecho esto antes. Obviamente, Andi, lo
voy a colocar dentro de nuestro gráfico, pero teniendo rompiendo la parte superior de la misma. Por lo que esencialmente se sentará dentro de este círculo blanco. Entonces voy a seguir adelante y unagruparé nuestro gráfico. Entonces dueño golpeó comando en X, y eso lo corta. Pero ahora está en el portapapeles en un punto culminante. Este círculo olt comando V y que es pegar en su lugar o pegar en Lo sentimos más que lo hace pegar en cualquier objeto que había resaltado anteriormente, que en este caso, era el Círculo Blanco. Entonces ahora necesito su mitad superior para estar metiendo la parte superior aquí. Es el vestido. Y hacer eso es golpear A a estar en la herramienta de selección directa se seleccionó comando y ver V de nuevo. Basta con hacer click off and hit shift old command y V en este lugar está en frontal en el mismo lugar se arrastró hacia arriba. Y como pueden ver, ahora lo
tenemos explotando fuera del donante, no cinco para mover esta capa superior. Verás, en realidad
es sólo sonido top aquí. Entonces ahora voy a etiquetar este gráfico de rosquillas en el medio. Envergadura esto que podría ser él abajo pequeño. Eso es de qué tamaño. Entonces voy a volver a ilustrador una copia estos sobre tan tres punteros. Es este primer número hit t mensaje aquí y la sensación va, es Zoom de nuevo adentro. No deberías copiar esto Por aquí. Copia. Eso dicho en es galleta libre de ther. Eso ahí. Entonces solo para hacer las cosas más fáciles, voy a copiar eso. Aplícalo a aquí. Bueno, eso no funciona. Ah, y no voy a volver a copiar este en. Muy bien. Perdón. De acuerdo, ahí tenemos nuestras etiquetas, así que voy a hacerlas un poco más pequeñas. Guarda este, luego Linus, arriba con ese turno esto hacia arriba. Nueve. Las tapas de éstas juntas. Ella era agradable y ordenada. puede aguantar ahí fuera? Yo sólo voy a perderme en el ir abajo a las rejillas y guías, pero ¿qué pequeños dioses en? OK, eso está bien. Entonces en un empate una línea hacia aquí, voy a hacer otra línea hacia aquí en adelante. Voy a acariciarlo con este gris. Por lo que ahí tenemos nuestro estilo de etiqueta. Simplemente muévete por ahí, e haz lo mismo por los otros dos. Sólo voy a reflejar esto. Voltearlo horizontalmente. Lo mismo otra vez aquí en esto. Arriba con ese filo. Copia esto hacia abajo. Desviado verticalmente sobre porque este es un número bastante grande. Simplemente voy a una para seleccionar el punto aquí y simplemente mover esto. De acuerdo, Hoy tenemos etiquetada nuestra carta de héroes, y ahora voy a robar este estilo. Voy a hacer un gran número para cruzar el frente. Entonces otra vez, afrontando hasta aquí Así van en número, nos
bajan. Ir a esta capa Eso es mi confundirme los puños de bloqueo fue recordar Y entonces tenemos un gran número en el medio. Ahora solo lo hacemos para que fuera más grande en descentralizarlo Sube aquí to you'll on
paragraph on hits Century Alineado lo podemos hacer es usar viejas flechas direccionales andare Puedes jugar con el rastreo, que es esencialmente cual es lo que esto está aquí y lo que es espacia los números de manera uniforme. Es diferente giro,
girando sus espacios individuales entre las letras. Si yo fuera a no la bajada a cero ese es espacio relativo el uno al otro. Este es el espacio general. Es un poco raro tratar de explicar, pero puedes experimentar tanto con él como ver cómo te llevas. Por lo que pones esta óptica porque por igual espacia las letras aparte. Um, para que pudiéramos hacer algo realmente audaz. Golpeó por roble para arrastrar a cabo estos libros. Tienes un gran número viniendo a través de supervisee. Necesito bajar esto. Creo que está bastante bien encendido. A lo mejor hagamos la espera más grande para decir ser para Oh, ya veo. Es un poco más pequeño. Vayamos a nuestra línea aquí. Cambiar la alineación a la página. ¿ Qué había en el medio? Correcto, Bang en el medio. Yo voy a hacer lo mismo. Ver gráfico tan casualmente que Ok, Genial. Entonces solo pensando en esto, lo que voy a hacer es en lugar de bueno, sólo
voy a probar esto y ver cómo se ve con el tipo rojo de la parte superior puede ser el gris . Creo que está un poco perdido personalmente. Conduce el marrón. De ninguna manera. Entonces lo que hacemos es intentar que algo le pegue a Olt. Doble click en esta imagen en lo que voy a hacer es en un intento, y la ciudad se ve en blanco y negro. Entonces es koto, uh, en aquí abajo, conseguir un blanco y negro, hacer algunos retoques porque siento que es bastante oscuro y de bajo contraste. Entonces vamos a golpear el contraste hacia arriba, luego golpear el brillo hacia arriba un oleaje para obtener más que estallar imagen. Entonces también podemos ir a niveles. No, esto abajo un poco más blanco en el más brillante. Pero luego negros más negros en un hit guardar que colocaría a archivar en nuestro documento. Entonces solo voy a retocar esto un poco más. Trae estos extremos para que no se superponga en el gráfico. Como puedes ver ahora, se sentaron en medio. Entonces voy a dirigirme a nuestra herramienta de baja transparencia aquí arriba. Cambió el modo de mezcla para multiplicarse. Cambia esto, Teoh Black grey, quizá el amarillo. El problema es esto Piérdete un poco en medio. Entonces lo que podría hacer En ese caso, es un pequeño tramposo. ¿ Te gustaría hacer? A veces voy a golpear, dibujar un círculo, algo así. Entonces lo voy a llenar de blanco. Entonces voy a subir a la pluma radiante y encenderla a la radio. Entonces lo que tenemos aquí es un relleno de blanco saliendo a la nada. Y eso es lo que representa el gradiente, ¿no? Teoh Blackwell, en este caso, transparencia. Entonces voy a tomar esto, ponerlo detrás del número siete, hacer un poco más grande y he aquí la capacidad de la misma. realmente no lo puedes notar, pero creo que ha hecho una diferencia en la habilidad de repisa. Off. Deshazte de él. Ponlo de nuevo. Diferencia. Elegibilidad. Déjame probar esto de nuevo dentro. ¿ Hacer qué? No me gustan tanto de estos colores cuando volvemos esto demasiado amarillo. Cambia esto de nuevo a eso. Creo que nos esperan. Voy a ir con eso por ahora. Vuelvo a trabajar después. De acuerdo, Entonces lo siguiente que va a hacer es que voy a empezar a introducir algunos separadores esta página. Eso no lo habré hecho. Adelante y etiquetar nuestros gráficos.
12. Diseño en fusión: tipografía y estilo general: De acuerdo, así que bienvenido de nuevo. Como apenas te darás cuenta, hice algunos retoques más en el marco del alambre, solo el posicionamiento de las cosas. Simplemente sentí que era mejor ojos sorpresa o D Priorizar alguna información. Por ejemplo, me mudé el campeón de MBA M. V P. V P.
Andre hasta aquí porque me di cuenta de que vamos a necesitar tener su nombre ahí en alguna parte. Entonces eso también está ahí ahora, acabo de enviar algunos de estos pedacitos por ahí. Entonces lo primero que vamos a hacer ahora es hacer un héroe en medio. Ahora, mirando estos viven de la forma en que tienen las figuras paradas frente al char o en este caso, han multiplicado texto en la parte superior. Entonces hago algo probablemente amalgamación de ambas cosas. Entonces voy a golpear comando en D en un lugar en nuestra figura de LeBron aquí. Ahora, obviamente no se va a las piernas, lo cual nunca,
nunca es genial. Andi lo va a hacer un poco más inteligente. Lo vamos a hacer es, um, trampa un poco porque ya he hecho esto antes. Obviamente, Andi, lo
voy a colocar dentro de nuestro gráfico, pero teniendo rompiendo la parte superior de la misma. Por lo que esencialmente se sentará dentro de este círculo blanco. Entonces voy a seguir adelante y unagruparé nuestro gráfico. Entonces dueño golpeó comando en X, y eso lo corta. Pero ahora está en el portapapeles en un punto culminante. Este círculo olt comando V y que es pegar en su lugar o pegar en Lo sentimos más que lo hace pegar en cualquier objeto que había resaltado anteriormente, que en este caso, era el Círculo Blanco. Entonces ahora necesito su mitad superior para estar metiendo la parte superior aquí. Es el vestido. Y hacer eso es golpear A a estar en la herramienta de selección directa se seleccionó comando y ver V de nuevo. Basta con hacer click off and hit shift old command y V en este lugar está en frontal en el mismo lugar se arrastró hacia arriba. Y como pueden ver, ahora lo
tenemos explotando fuera del donante, no cinco para mover esta capa superior. Verás, en realidad
es sólo sonido top aquí. Entonces ahora voy a etiquetar este gráfico de rosquillas en el medio. Envergadura esto que podría ser él abajo pequeño. Eso es de qué tamaño. Entonces voy a volver a ilustrador una copia estos sobre tan tres punteros. Es este primer número hit t mensaje aquí y la sensación va, es Zoom de nuevo adentro. No deberías copiar esto Por aquí. Copia. Eso dicho en es galleta libre de ther. Eso ahí. Entonces solo para hacer las cosas más fáciles, voy a copiar eso. Aplícalo a aquí. Bueno, eso no funciona. Ah, y no voy a volver a copiar este en. Muy bien. Perdón. De acuerdo, ahí tenemos nuestras etiquetas, así que voy a hacerlas un poco más pequeñas. Guarda este, luego Linus, arriba con ese turno esto hacia arriba. Nueve. Las tapas de éstas juntas. Ella era agradable y ordenada. puede aguantar ahí fuera? Yo sólo voy a perderme en el ir abajo a las rejillas y guías, pero ¿qué pequeños dioses en? OK, eso está bien. Entonces en un empate una línea hacia aquí, voy a hacer otra línea hacia aquí en adelante. Voy a acariciarlo con este gris. Por lo que ahí tenemos nuestro estilo de etiqueta. Simplemente muévete por ahí, e haz lo mismo por los otros dos. Yo sólo voy a reflejar esto. Voltearlo horizontalmente. Lo mismo otra vez aquí en esto. Arriba con ese filo. Copia esto hacia abajo. Desviado verticalmente sobre porque este es un número bastante grande. Simplemente voy a una para seleccionar el punto aquí y simplemente mover esto. De acuerdo, Hoy tenemos etiquetada nuestra carta de héroes, y ahora voy a robar este estilo. Voy a hacer un gran número para cruzar el frente. Entonces otra vez, afrontando hasta aquí Así van en número, nos
bajan. Ir a esta capa Eso es lo que me confunde los puños de bloqueo fue recordar Y entonces tenemos un gran número en el medio. Ahora solo lo hacemos para que fuera más grande en descentralizarlo Sube aquí to you'll on
paragraph on hits Century Alineado lo podemos hacer es usar viejas flechas direccionales andare Puedes jugar con el rastreo, que es esencialmente cual es lo que esto está aquí y lo que es espacia los números de manera uniforme. Es diferente giro,
girando sus espacios individuales entre las letras. Si yo fuera a no la bajada a cero ese es espacio relativo el uno al otro. Este es el espacio general. Es un poco raro tratar de explicar, pero puedes experimentar tanto con él como ver cómo te llevas. Por lo que pones esta óptica porque por igual espacia las letras aparte. Um, para que pudiéramos hacer algo realmente audaz. Golpeó por roble para arrastrar estos libros. Tienes un gran número viniendo a través de supervisee. Necesito mover esto hacia abajo. Creo que está bastante bien encendido. A lo mejor hagamos la espera más grande para decir ser para Oh, ya veo. Es un poco más pequeño. Vayamos a nuestra línea aquí. Cambiar la alineación a la página. ¿ Qué había en el medio? Correcto, Bang en el medio. Yo voy a hacer lo mismo. Ver gráfico tan casualmente que Ok, Genial. Entonces solo pensando en esto, lo que voy a hacer es en lugar de bueno, sólo
voy a probar esto y ver cómo se ve con el tipo rojo de la parte superior puede ser el gris . Creo que está un poco perdido personalmente. Conduce el marrón. De ninguna manera. Entonces lo que hacemos es intentar que algo le pegue a Olt. Doble click en esta imagen en lo que voy a hacer es en un intento, y la ciudad se ve en blanco y negro. Entonces es koto, uh, en aquí abajo, conseguir un blanco y negro, hacer algunos retoques porque siento que es bastante oscuro y de bajo contraste. Entonces vamos a golpear el contraste hacia arriba, luego golpear el brillo hacia arriba un oleaje para obtener más que estallar imagen. Entonces también podemos ir a niveles. No, esto abajo un poco más blanco en el más brillante. Pero luego negros más negros en un hit guardar que colocaría a archivar en nuestro documento. Entonces solo voy a retocar esto un poco más. Trae estos extremos para que no se superponga en el gráfico. Como puedes ver ahora, se sentaron en medio. Entonces voy a dirigirme a nuestra herramienta de baja transparencia aquí arriba. Cambió el modo de mezcla para multiplicarse. Cambia esto, Teoh Black grey, quizá el amarillo. El problema es esto Piérdete un poco en medio. Entonces lo que podría hacer En ese caso, es un pequeño tramposo. ¿ Te gustaría hacer? A veces voy a golpear, dibujar un círculo, algo así. Entonces lo voy a llenar de blanco. Entonces voy a subir a la pluma radiante y encenderla a la radio. Entonces lo que tenemos aquí es un relleno de blanco saliendo a la nada. Y eso es lo que representa el gradiente, ¿no? Teoh Blackwell, en este caso, transparencia. Entonces voy a tomar esto, ponerlo detrás del número siete, hacer un poco más grande y he aquí la capacidad de la misma. realmente no lo puedes notar, pero creo que ha hecho una diferencia en la habilidad de repisa. Off. Deshazte de él. Ponlo de nuevo en la diferencia. Elegibilidad. Déjame probar esto de nuevo dentro. ¿ Hacer qué? No me gustan tanto de estos colores cuando volvemos esto demasiado amarillo. Cambia esto de nuevo a eso. Creo que nos esperan. Voy a ir con eso por ahora. Voy a volver a ello más tarde. De acuerdo, Entonces lo siguiente que va a hacer es que voy a empezar a introducir algunos separadores esta página. Eso no lo habré hecho. Adelante y etiquetar nuestros gráficos. Por lo que los separadores checan cómo los han hecho estos tipos. De acuerdo, entonces debe ser más el estilo de cuadrículas. No quiero ser Esto es bastante esto está cuadriculado, pero no de la forma que quiero decir. Entonces, literalmente voy a tomar la herramienta de línea si golpeas. Ah, Ford slash. Perdón. Momento de contralga. Entonces en una línea de cajón para mis segmentos, hay una buena aquí en Hace que estos individualmente joyero Este por aquí en el mismo para esto. ¿ Ves qué? Hago esto en un segundo. Va a estar formando el título de nuestras listas. Pon esto aquí abajo. Copiar otro ¿Abajo a aquí? Seguro. ¿ Ves adónde voy con esto puesto? Copia esto a través de la misma aquí. De acuerdo, Entonces así es como voy a darle estilo a los títulos. Creo que Andi otra vez han vuelto esto antes, así que es un estilo de clasificación que he usado anteriormente. Entonces vamos a hacer es dibujar un rectángulo? No, lo que voy a hacer, vamos a hacer es así que estos están destinados a estar aquí arriba. Son mis capas. Desbloquea esto. Lo que voy a hacer ahora es un turno. Copia todos estos cambios de nuevo hacia arriba. Es un Charles Andi. Entonces copia esto. Copiar es deshacerse de ellos moviéndose hasta aquí. Entonces abre nuestro panel de personajes. Ella es mando y t cambia a óptica. Tú bajas esto, Teoh. No, voy a reventarlo y luego voy a hacer todo turno. Comando K es un atajos. Convierte todo en capitales. Ahora, lo que voy a hacer es llevar esto, bajar a alrededor de 10 puntos. Hagámoslo 12 punto. Entonces su pequeña técnica, cual solía conseguir cosas básicamente poner tipo en el centro de una caja Si golpeas comando y estás cuando tienes tu cuadro de texto cubierto, será un cuadro de texto opciones. Y a partir de ahí voy a golpear centro. Entonces voy a golpear a este pequeño ancla en el medio. Se va a bloquear el espaciamiento de los insectos de los, por lo que seguirán siendo los mismos. Hago estos dos mil. De acuerdo, entonces vamos a copiar mi texto, esencialmente alinearlo. Ah, manda y ve a Teoh envolver que el cuadro de texto alrededor del tipo del que hablamos antes. Ahora soy dueño de un go to stroke. Bombeado hasta uno. Ponlo en el exterior. Ahí, tenemos una pizza gravada alineada dentro de una caja. De acuerdo, así que vamos a hacer es dejar esto. Entonces esencialmente líneas. Aquí es donde entra particularmente la grilla. Bueno, alinea esto con el interior. Ahí. Copia esto por ahí. Creo que es demasiado grande. Entonces te llevas el en sí también. Molino de huesos hecho es de 10. Oakland y ver que tienes una caja más pequeña. Otra vez lo mismo. Eso es sólo mentir. Estos son a los conmovedores libros de Ángeles. De acuerdo, así que voy a seguir adelante y hacer esto por todos los demás en. Después pasaremos a la siguiente etapa. ¿ De acuerdo? Como pueden ver, he entrado en etiquetadas todas mis secciones. Um, se empieza a tomar forma de muchas maneras. Si me deshago de la rejilla en marco de alambre, se
puede ver el básico más corto y el estilo se puede ver cómo volver a encender esto. ¿ Ves cómo es similar a este Andi Simmons de esto también, Andi, creo que lo que vamos a hacer ahora, después de haberlo pensado y solo mirarlo, siento que aquí no hay suficiente contraste de escala. Entonces creo que esto necesita ser más grande. Creo que necesita ser más grande en el camino para hacer esto es en lugar de hacer
más todo lo demás , voy a deshacerme de esto. Deténganse. Yo lo estaba mirando, y yo simplemente No hace nada. De verdad creo que es tan importante. Obviamente, si sabes lo que el basquetbol es importante. Pero creo que en cuanto a contar la historia de sus puntos anotó justo lo que estoy tratando de hacer aquí, simplemente no creo que sea relevante. Entonces vamos a deshacernos de él. la espalda a mi esposa amiga en la grilla. Andi, voy a desbloquearlos y voy a darle la vuelta a este Poner alrededor de dos Norte, en realidad, y ponerlo aquí abajo. Entonces es como hacer con Tetris. ¿ En serio? Simplemente haciendo un poco de rompecabezas en conseguir que todo quepa. Cómo crees que va a funcionar. Entonces hagamos esto es más esto solo una ruptura. Tenemos todo en el tipo de cosa de una columna. Aquí vamos a romper esto. Haz de esto un tres. Ups. Perdón por escuchar esto abajo, entonces. Está bien. Está bien. Entonces ahora nos estamos pareciendo más. Mueve esto hacia aquí. Usando de nuevo la grilla. Se puede ver que brota dedo del pie en el centro de esta, um, canaleta de
columna. Entonces sé que está justo en medio aquí. Por eso me encanta trabajar en diseño para cosas como esta porque realmente puede alinear las cosas correctamente una vez que tienes todo estilo y lo que no va a tener solo una parte, estas lecciones para reflexionar sobre lo que hemos hecho, reflexionar sobre el diseño y realizar cualquier cambio final. Entonces Jean Mackin y hacer esto mucho más grande. Se va a copiar esto que esta línea baje. Adivina también. Este bigot que siento va a estar al final de meterse con la lluvia esposa. Entonces tal vez sea mucho más grande. Ah, sí, eso es mucho más parecido. A ver, ahora eso domina la página, y eso es lo que queremos. Queremos algo que tenga escala, y queremos introducir un verdadero sentido de jerarquía a la paz. Entonces bajemos a los juegos de alta puntuación. Esto necesita ser tweets, ¿
no? Y mucho esto sobre esto por lo que está alineado se puede ver son 12345678 Así que si voy por en su caída afuera, sé que necesita alinearse al centro de la misma. Ella sí. Tienes guías inteligentes en el on. Mueve esto de nuevo. Mueve esto. Por lo que empezar un niño así, no
creo que necesitemos los ejes. Creo que porque solo hay cinco columnas, podemos simplemente colocar el valor en la parte superior. Eso es lo que estoy haciendo. comando Shift y G ungh lo cosecha. Elimine todos estos. ¿ Por qué debes hacerlo otra vez? Está encerrado mi esposa marco ahí capaz esto en todos los días vendrán. Entonces quiero algo como esto. Creo que esto es bastante guay. Entonces lo vamos a hacer. Es que no me puedo mover, va a transformar todo. Y esto no es a escala. Entonces básicamente estamos haciendo todo ancho, no más alto. Eso está bien, porque lo tenemos todo seleccionado. Siempre y cuando los movimos a todos exactamente la misma cantidad mientras
están seleccionados, se quedarán dentro. La relación entre ellos seguirá siendo la misma. Por lo que todavía hay el mismo tamaño relativo entre sí que antes. Ahora, lo que voy a hacer de nuevo es que sólo voy a mover esto. Están arrancando dedo del pie, se superponen entre sí. No, no. Lo que voy a hacer ahora es convertir estos en triángulos. Mejor con do que es tomar esquina aquí una y seleccionar uno de estos puntos de anclaje. Ah, turno hasta que veas esta línea que se está alineando con ese punto central. Está bien. En lo mismo aquí. Ahí lo tienes. Déjame hacer lo mismo por este, y luego haremos lo mismo por el resto. Esa mudanza en esa reunión dentro y otra vez Esto está bien que te hagas, Daisy está bien que hacer porque estamos formando la misma acción en todos ellos. Por lo que las áreas cada uno de estos triángulos serán las mismas en relación con el lado del otro que cuando
eran rectángulos. Yo podría vengo lanzando un liquidar estos para multiplicar. Lo que voy a hacer es ponérselos el uno sobre el otro. De acuerdo, así que vamos a pasar esto aquí. Escucha aquí. Escuchar aquí en este para escuchar lo que hacemos es simplemente duro ellos todos. Voy a ir a una línea. Se le aceptó una línea a selección distribuyendo centros horizontales. Entonces ahora sé que el espacio entre es el mismo a través del tablero y luego en su A
sólo voy a sacarlo todo otra vez. Entonces ahora tenemos Es bonito gráfico de aspecto. ¿ De acuerdo? Por lo que puedes ver que empieza a cobrarse vida un poco, haciendo cambios en los gráficos. Andi, lo que voy a hacer ahora, acaba de subir un poco. Yo miro peinar esta caja también. Etiqueo todo al final. No veo el punto haciéndolo hasta que tengas ordenados todos tus gráficos. Porque lo que te encontrarás haciendo es si decides que quiero cambiar a Machar, significa que tienes un cambio. La etiqueta que podría haber cambiado los tamaños de etiqueta de nuevo. Es sólo una gorda grande. Por lo que haría todo lo que puedas antes de que tengamos que traer las etiquetas. Por lo que los promedios de juego de carrera, creo que hagamos de esto un gran número otra vez. Estamos trabajando con escala aquí, tía Jerarquía. Por lo que se trata de 27 puntos escolarizado por partido. Entonces eso está hecho. Es bonito y grande. Vamos a hacer Oh, contine si Y así usando esta caja, mi guía Y entonces tenemos rejilla debajo. Entonces puedo copiar estos números que me gustaría hacer con números individuales. Por cierto, es adizero antes de 07 No son siete, creo que solo individual y extrañar por sí mismos Mira un poco. Ahora vamos a tratar de darle un poco de estilo a esto, no sólo hacerlo perfectamente alineado en una caja, Pero vamos a mover esto solo un poco arriba y es el mismo número. Entonces solo copia esto hacia abajo. Ten este abajo. Es decir, se ha vuelto a tocar más pequeño. Hizo esta línea estos también. Eso se ve bastante bien. Entonces ahora lo vamos a hacer es golpear el botón de la contrasta. Lo que hicimos antes permite dedo del pie dibujar una línea y voy a dibujar una línea entre éstos contra el borde. Si pudieras acariciarte aquí arriba. Ponte al tipo. Adopta en, James. El peso. Entonces tienes uno gordo ahí o tienes uno flaco como éste. Entonces iremos el flaco por ahora. Y luego voy a dibujar otra línea desde aquí. En realidad, toma el fondo de esto en la parte superior de eso, para que podamos hacer es usar a nuestros gobernantes Teoh Actores, guías aquí. Andi babeo alinean en el medio ahí tú yo y solo destaque estilo de esa línea. Están usando nuestros colores. J J cambia entre el Phil, que sería la caja de nosotros. Azul Flynn. Ver que se apagó en cualquier cosa, J Va al tipo. También puedes hacerlo manualmente aquí para luego cambiarme eso al Borgoña. Sí. ¿ Qué? Este Teoh oro en el Dang amarillo. Cambio eso por el gris. También voy a hacer nuestras líneas graves. Hicieron las líneas geniales para todo lo demás. Yo sólo iba a mover esto también. De acuerdo, Así que apenas empezamos a tomar forma. Como ya has notado antes, voy a mis capas y apago esto. Sí, es un soporte de verdad para mirar, empiezas a llegar ahí. Entonces voy a seguir adelante ahora. Injusto, trayendo mis etiquetas para todo en la etiqueta de ladrones, después tendremos una revisión final sobre discutido los toques finales.
13. Diseño en diseño: Tweaks finales: Yo quiero hacer ahora es sólo los toques finales en D. Quiero decir introducido algunos iconos aquí arriba. El motivo para hacer eso es porque siento que ilustra un poco más este punto tal como
es , solo que realmente no te da la idea de que es un premio. Entonces, ¿qué donantes? Acabo de tomar una foto del Trofeo N V P de Google y del trofeo Larry O'Brien N B A Campeón. Apenas los dibujó usando la pluma tal. Si no estás familiarizado con el pentáculo, es exacto parece que fotoshop, solo dibujas tu forma, Lo que sea en juego con los anclas. Andi, si pones aquí, lo
llenas en lugar de cortar las cosas con él. Entonces eso es lo que es. Nos vamos a deshacer de estos, y voy a caer en mis trofeos aquí, así que voy a alinear estos para que esté perfectamente alineado con esto. Agrega algunos espacios más. Entonces 12341234 una pareja 1212 Así que sé que todo está perfectamente forrado. Lo alineo en el medio. Vamos a llegar a eso. Haz lo mismo aquí. Ahora, aquí es donde te pones finicky con crear. Asegúrate de entrar y asegúrate de que todo esté perfecto. Notarás la diferencia si todo está fuera de línea al final. Entonces hagamos que esta profesión sea lo más posible y luego derribemos un poco estos. Nada ligeramente abajo. Entonces voy a traer esto hasta aquí, reducir el tamaño producir aún más en. Iba a bajar estos de nuevo y es un poco más pequeño. Mucho retoques tiene que seguir y simplemente sacar esto de unos cuantos espacios más. 12121212 Nosotros hacemos eso, entonces es una copia esto terminado. Diga, en algún momento. Andi consigue un toque más grande. De acuerdo, creo que estuvo bien. Copia esto en copia, y está alineado a la mitad de su on. Haces exactamente lo mismo por esto. De acuerdo turno. Siendo esto abajo, mueve esto y muévete allá. Y vamos a cambiar el color de estos a este bonito. Cierto. Si coloreas para eso, entonces aunque sé que no es copa trofeo, cierto, estos rojos solo para conseguir un poco de diferenciación. ¿ De acuerdo? Y eso no es del todo. En realidad. Creo que esto se está perdiendo un poco. El crecido aquí. ¿ Necesitas saber quién va así? Un poco más grande y no sólo hacer esto. Esto en realidad es sólo una caja. Ver? Verle de nuevo dentro. Es decir, hacer la misma técnica que hemos hecho para la otra pieza centralizada de tipo hit command y ser para alinear el centro simplemente bien. Eso es lo que queremos. Incesto por un milímetro. Hagámoslo en realidad a dos milímetros, Entonces voy a poner un trazo más grueso para eso. Apenas dos puntos. Sí, creo que eso funciona.
14. Revisa nuestro diseño: Está bien, Y eso es todo. Hemos hecho sobre Infografía. Sólo voy a pasar dos minutos ahora, solo reflexionando sobre algunos de los principios del diseño que tenemos pasando aquí. Por lo que el 1er 1 es el contraste. Obviamente, tenemos dos colores contrastantes. Tenemos el contraste. En un tipo, siempre
es importante cuando seleccionas fuentes. Hagas lo que
hagas, no selecciones a ese aspecto muy similar en. Entonces úsalos. Es solo que si vas a conseguir ningún contraste, obtienes una definición que tienes que usar a una diferente. Por lo que en el uso particularmente de este tipo alto, condensado para los números funciona muy bien en esto. Usar esto, que es un serif de sonido claro para las etiquetas más pequeñas vuelve a funcionar muy bien. Aquí hay consistencia entre la tipografía. Que el mismo tamaño para todas las etiquetas aquí y arriba aquí en todo. Aquí abajo. También tenemos consistencia en la línea pesos todo. este documento hay un trazo. Está establecido al norte 0.5. Como puedes ver aquí, también
he usado el mismo color para todos los trazos, que es el gris que seleccionamos a Andi con la marca. Con respecto al color, tienes una paleta de colores restringida, que ayuda a traer consistencia nuevamente a todo el asunto en términos de escala. Como he dicho en numerosas ocasiones, tenemos un gráfico principal en el medio y todo lo demás funcionando fuera de él. Esto realmente ayuda a convertir esto en una pieza de diseño más interesante, porque cuando todo es del mismo tamaño, simplemente no sabes por dónde empezar. El último que hay que saber es el uso de la grilla en el divorcio. En alineación general, todo está alineado perfectamente. Todos estos aire centralizados, centralizados, alineados. Está alineado justo en medio. Estos están alineados en la parte superior en un contrato de arrendamiento en Londres perfectamente y también centralizados dentro de esa columna. Por lo que es importante hacer estos pequeños cambios. Si algo no está muy alineado, métete ahí, acércate y comprueba que lo sea. Por lo que hace un mundo de diferencia. Entonces muchas gracias por estar conmigo. Por favor, sí comparte tus proyectos. Conway a ti llegar a diferentes tipos de infografía, sobre todo un proceso también. Si tienes alguna pregunta y empiezas a hacer marcos de alambre están haciendo tu cuadrícula hazme saber y te volveré en cuanto pueda. Entonces, sí, pásalos bien haciendo tus infografías chicos, por favor