Projeto infográfico: aprenda a criar gráficos atraentes usando fatos e dados | Lindsay Marsh | Skillshare
Menu
Pesquisar

Velocidade de reprodução


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Projeto infográfico: aprenda a criar gráficos atraentes usando fatos e dados

teacher avatar Lindsay Marsh, Over 500,000 Design Students & Counting!

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Aulas neste curso

    • 1.

      Pré-visualização do curso

      1:10

    • 2.

      Teoria demográfica - que faz para o design contido contabilidade?

      8:54

    • 3.

      Como começar - bloqueio e layout

      8:18

    • 4.

      Projeto de gráfico de pie

      11:10

    • 5.

      Projeto baseado em ícones

      9:43

    • 6.

      Mostrando de escala - comparando tamanhos

      8:46

    • 7.

      Gráfico de pie complexo

      8:35

    • 8.

      Gráfico de caleja - adição de cor e detalhes

      9:01

    • 9.

      Projeto de gráfico

      10:38

    • 10.

      Projeto gráfico - adicionar um pop de cor

      6:30

    • 11.

      Projeto para estudantes

      0:43

  • --
  • Nível iniciante
  • Nível intermediário
  • Nível avançado
  • Todos os níveis

Gerado pela comunidade

O nível é determinado pela opinião da maioria dos estudantes que avaliaram este curso. Mostramos a recomendação do professor até que sejam coletadas as respostas de pelo menos 5 estudantes.

2.918

Estudantes

17

Projetos

Sobre este curso

e3767db

Entender como trabalhar com e criar infográficos é importante para qualquer designer.



Este curso vai mostrar como criar inícios para design e criar grafistas para criar visuais envolventes para que outra coisa de cara idade de ano ite, de outra pessoa de ano passado.



Em seguida, vamos passar para o Adobe Illustrator, onde vamos criar 5 gráficos únicos e diferentes para apresentar nossos fatos e dados.

Este é um curso de nível intermediário, um conhecimento básico do Adobe Illustrator é recomendado para a seção de projeto deste curso.

Por fim, você vai ser carregado com a criação de um with de seu.

Depois de fazer este curso, vai saber que melhor você de um melhor momento para fazer dados de forma melhor te encontrar a melhor forma que transmite seus dados de forma eficaz e bonito.

Conheça seu professor

Teacher Profile Image

Lindsay Marsh

Over 500,000 Design Students & Counting!

Professor

I have had many self-made titles over the years: Brand Manager, Digital Architect, Interactive Designer, Graphic Designer, Web Developer and Social Media Expert, to name a few. My name is Lindsay Marsh and I have been creating brand experiences for my clients for over 12 years. I have worked on a wide variety of projects both digital and print. During those 12 years, I have been a full-time freelancer who made many mistakes along the way, but also realized that there is nothing in the world like being your own boss.

I have had the wonderful opportunity to be able to take classes at some of the top design schools in the world, Parsons at The New School, The Pratt Institute and NYU. I am currently transitioning to coaching and teaching.

Visualizar o perfil completo

Level: Intermediate

Nota do curso

As expectativas foram atingidas?
    Superou!
  • 0%
  • Sim
  • 0%
  • Um pouco
  • 0%
  • Não
  • 0%

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui aulas curtas e projetos práticos

Sua assinatura apoia os professores da Skillshare

Aprenda em qualquer lugar

Faça cursos em qualquer lugar com o aplicativo da Skillshare. Assista no avião, no metrô ou em qualquer lugar que funcione melhor para você, por streaming ou download.

Transcrições

1. Pré-visualização do curso: entender como trabalhar e criar infográficos é importante para qualquer designer saber . Esta classe irá mostrar-lhe como criar e trabalhar com infográficos para criar visuais atraentes para fax e dados de outra forma chato. Vamos primeiro mergulhar na teoria infográfica, vamos rever exemplos sólidos e entender como usar uma grande variedade de métodos de exibição visual . Em seguida, vamos passar para o Adobe Illustrator criará cinco gráficos diferentes exclusivos para exibir nosso fax e dados. Trabalharemos com uma grande variedade de ferramentas de ilustrador, incluindo três ferramentas de gráficos de ferramentas de pincel de ferramenta D e muito mais. Essas lições são lições de nível intermediário, portanto, alguns conhecimentos básicos do Adobe Illustrator são recomendados para a seção baseada no projeto da classe. Finalmente, você será encarregado de criar suas próprias informações. O Gramick. Depois de tomar esta aula, você vai saber a melhor forma de tomar dados de outra forma chato e fazer gráficos impressionantes que ambos comunicam os dados de forma eficaz e bonita. Então vamos começar 2. Teoria demográfica - que faz para o design contido contabilidade?: infográficos com uma exibição visual de fatos, estatísticas e dados em um layout atraente que não só parece graficamente atraente, mas também é capaz de comunicar efetivamente conjuntos de dados complexos e simples. Muitas pessoas pensam no lado visual dos infográficos. Como é que parece? Mas, o mais importante, ele precisa exibir os fatos e números de uma forma que o espectador possa entender rapidamente . Nunca deve ser muito complexo descobrir que há um equilíbrio e você para atacar. Como designer que cria infográficos, você precisa equilibrar criatividade e apelo visual com praticidade e ciência. A maioria dos trabalhos projetados que são de natureza infográfica exigem que você trabalhe com números às vezes complexos, bem como números financeiros. O tipo mais comum de trabalho infográfico inclui a realização de relatórios anuais, relatórios financeiros para empresas que desejam exibir seus dados e uma maneira não chata ou excitante . Também pode ser uma organização sem fins lucrativos querendo quebrar o que eles conseguiram este ano com suas doações, e essas próximas lições iriam falar sobre como fazer gráficos informativos convincentes e saber que tipo de charme, símbolo ou gráfico para usar em diferentes situações, então meu tempo fazendo infográficos para clientes. Os clientes normalmente me enviariam um documento de palavra grande cheio de dados, fatos e números, geralmente em torno de 20 linhas de texto não inspirador que ele precisa para fazer ganhar vida e ser brilhante gráfico que comunica claramente os clientes e ouro para o visualizador. Como em qualquer tipo de trabalho de design, queremos começar com layout básico e bloqueio de seus principais elementos. Isso nos ajudará a dividir a lista no que é mais importante para que possamos ter um senso de hierarquia no design, o que significa que os itens mais importantes são realçados por serem ainda maiores, talvez destacados com uma cor diferente. Se eu tivesse 10 fax diferentes, eu queria exibição de uma maneira visualmente atraente. Digamos gráficos de pizza como eles lidam com porcentagens, e eu fiz todos do mesmo tamanho. Todos eles competiriam por atenção e tornariam o projeto pacífico plano em seu propósito. Se eu fosse aumentar o tamanho de um ou mais dos fatos interessantes ou figuras ou gráficos e tivesse várias maneiras que exibir o outro fax e faz para um infográfico mais interessante cheio de vida e implorando para ser visto. O mesmo vale para a cor. Um infográfico temático mais escuro pode mudar o humor ou tom do design, usando cores de tom legal para a maioria do infográfico e ter um muito importante itens destacados ser uma cor mais quente pode ajudar de contraste. O contraste é um design crítico e integrado, pois pode haver uma enorme quantidade de dados que precisam ser espremidos em um espaço muito pequeno. Ter contraste suficiente com seus elementos pode ajudar o usuário a obter informações detalhadas ou áreas importantes do gráfico. Por exemplo, design da Hi Con é outro grande ativo. Você pode usar uma criação infográfica. Alguns exigem ícones personalizados, e estes alguns ícones podem ser comprados ou baixados para adaptar o trabalho ou encontrar um equilíbrio entre símbolos e tipos. Criar ícones você mesmo em um programa vetorial como o Adobe Illustrator ou o designer de afinidade dá a você a chance de criar ícones temáticos com um estilo semelhante com os gráficos e gráficos. Você tem, por exemplo, ter ícones que têm um peso de traçado semelhante em comparação com os gráficos de linha usados. Há tantas maneiras diferentes de exibir fatos, figuras e infográficos. Como você sabe se você deve usar um gráfico de pizza ou um gráfico de linhas. Vamos trabalhar em alguns exemplos para ver as melhores práticas em ação. Aqui está uma linha de dados que precisamos para criar um gráfico gráfico gráfico visual para o nosso infográfico, 65% dos millennials preferem torrada de abacate em vez de bacon no café da manhã. E se visualizarmos esses dados usando um gráfico de barras? Parece comunicar bem o nosso conjunto de dados. E se nós trocássemos e tentássemos um formato de gráfico de pizza? Ambas as barras nos gráficos de pizza fazem um ótimo trabalho de simplificar os dados, mas o gráfico de pizza faz isso de uma maneira muito mais compacta. As porcentagens tendem a se dar bem em um formato de estilo de gráfico de pizza. Vamos adicionar a isso um pouco mais e adicionou ícone personalizado e rótulos para o gráfico. Agora vamos adicionar uma cor temática para destacá-las ou um número de maioria importante no gráfico de pizza . E agora estamos chegando a algum lugar. Vamos tentar outro exemplo. Aqui está o próximo pedaço de dados com que precisamos trabalhar desta vez. Seis itens diferentes. Estes são os graus obtidos por graduados 2020 em um programa de negócios. Podemos usar nosso gráfico de pizza confiável. Ele lida com a quebra de percentagens, mas temos um problema aqui. Não há muita diferenciação ou variedade e nossas percentagens. Temos três pontos de dados que todos têm o mesmo número de 20%. Faça-nos fazer este gráfico um pouco menos excitante de olhar. Há algo chamado diagrama então, onde você pode ver bolhas sobrepostas ou círculos. O tamanho da bolha ou círculo é relacional para as outras bolhas ou conjuntos de dados e o tamanho. Então, se tivéssemos uma bolha que é 20% e outra que é 10% que a bolha de 10% será metade do tamanho da bolha de 20%. Vou colocar nossos cinco conjuntos de dados usando um diagrama de Venn . O que você acha? Isso é mais convincente de um layout ou próximo exemplo? E se criarmos um gráfico que também levou tempo é um fator. Por exemplo, o status define o tempo médio para completar uma maratona com base na idade e no tempo. Neste caso, temos dois eixos diferentes. Temos nosso conjunto de dados de idade, e temos nosso segundo conjunto que as taxas de tempo são um fator. Não podemos fazer gráficos de pizza porque não temos uma idade dividida na quantidade de pessoas que teriam apenas um número médio. Neste caso, vou compartilhar com vocês um ótimo recurso. Chamado de Projeto Viz Data Viz, este site permite que você passe pela maioria de nossos diferentes métodos de visualização de dados disponíveis, e você pode decidir a melhor maneira de comunicar seu conjunto de dados da maneira mais atraente possível. E, sim, é mais de uma maneira correta de exibir dados. Talvez um medidor angular pode fazer este um design atraente se eu colocar cada faixa etária em seu próprio gráfico como o exemplo que você vê abaixo, eu estou olhando para esta lista de sites para outras idéias que podemos experimentar. Eu estou pensando que esta escolha gráfico de pilha Toral com o eixo Y sendo o tempo que fica mais longo, quanto mais você se aproxima. A cabeça do corredor parece convincente. Podemos ter. A idade é dividida por uma sombra de cor diferente, movendo-se para o corredor. Há também o gráfico de barras tradicional com ambos os eixos havaiano e X. Isso poderia funcionar bem aqui, também, então há muitas opções diferentes, e seu trabalho como designer é tornar esses gráficos um deleite visual atraente, mas também manter esse conjunto de dados fácil de entender pelo espectador. Vamos fazer mais um exemplo. Conjunto de dados. Este envolve o número de cookies consumidos se for dado acesso ilimitado. E assim, isso é dividido por idade e quantos cookies eles consomem com base em sua idade. Podemos tornar isso mais atraente visualmente usando ícones para se comunicar ou conjunto de dados. Podemos construir isso usando uma pilha de cookies e cada pilha, movendo-se mais ou menos em relação um ao outro, assim como o nosso diagrama sido. Exemplo. Antes, quando os conjuntos de dados começam a ficar muito grandes, digamos 12 pontos diferentes. Agora certos ícones ou gráficos pictóricos podem começar a ficar muito ocupados e desmoronar. Portanto, isso realmente depende de quantas coisas são definidas no final ou quantos conjuntos de dados você tem. Você quer evitar sobrecarga gráfica. Olhando para trás para o recurso do nosso site. Talvez um gráfico de waffle possa funcionar melhor para as 10 amostras de dados. Mais como este exemplo de ter o nosso ícone de cookie em segundo plano em vez de 10 pilhas diferentes de cookies repetidas 10 vezes. Como você pode ver, há tantas maneiras diferentes de exibir dados e às vezes há mais de um caminho certo , e seu trabalho é encontrar as melhores combinações de gráficos, gráficos, gráficos, exibições visuais, para criar um infográfico unificado e interessante. Seu último tópico para esta lição é criar nosso tema. Você pode ter vários tipos diferentes de gráficos exibidos em uma página como um designer formas confinadas para unificar os gráficos, gráficos e ícones por ter um forro estilo de fonte semelhante, traçado, espessura e, claro, de cor temática. Tema lembrado têm uma forte hierarquia de layout ao montar infográficos, fornecendo um gráfico central que liga tudo junto. Como eu mencionei antes, eu gosto de bloquear meus infográficos com blocos cinzentos ásperos e gráficos para que eu possa ter uma boa idéia de quanto espaço cada conjunto de dados ocupará e quanto espaço eu tenho que jogar para gráficos maiores, fotos e ícones. A melhor maneira de trabalhar neste processo é trabalhar em exemplos do mundo real. Nós vamos fazer exatamente isso na próxima vinda. Poucas lições abordarão esta longa lista de citações, costas e figuras sem inspiração , e esperamos transformar isso em algo visualmente emocionante que fará seus clientes felizes e nossos leitores 3. Como começar - bloqueio e layout: Então aqui estamos no Adobe Illustrator. Nós vamos dar uma rachadura no nosso infográfico e eu pensei que eu iria fazer um mais escuro parecia info gráficos para que nós pudéssemos ter pops de cor sobre, foi em frente e apenas tinha uma nova camada e apenas meio que fez um radiante muito sutil de diferentes tipos de cinza escuro para definir o humor e o tom para um fundo. Eu também tenho alguns diferentes tons de jóia e diferentes cores brilhantes que realmente iria sair em um tipo de fundo escuro de conjunto, embora aqueles que podem mudar no momento em que estamos fazendo nossos infográficos. Mas é bom começar com uma idéia de cores e algum tipo este usando algum tipo típico Helvetica, porque não é apenas fácil de usar, mas os números parecem bons também. E então tipo de escolher seu tipo de letra para seus infográficos para esconder tem apenas uma Helvetica padrão. , Às vezes,se você usar um dos meus tipos favoritos, digamos ferroviário. Às vezes eles têm problemas com números, e quando você está trabalhando com infográficos é muito número Hebert pesado. Então você quer ter certeza de que você tem um tipo de letra que vai ficar ótimo com os números usados . Então, se você fizer isso 12345 Repare como os três no abono passado a linha de base não tem um tipo de olhar igual a Helvetica teria quando você ir em frente e apenas adaptar isso que você possa tipo de ver a diferença entre, hum, como isso permanece na linha de base e parece muito mais limpo quando se trata de infográficos . Então isso é algo para pensar quando você está olhando para o tipo de rosto, você tem que escolher para seus infográficos. Os números são quase mais importantes do que as letras. Então vamos em frente e começar. Vamos fazer um layout básico e bloquear nossos elementos. Vamos abrir aquele documento de palavras que tem todo o tipo de fax diferente que vamos trabalhar com este projeto. Você pode baixar isso para ter todos esses fax aleatórios ou ele vai copiar e colar isso no Adobe Illustrator e podemos deslizar para o lado. Vamos em frente e ver quantos temos. Então eu tenho 1234567 fatos aleatórios diferentes. Este tipo de tema será um tipo de infográfico aleatório. Não vai necessariamente falar sobre uma coisa, mas vai passar por vários fax para que possamos fazer diferentes tipos de estatísticas. Então, temos sete itens diferentes. Parece que não temos oitavo, mas é grande. Parece que poderia ser mais um gráfico de barras ou um gráfico de linhas. Então, queremos ter certeza de que temos muito espaço para isso. Então, vamos ter o nosso título. Vamos ter o nosso título vai ser a grande página de infográficos aleatórios. Então esse título vai ficar aqui. Você faz isso aqui mesmo no meio. Isso pode ficar muito bonito. E isso é o que é o bloqueio e o layout. Nós descobrindo o que achamos que pode parecer melhor. E isso pode mudar com bastante frequência à medida que descobrimos isso. Então esse pode ser um bom lugar para um azulejo bem aqui no meio. Ou podemos ter os infográficos espalhados por aí. Então eu estou assumindo que os outros sete apenas baseado em olhar para os números e tipo de ver ok, aos 60 anos eles são estatísticas muito simples, fatos e números. Então eu estou pensando quando temos sete simples, nós meio que temos diferentes caixas variadas. Você sempre pode manter pressionado, opção e arrastado, vá em frente e duplicar sua caixa e torná-lo mais fácil. Temos sete infográficos diferentes para se encaixar. Então isso é ótimo porque podemos ver quanto espaço temos para cada infográfico à medida que fazemos , ,não precisamos fazer os infográficos. E então, de repente, percebemos que não tínhamos espaço suficiente para caber no 7º 1 e então agora é um projeto de empinamento e queremos ter espaço para o nosso fundo, que vai ser Vá em frente, faça isso um pequeno show para você o final. Já descobri o layout, mas só estou mostrando como passo por esse processo. Temos um grande gráfico de linhas que vamos ter que fazer. Vamos continuar e manter pressionada a opção e fazer uma área maior para o gráfico de linhas. Vamos nos certificar de que temos espaço suficiente para isso, e isso pode significar que precisamos tornar nosso título um pouco menor. Assim, ele pode ter espaço para informações gráficas. É por isso que bloqueia antes do tempo. É tão crítico porque você pode evitar ter que voltar e fazer muitas modificações porque você já meio que definiu um plano para o seu design. Sei que não é perfeito, mas há sete especificações diferentes. Temos o nosso oitavo maior gráfico de linhas, e temos um título. Então temos todos os elementos principais arrancados. Vamos para a parte divertida. Vamos fazer um de cada vez. Vamos começar com o topo e trabalhar o nosso caminho para baixo. Então, como você pode ver, eu passo alguns momentos tipo de afinação fina. Nosso layout apenas tipo de encontrar o equilíbrio certo e garantir que certos elementos tipo de encaixam bem em diferentes áreas. E tivemos diferentes variações de tamanhos. Então vamos começar com o nosso 1º 1 Então nosso 1º 1 é aos 60 anos a maioria das pessoas perdeu 50% de suas papilas gustativas. Bem, eu não sabia disso. Isso é meio que um fato legal. Então comece a quebrar isso e descobrir a melhor maneira de apresentar visualmente isso Então este é um muito fácil. São uns bons 50. Dividir 50. Ah, a primeira coisa que vem à minha mente é uma espécie de gráfico de pizza parte ou algo que se divide ao meio. Então pensei, vamos fazer uma espécie de gráfico de pizza. Mas em vez de fazer um círculo completo, vamos tipo de fazer um gráfico mais simplificado, moderno magro ah pizza. E vou em frente e mostrar-vos um exemplo do que estou a falar. Um pouco mais moderno, você não tem todo o centro preenchido, não ocupa muito espaço. Então, como vamos fazer isso é desenhar um círculo simples e vamos fazer um derrame . Então, estamos fazendo AVC branco. Vamos em frente e fazer isso sobre o tamanho que queremos fazer. Então talvez esse tamanho fosse um pouco maior. E vamos aumentar um pouco o nosso derrame. Não queremos que seja muito grosso. Não queremos que seja muito grosso. Isso pode funcionar com certos casos, mas acho que quero incorporar uma foto neste. Eu quero que isso seja muito limpo porque é um fato muito simples. Então vá em frente e reduza isso. Talvez encontrar o golpe certo. Eu queria ser aquele olhar magro e moderno. Então talvez 17. Neste caso, este é um documento de 8,5 por 11 polegadas. Só para que você saiba, o tamanho deste total de documentos e nos dar uma noção do que 17 pontos significa em relação ao documento. Ok, então esse é um bom tamanho. Então, o que vamos fazer, vamos fazer disto uma cor sólida, eu acho. Agora, pegue isso, Grady, eu estava clicando aqui e fazendo uma cor sólida. Então agora que temos uma dúzia de cores sólidas, o que eu quero fazer é cortar isso ao meio para que pudéssemos ter ganho o lado superior uma cor no lado inferior. Outra. Então, a melhor maneira de fazer isso é usar a ferramenta de cor da forma. Também podemos usar a ferramenta Pathfinder trazendo para a ferramenta de cor da forma. Neste caso, vou desenhar caixas. Como poderia ajudar a cortar isso ao meio. Você faz isso de uma cor diferente para que não nos percamos com todas as nossas formas diferentes. Era onde eu queria estar. Cortar. Traga um pouco para baixo. Então agora eu vou ir em frente e mudá-lo de volta para um preenchimento. Vá em frente e corte-o e destaque ambos e agarre a forma ferramenta mais antiga. E a primeira coisa que quero fazer é ter certeza de que delineei meu caminho. Então você percebe que eu ainda sou capaz de editar o traço e isso e eu preciso ir em frente e delinear o caminho. Então eu vou para o caminho do objeto, delinear o traço, e então ele vai seguir em frente e delineá-lo. Eu não posso mais editá-lo, mas tudo bem, porque nós já vamos em frente e cortá-lo fora. Então é como se ambos os objetos fossem para cá para a minha ferramenta de construtor de formas. E em vez de acrescentar que vou subtrair isso, eu quero socar esses dois elementos para fora. Então eu vou segurar a tecla de opção e soco isso lá fora, e eu vou esmurrar isso lá dentro. Então, apenas mantendo pressionada a tecla de opção, eu acredito que é o comando ou a tecla antiga nas janelas e vá em frente e selecione. Então eu tenho meu círculo original, e então eu tenho essa forma que eu cortei. E agora eu tenho duas formas diferentes que eu poderia fazer duas cores diferentes. Então vamos em frente e fazer isso. Eu escolhi duas cores que eu pensei que ficaria muito bem em um fundo preto tipo de alguns Grady INTs. Você pode baixar isso e descobrir onde eu tenho a cor Swatch está indo para o topo. Vamos fazer o topo um roxo e com ah, Adobe ilustrador, você sempre pode pegar ferramenta ingrediente e tipo de encontrar o tipo de sombreamento certo da direção certa para essa peça em particular. E eu vou ir em frente e pegar o verde e pegar minha classificação e ferramenta e tentar encontrar o sombreamento certo para isso, abordar em qualquer ângulo que você quiser qualquer coisa que você acha que seria bom. Então agora temos um pequeno gráfico de pizza. Mas o que eu gostaria de fazer é que é um agradável, macio, bordas arredondadas, tipo de dar-lhe um pouco mais moderno, aparência elegante sobre. Para fazer isso a seguir 4. Projeto de gráfico de pie: Então eu quero ter aquela pílula agradável e arredondada em forma de dar a ele um visual moderno. Então, há algumas maneiras que podemos fazer sobre isso, Hum, em tentar este método onde eu posso adicionar, eu só estou indo para adicionar um ponto de ancoragem. E eu vou apenas adicionar ponto de ancoragem bem ali no meio e eu vou pegar minhas ferramentas de seleção direta . Vá empurrar isso um pouco para cima. Onde foi a curva para começar, e então você pode pegar isso e arrastá-lo para baixo e fazê-lo arredondá-lo. Você pode fazer esse método, ou você pode pegar a ferramenta de curvatura e só tem que fazer é clicar duas vezes no topo e irá convertê-lo em uma forma arredondada. Nosso duplo clique ele se converteu de volta. Então, se você meio que quer o olhar de flecha, você pode apenas mantê-lo assim. Ou, se você quiser que a pílula macia olhe, basta clicar duas vezes e você vai ter que adicionado, foram fazer a mesma coisa do outro lado e, em seguida, tomar nossa ferramenta de curvatura. E há muitas maneiras diferentes de fazer isso. Muitas maneiras diferentes de esfolar um gato quando se trata de fazer trabalho de design Se você tem um melhor, método melhor, melhor, por favor, vá em frente. Mas este é apenas um que funcionou melhor aqui. Então nós temos o básico sobre Infográfico aqui e carregado. Eu pensei que como este é um fato tão simples, o que eu acho que realmente funcionaria bem é ah, foto de algum tipo, talvez um preto e branco, para contrariar todas as cores diferentes que temos acontecendo. Então, uma foto legal em preto e branco que realmente tem uma língua, talvez, talvez uma que está saindo. E eu vou rever os pixels dot com, que é onde eu encontro muitas das minhas fotos gratuitas que eu posso usar. E eu fui em frente e baixei este aqui, e eu queria uma loja de fotos, mas eu esmurrei o fundo porque eu vou colocar em dúvida. Fundo escuro. Então eu fiz algumas maneiras inteligentes de cortar tudo isso, que eu posso repassar e outras lições e outras aulas. Mas vou trazer isso. Como você pode ver, eu fiz esta foto preta e larga. I up o contraste um pouco para fornecer mais de um pop para fora contra o fundo escuro, e eu pensei que eu seria necessário ir em frente e usar isso. Pensei que podia fazê-la sair do círculo como se estivesse dentro do círculo. Então talvez ter o cabelo dela vindo por cima, mas tê-la corrompido aqui na parte inferior, então quase parece que ela está saindo do círculo foi meio que adicionando, um tipo de alguns elementos de design mais interessantes para fazer este tipo de simples, fato chato tipo de realmente se destacar e ser uma espécie de visualmente deslumbrante. Então vamos em frente e levá-la para o círculo. Quinn Sizer up é arrastador? E lá podemos ver tipo de onde queremos que o cabelo dela vá. Não queremos que sejam tão grandes que ela esteja sobrecarregando a torta de 50 e 50. Não queremos que ela seja tão pequena que o cabelo dela não tenha a chance de sair e realmente fazer parecer um pedaço de três. Então vamos torná-lo um pouco maior, talvez, ou aqui vai todo o caminho acima desta área, esta área superior, e então vamos Cropper. Então vamos pegar nossa ferramenta Elipse e vamos simplesmente não precisa ser exato. Enquanto você estiver perto, vá em frente e traga nossos lábios ainda aqui. Nós queremos cortá-la bem sobre há encontrar o período certo um cortador. Então, aqui está a coisa. Queremos cortar isso, mas não queremos uma colheita. Seu cabelo, um cabelo dela para ficar em cima. Então você pega a ferramenta de seleção direta e traz isso para cima. Clique nele. Traga isso para cima. Quer manter isso aqui? É uma coisa estranha que estamos fazendo aqui. Mas não podíamos ficar com aquele cabelo todo. Talvez precise adicionar um ponto de ancoragem. Aqui vamos nós. Então eu queria manter uma espécie de colheita, aquela área, mas eu queria manter o cabelo dela no topo. Dois anos da nossa forma estranha. Fizemos quase como uma forma de ovo. Vou em frente e fazer isso de cores diferentes. Você pode ver, então nós vamos fazer uma máscara de recorte indo para selecionar nossa foto seletor de camada superior abaixo, obter um clique direito, e fazer uma máscara de recorte muito simples. Aquele não a tinha cortado. E sempre pegue as ferramentas de seleção direta, qualquer máscara de recorte que você sempre pode voltar e ajustá-la depois de cortá-la. Então, agora vamos sair. Temos as cores dinâmicas. Nós meio que temos os 50 50. Podemos enviar isto de qualquer maneira. Queremos ir em frente e agrupar estes. Nós queríamos, e podemos gastar isso. Então talvez eles não sejam apenas metade disso. Talvez eles tenham uma apresentação diagonal e eu agite um pouco, ou você pode ficar meio a meio. Então é mais claro que é um 50%. Então, isso depende de você como designer infográfico, o que você acha que comunica mais 50%. Eu meio que gosto de um pouco de um toque diagonal para ele só para tipo de mostrar um pop mais dinâmico . Ainda parece 50% para mim. Então vamos adicionar os 50% em algum lugar aqui. Nós realmente queremos comunicar isso muito claramente, então vamos em frente e pegar estes 15 50%. Temos a nossa Helvetica ousada em, e temos parece tipo de alguma orientação que temos para a tipografia. Vou fazer isso um pouco maior e branco. Vamos encontrar um lugar onde possamos colocar isso que não distraia o rosto dela. Então podemos nos safar colocando nosso cabelo. É bom alto contraste, então isso é escuro. Isto é leve. Não quero isso muito perto dos olhos dela porque não quero que os olhos consigam competir. Então isso vai mover um pouco mais para cima e talvez adicionar um pouco de sombra , talvez entrar no painel de caracteres e meio que reduziu o rastreamento um pouco. Talvez. Ah, um negativo. 25% assim tipo de fecha nas letras. As lacunas entre as letras fecham os números é um pouco, então é um pouco mais apertado, coisas muito sutis aqui que estamos falando. Vamos fazer um bom elenco longo, uma sombra no painel de opções de sombra semi e vamos fazer uma pré-visualização e vamos ele já é um tipo de elenco muito longe. A capacidade bastante alta só ajuda a escurecer e ao redor dela, então realmente se destaca por mais tempo aqui. Mas não é óbvio que seja uma sombra. Tem muita distância até ele. Tem muito borrão, então não é como se você visse essa sombra super gritante. Parece mais tipo de misturado em cima dela e a mesma coisa para aqui. Podemos até adicionar uma sombra nesta camada superior quando goto efeito, aplicar a mesma sombra. Dê uma olhada na pré-visualização. Adiciona uma sombra lá em baixo, o que parece realmente adorável. Talvez reduza-o um pouco. Talvez 44%. Então não é tão forte. Clique em OK, é que tipo de adicionado um pouco agradável efeito de sombra gota lá em baixo apenas mais uma vez, adicionando mais desse tipo em camadas de interativo. Não é apenas um tipo plano de design, há camadas. Há suas sombras, que esse tipo de coisa, vamos fazer a mesma coisa com a de cima. Não tenho certeza se vai parecer bom, mas vá e experimente. Então, isso é ótimo. Podemos até aplicá-la a ela. Mas, novamente, ele pode fazer a sombra cair bem ali, modo que poderia ser um olhar elegante. Esse é outro tipo de sombra aqui que você pode usar ou você pode simplesmente tê-lo simples. Então agora precisamos adicionar o texto porque temos 50% mas 50% O quê? Não é nada sem o resto da frase. Então poderíamos ir em frente e trazer isso, copiar e colá-lo apenas no caso de eu querer brincar e experimentar com ele. Então vamos deixar este branco bem para que possamos ter isto em linha reta nas duas linhas dele. Talvez no centro, alinhe. Nós só temos isso aqui. Poderíamos tê-lo empilhado com várias linhas de tipo. E isso vai depender de como estão bloqueando e layout para o resto do documento vai para que possamos ter algo simples como isso, e que poderia ser o mesmo olhar em todo o resto do documento, e isso é ótimo. Mas eu pensei, você sabe, esta é uma paz muito dinâmica. Temos um monte de cores acontecendo. Vamos tentar algo um pouco mais graficamente desafiador. Vamos fazer um tipo no caminho todo em torno de um círculo fazer que é nós vamos fazer um círculo sobre o mesmo com o nosso pequeno gráfico de pizza aqui. Ok, então agora eu vou apenas copiar e colar é e colocar tudo isso na mesma linha, ou eu acho que eu tenho isso aqui em cima. Isso é legal. Posso sempre deslizar isso, só por precaução. Eu não gosto deste novo método e, em seguida, ir para baixo para digitar no caminho e ir e clique em qualquer lugar na linha e colá-lo, Veja como ele parece. Então, o que? Eu quero fazer isso. Não quero todas as mensagens em negrito. Eu não quero uma tecnologia móvel porque eu acho que nós já temos uma imagem muito ousada e um muito ousado 50%. Então vamos fazer isso branco. Você pode ver o que eu tenho aqui. Vamos fazer deste um peso normal ou mesmo um peso leve como este e perceber como ele está do lado de fora do círculo. Eu gostaria de trazê-lo para dentro do círculo para que eu possa colocá-lo no fundo do texano . Não vai ler ao contrário. Em segundo lugar, gire isso e agora ele lê para trás e está de cabeça para baixo. Não queremos ter isso. Ia passar por aqui para chegar a esta pequena área, e é deslocado para dentro. Isso pode ser um pouco complicado às vezes, mas eu troco para o interior. Vamos colocá-la, como se precisasse fazer alguns ajustes. E com o tamanho, este é um documento de 8,5 por 11 polegadas. Então você pode ter. Você pode usar o sistema métrico. Você pode ter tamanhos diferentes, mas para este caso, geralmente nove pontos funcionam muito bem com legibilidade. Não quero ter mensagens abaixo de oito. Então, por que não fazemos um acima e fazemos nove pontos? E isso deve nos dar muito mais espaço para trabalhar com o tipo deles, o que realmente reduziu bastante o tamanho. Quero ter a certeza de que temos a metade do caminho. Você sabe, ele pode ser capaz de escapar com ele ser apenas um pouco maior. Isso nunca vai doer com legibilidade. Você está bem, então só queremos fazer um pequeno ajuste óptico. Certifica-te que está a meio caminho. Eu posso precisar apenas ajustá-lo um pouco, mas é sobre mesmo em ambos os lados, e podemos destacar um item específico. Então queremos um destaque 50% ou quer destacar papilas gustativas. Acho que a ala mais importante aqui são as papilas gustativas, é disso que estamos falando. Isso é o que os fatos se referem. Eu acho que nós poderíamos até fazer esse tipo um pouco maior para realmente enfatizá-lo e também mudar o peso para torná-lo pedregulho e ir um passo adiante. Podemos até fazer isso um verde ou um roxo, realmente meio que trazê-lo para fora. Então eu vou clicar duas vezes nisso e ver se eu não consigo encontrar um verde correspondente. E então note que as papilas gustativas realmente saem 50% papilas gustativas. Eu sei que este infográfico imediatamente está falando sobre papilas gustativas e algo sobre 50% então eu já estou começando a montá-lo juntos sem lê-lo. Esse é exatamente o poder do Infographics é entender o que é antes de realmente ler a coisa toda. Vamos fazer isso um pouco maior e apenas fazer alguns pequenos ajustes e ajustes para ver se podemos torná-lo um pouco melhor. Mas eu acho que apenas em que cerca de 15 minutos foram capazes de montar este aqui, nós temos vários mais para ir para tentar diferentes métodos e técnicas diferentes em todo este tipo de, uh mostrar-lhe maneiras diferentes que você pode apresentar infográficos, então este é um muito simples. À medida que trabalhamos através destes, alguns deles ficam um pouco mais complexos, especialmente aqueles com grandes números que podem encontrar maneiras criativas de apresentar grandes números que o fazem parecer um pouco mais atraente. 5. Projeto baseado em ícones: Agora é hora de um 2º 1 este. É aproximadamente 1/3 da população que não pode estalar os dedos. O que não me surpreende porque levei muito tempo para descobrir como quebrar o meu. Então agora estamos lidando com uma fração eso. Há maneiras diferentes de apresentarmos isso. Visualmente, eu acho a maneira mais interessante. E uma vez que só é dividido em terços basicamente um em cada três, é muito fácil mostrar graficamente. Se este fosse 23 de 87 poderia ser um pouco mais desafiador de mostrar. Mas desde que é muito simples. Pensei em ter três ícones de dedos estalando. Vamos em frente e desenhamos isso e depois temos um tipo simples de frase abaixo dela. Uma forma muito simples e pictórica de mostrar esta estatística. Então o que precisamos fazer é encontrar o ícone da mão estalando. Nós usamos a imagem na anterior, então vamos agitar um pouco e usar o ícone para que possamos desenhar nossa própria mão usando a ferramenta pino . Mas para economizar tempo, eu fui em frente e encontrei esse grande recurso vetorial. Vá em frente e faça o download. Não tem uma pessoa estalando os dedos porque é muito difícil de ilustrar . Mas nós vamos fazer isso nós mesmos. Vamos abrir este documento e pegar este ícone aqui, e vamos modificá-lo. Então eu tenho isso aqui copiar e colá-lo e torná-lo uma cor mais clara para que eu possa ver o que eu estou fazendo. Nós vamos fazer isso um estalar dedos iria fazer isso como se você tipo de apresentar sua mão para estalar, e nós vamos adicionar um pouco de linhas rabiscadas para indicar som. E então a melhor maneira de fazer isso para que pareça com linhas orgânicas, desenhadas à mão, desenhadas à mão, rabiscadas. Vou pegar a ferramenta de escova aqui em um momento. Mas também vai garantir que eu tenho a janela do pincel aberta para que eu possa mudar o tamanho do pincel para que o tamanho do pincel seja muito grande para nós. Não precisamos disso. Vamos em frente e obter uma boa cor clara, e vamos reduzir um pouco o tamanho do pincel. Então, quando você tiver o pincel, um, painel aberto aberto, você poderá alterar o tamanho do traçado. Então é 2.25 aparecer e tornou-o um pouco menor. Vamos continuar a torná-lo menor. Vamos ampliar para podermos fazer isso. Fazemos cinco linhas velhas, este 12345 e isso só indica o som estalando. Também podemos indicar a partir daqui, que pode fazer um pouco mais de sentido. O que é tipo de repensar isso um pouco? Agora que estou vendo isso na vida real, vamos meio que fazê-lo vir do telefone. Mas é aí que você está aqui, o estalar. Como você pode ver, demorei muito macarrão para encontrar o tipo certo de fluxo para a indicação do som estalando do dedo. Mas acho que consegui. Se eu quiser ir em frente e selecionar, isso é o que nós criamos com a ferramenta pincel. Vamos em frente e ir para Pam Object Path. O que está indo delineado? Um derrame nisso. Então, é agora que eu escalo para cima ou para baixo, não vai mudar de tamanho. Dê-nos qualquer problema, então agora eu posso ir em frente e selecionar estes. Pegue sua ferramenta conta-gotas e amostra são de cor mais clara, então agora temos nossos ícones. Tenho um grupo que juntos para que eu possa enviar estes round, então este vai ser muito mais simples de fazer. Vamos fazer três diferentes. Vamos manter pressionada a tecla opção arrastar liberação, arrastar liberação, e nós vamos apenas fazer três ícones diferentes. Vamos nos certificar de que estão alinhados corretamente. Alguns aparecem no meu painel de linhas. Poderia alinhá-los de maneiras diferentes. Subs garantir que eu faça o centro de distribuição horizontal outro toda a linha corretamente. Então vamos fazer o 1º 1 Poderíamos fazer o meio de uma cor diferente, mas eu acho que o 1º 1 tipo de torna mais óbvio que é uma fração. Então agora podemos ir para a nossa paleta de cores e ver se há uma cor agradável, brilhante e vívida que possamos usar para isso. Talvez, talvez uma laranja escura que tipo de realmente apareça lá fora. Então isso é meio que quando se trata de tipo de exibir a fumaça e torná-la um pouco maior e ir em frente e trazer nosso tipo, ouvir uma cópia e colá-la. Então eu ainda tenho o original e é a ferramenta conta-gotas para ver se eu posso amostras são do tamanho do que nós acabamos de fazer. E as cores apenas para ser consistente com o nosso tipo. Está bem. E tão enfraquecer, é claro. Destaque certos um 1/3. Podemos fazer disso uma fração mostrada como uma fração. Em vez de apenas dizer 1/3 nós realmente temos uma fração. Então podemos fazer isso. Vou criar minha própria fração aqui. Uh, faça isso ousado. Espere, nós podemos fazer isso. Uma fração. Uma maneira tradicional de fazermos uma diagonal. No entanto, você deseja mostrar uma fração. Eu estava fazendo uma fração simples de 1/3. Faça isso mais espesso. Talvez um pouco mais curto. Certifique-se de que todos estes ar alinhados no centro torná-lo menor. Então, em termos de posição, podemos fazer aquela diagonal que pode ser capaz de torná-la mais simplificada. Então agora eu posso ser um ícone aqui. Isso pode até estar no círculo laranja para destacar o fato de que essa é a das três pessoas na população que não consegue estalar os dedos. Fazer que branco está tentando encontrar itens de alto contraste. Ingrediente de Proctor que tem laranja nele que pode parecer um pouco mais suave, então eu estou apenas recebendo um que tem um pouco de um tom Grady Int mais suave para ele. O que poderia fazer estilo I, poderíamos realmente estilizar olhos é tanto quanto você quer entrar, contornar os cantos apenas um pouco. Basta ter a ferramenta de seleção direta em torno dos cantos lá em vez de um afiado. Tem uma forma de pílula agradável que combina com a forma de pílula que temos feito. Posso até fazer isso com o meu tipo. Posso clicar com o botão direito, criar contornos. Eu posso até suavizar as bordas do meu tipo, fazendo o mesmo método, agarrando a ferramenta de seleção direta e suavizando meu tipo apenas um pouco para que eu pudesse ver o tipo de amolecido. Talvez eu não precise amolecer tanto, só um pouquinho. Então talvez possamos tornar isso mais suave, classificando o tom meio que conseguir combinar. Então aproximadamente 1/3 da população não consegue estalar os dedos. Então essa é a coisa mais importante a destacar. Então vamos pegar nossa ferramenta conta-gotas e provar o que tínhamos aqui. Será verde, mas sempre podemos ajustar a cor. É ajustado a cor e torná-lo tipo de cor laranja que vemos. Então agora ele poderia brincar com o tipo para ver o que parece melhor com em uma espécie de apresentação escalonada com suas linhas, você poderia fazer um maior eu sei que será tipo de diferente do que o que tínhamos antes estava indo trazer nosso outro de volta para que possamos ver como eles vivem juntos. Então esse é o 1º 1 E este é o segundo tipo de visão vitoriosa. Eu gosto dos dedos estalados, mas esta coisa definitivamente não está brincando, não está funcionando. Tudo bem, então talvez possamos continuar a fazer isso de uma cor diferente. É por isso que é ótimo ver estes juntos para que você possa ter Panova um tema correspondente . Poderíamos até fazer o mesmo. Colorir não tem que ser cores diferentes, apenas fazer isso para mostrar variedade, mas podemos adaptar este verde ou o roxo para que todos os infográficos combinem e cores, que é importante, e talvez que permanece branco. Talvez a linha seja verde. 1/3. Eu acho que podemos jogar com isso um pouco vai gastar alguns minutos para tentar descobrir essa fração, que o melhor layout para isso e talvez tipo de cores de afinação fina. Mas no geral, eu gosto da idéia de ter os três ícones diferentes representando a fração. Eu acho que isso é muito melhor do que apenas mostrar uma fração tipo de mostra a você uma imagem visual disso. Então eu passei cerca de 15 minutos adicionais ajustando o layout e ele veio com isso. Eu decidi manter tipo de com o tema circular. Nós não temos que fazer isso para todos, mas eu tenho este pequeno símbolo não que eu criei é apenas um círculo e uma linha com seis traços Cem e apenas meio que fez isso realmente se misturar ao fundo, mas ainda assim comunicar isso. Não, que este é 1/3 que não pode estalar os dedos de modo a reenfatizar o que a parte 1/3 da fração era, que não é possível. Então, provavelmente 1/3 da população não pode estalar. Seus dedos são destacados, estalam os dedos. Estou mantendo tudo o que se relaciona com um dos três em laranja para que todos possam conectar um dedo. O número um, e então as palavras assim conectando todos aqueles com cor e não usando muita cor para distrair, mas realmente tipo de aperfeiçoamento em tentar se comunicar, comunicar Isso é claramente possível. Então foi assim que chegamos a meio que este. Estaremos prontos para a 3ª 1 talvez possa fazer coisas diferentes e abordagens diferentes . Vamos ver o que é. O estado da Flórida é maior que a Inglaterra. Então, mais uma vez, podemos fazer uma espécie de comparação desta vez pode realmente fazer em escala. A maneira poderia encontrar algumas imagens vetoriais da Inglaterra e da Flórida. Coloque-os um sobre o outro, tente achá-lo à escala se pudermos fazer uma visão interessante sobre isso. 6. Mostrando de escala - comparando tamanhos: para a próxima estatística. O estado da Flórida é maior que a Inglaterra, então uma citação muito simples. Como tornamos isso um pouco mais visual? Então eu pensei, vamos em frente e fazer uma comparação visual real. Podemos encontrar um gráfico vetorial do estado da Flórida e um gráfico vetorial do país da Inglaterra e ver se conseguimos algum tipo de visual aparecendo aqui porque funcionará muito melhor do que apenas uma frase normal. Então eu realmente baixei um par de grandes gráficos vetoriais, e eu vou colocar os links de recursos e o guia de recursos. Você pode baixar isso e e encontrar esses ícones s. Esta é a Flórida. Este é um ícones muito simples acontecendo em grupo que, e eu concordo. Mas novamente, às vezes você tem um grupo. Ele é um pouco lá iria. Eu tenho a Flórida. Vou copiar e colar a Flórida aqui e fazer uma cor mais clara. E vamos pegar a Inglaterra. Então eu tenho todo o Reino Unido. Nós vamos encontrar uma maneira de isolar isso aqui em um segundo eso muitas vezes, e eu queria resolver isso quando você baixar gráficos vetoriais. Primeiro de tudo, certifique-se de que você tem os direitos de usá-lo ou que você precisa obter o crédito adequado. Então isso foi de escolha livre, e você sabe, eu vou me certificar de que eu receba créditos apropriados nos links. Mas com o tempo usado tipo de um recurso livre, certifique-se de dar créditos adequados ou você comprá-lo se você precisa obter uma licença premium. Então, muitas vezes esses gráficos não serão exatamente como você precisa deles. Então o que eu preciso é de um gráfico sólido. Não preciso das linhas ou dos contornos, mas já que você é ótimo em usar o Adobe Illustrator, será fácil. Então vamos destacar isso e vamos entrar, Desligue traços. Eu vou descer aqui para o meu derrame, Phil, e vamos em frente no portão, tudo isso. E agora temos um gráfico agradável e suave. Então agora eu tenho um objeto. Vamos copiar todo o Reino Unido e colocamos ele aqui. Está fazendo uma cor ligeiramente diferente. É Goto Phil, só para vermos a diferença. Mantenha a tecla Shift pressionada e reduza a escala. Então, uma coisa que precisamos fazer é descobrir o quanto a Flórida é maior para a Inglaterra. E precisamos separar a Inglaterra do Reino Unido porque não diz o Reino Unido. Então também queremos ter certeza de que estamos estatisticamente e cientificamente precisos. Então eu vou fazer algumas comparações e tentar encontrar qual é a escala certa, e eu já volto. Então é capaz de encontrar a escala certa. Eu literalmente coloquei quanto maior é a Flórida do que a Inglaterra? E há algum grande recurso do Google é, e algumas imagens onde eu posso tipo de encontrar o ajuste certo. Agora precisamos descobrir como organizar isso visualmente para ver a comparação. Então eu quero tipo de aconchegar isso. Eu vejo este tipo agradável de área de corte claro e tipo de deslizar o Reino Unido um pouco abaixo aqui, tipo de ver como eles podem meio que comparar um pouco. E se acabar, tudo bem. Vamos acabar isolando a Inglaterra aqui em um momento. Então, agora vamos em frente, aplicar algumas cores agradáveis. Nós já temos algumas cores e alguns muito legal, ganancioso int tons de jóia Grady int que temos seus braços poderia tomar a ferramenta conta-gotas e ir em frente e aplicar um par desses. E vamos em frente e fazer o Reino Unido uma laranja brilhante agradável. Então há um bom contraste entre o verde e o laranja. Então eu só vou levar migrando para um suave que para fora, ter certeza que é tudo o mesmo gráfico. Você não vê os condados individuais, ou como ele foi dividido em cidades. E vamos em frente e fazer isso um mais suave e agradável, longo desenhado radiante para que não pareça óbvio. O Grady. É uma transição mais sutil, talvez um pouco mais escura. Então agora precisamos isolar a Inglaterra. Então, a Inglaterra só será a metade inferior da direita. Então vamos em frente. Arraste isso rápido e podemos fazer um corte simples. Nós provavelmente poderíamos usar, Ah, a ferramenta de retângulo e vamos ver onde queremos que ela seja corrompida. Não vai ser exacto. Então, se você é do Reino Unido ou gosta é mais do Norte, mas isso será apenas uma espécie de estimativa aproximada . Por agora, você provavelmente pode encontrar mapas mais precisos de onde a Inglaterra começa e onde a Escócia termina. Então eu tenho essa coisa poderia ir e torná-lo de uma cor diferente. Eu vou simplesmente tipo de cortar isso fora. Nós vamos entrar, destacar ambos, e eu vou clicar com o botão direito e fazer máscara de recorte e o que eu vou fazer agora como eu vou isolar um pouco mais porque eu não quero a Irlanda lá dentro, então eu vou Ver se eu não posso. Hum, se apenas fizermos a ferramenta de pino e tipo de desenhar um corte mais preciso lá fora nós vamos. Então eu tenho que ir desenhar forma sobre o que eu quero ser capaz de isolar. Vou selecionar os dois. Eu posso, clique direito, e eu vou apenas ir em frente e fazer máscara de recorte. Então lá, é isso. Então eu tenho que isolado que podemos trazer nosso gráfico original de, hum trazer isso de volta. Podemos sobrepô-lo e torná-lo mais escuro para que eles possam ver tipo de onde eles estão localizados porque você raramente vê a Inglaterra isolada do Reino Unido. Então, seria bom manter esse ar. Há pequenas coisas infográficas que você realmente tem que pensar como o espectador. O que eles vão estar acostumados a ver o que vai ajudá-los a digerir suas informações e assim pensar, sabe, tipo de maneiras que podemos apresentar isso de uma maneira que você gostaria de vê-lo da maneira que você gostaria de ver Compreender. É meio que a chave para um grande design infográfico, então eu só preciso entrar. Eu só vou pegar a ferramenta de seleção direta tipo de ajustar meu corte lá apenas um pouco melhor. Eu também poderia cortá-lo usando a ferramenta construtor de formas. Mas como o gráfico era um pouco mais complexo de pequenos crossovers, decidi não me preocupar com isso e fazer algo mais simples. Então agora eu vou trazer a Flórida para o topo e vamos ver se eu não consigo encontrar uma coluna de cor melhor , encontrar um pouco de uma cor que combina com o fundo, mas é um pouco mais leve. Assim mesmo, Sra. Encontre a melhor maneira de se sobrepor a isso. E vamos também adicionar um soco de sombreamento cair somas ir para voltar e fazer nossa sombra cair aqui. Tem uma gota estilizada. As sombras fazem uma boa e profunda gota escura. Sombre-o 75% para fazer uma pequena pré-visualização para ver como ele fica. Talvez recuar para cerca de 44%. Eu não quero ter isso muito esmagador. Então, só um pouco. Essa sombra realmente ajuda que a Flórida pop para fora sobre o Reino Unido pode realmente comparar os dois. Então eu vou continuar a mexer com o layout e no próximo vamos nos concentrar no tipo real e ver qual é a melhor maneira de apresentar este tipo e dizer que é ter como , Isso é muito chato, vamos dizer tipo de tipo de usuário como uma forma de também rotular o mapa, e você tipo de ver o que eu quero dizer quando chegamos lá. Então, com infográficos, ele nunca quer ocupar muito espaço porque normalmente você tem 10 outros, talvez visuais ou gráficos. Você também tem que caber em torno dele ou nesta página específica. Você quer ser um apertado como você pode com o espaço e assim conservando o espaço? Então, neste caso, em vez de ter uma linha separada, eu meio que vou integrar isso e rotulagem e também. Então o estado da Flórida e ah destacaram a Flórida com a mesma cor para que haja uma conexão de cor é maior do que a Inglaterra e há a conexão de cor lá. Então vamos fazer um simples derrame. Vou pegar a ferramenta de alfinete, ou vamos fazer uma bela linha verde. Vá em frente, faça essa linha verde Grady int. Tenho que ir ao meu painel de AVC. Vamos fazer uma linha boa e robusta e vamos suavizar. Basta fazer em torno do Capitólio, dar uma bela tampa redonda e dar um belo olhar polonês e deixe-me ver se eu não posso virar o verde para o acidente vascular cerebral, você pode voltar e adicionar o boné, e lá vamos nós. Então há essa linha, e podemos adicionar outra linha da cor similar a esta aqui em baixo que seus olhos foram atraídos para o local correto. Nem toda a gente conhece a sua geografia. Você sempre pode assumir que as pessoas sabem o que você sabe, e vamos fazer uma boa rodada de Kappa. Os Gardi têm esse conjunto, então lá vamos nós. Isso é um gráfico muito simples enfraquecer Miami fazer escapar com o tipo um pouco maior. Depende de quanto espaço você tem. Eu só estava tentando combinar alguns dos tamanhos de fonte que eu tenho em outro lugar vão se livrar desse material extra aqui, e é isso. Então essa é uma boa comparação visual. Muito fácil, muito direto para a frente. E eles ainda são capazes de ver onde eles estão. Eles sabem que é o Reino Unido, porque nós deixamos isso lá para eles para que eles possam realmente tipo de saber onde eles estão geograficamente e comparar muito facilmente. Foi um fundo rápido. Quando o próximo, vamos entrar em gráficos de pizza e vamos encontrar uma maneira de usar a ferramenta gráfico de pizza, um ilustrador de adobe para fazer seções de pizza de seção perfeitamente para que possamos ter gráficos de pizza matematicamente corretos. E nós vamos fazer um pequeno giro três D sobre ele em algum brilho e tentar torná-lo um gráfico visual aparecendo, atraente pizza gráfico. Então vamos fazer isso a seguir 7. Gráfico de pie complexo: Então esta é uma amostra do gráfico de pizza. Vamos recriar a repartição dos gastos federais dos EUA por categoria 2.45 trilhões. Acho que são os números de 2015. Encontrei-o no Google, mas criei este gráfico, mas vou mostrar-te o tipo de processo. Eu fui devido para criar um gráfico de pizza muito preciso. Assim, com gráficos de pizza, especialmente quando você começa a obter três ou mais fatias diferentes da pizza, ele começa a ficar mais difícil de adivinhar. Como é um 48% da torta? Como é o 5% da torta? Você realmente quer ser preciso com isso? Como você está exibindo suas informações visuais é onde a parte científica entra em infográficos. Então você vai precisar usar algum tipo de ferramenta. Você pode realmente fazer isso e se destacar. Mas o Adobe Illustrator tem uma ferramenta fantástica para isso. Você vai cair em suas ferramentas. Se não o vir listado na barra de ferramentas, provavelmente não o verá. Geralmente está escondido. Vamos em frente e chamá-lo aqui para baixo na seção da barra de ferramentas de edição. Você clica aqui, vai encontrar seu curso de versão 2019 como este é filmado de ilustrador, e há todos os tipos de ferramentas diferentes que você pode usar. Vamos usar a ferramenta de gráfico de pizza, que eu já não selecionei, e eu não teria arrastado direto para minha barra de ferramentas. Então vá em frente e acesse isso agora. Então, se não temos usado para mim as ferramentas integradas de gráficos e gráficos de adobe, você está com sorte. Então, vamos em frente e selecionar nossa ferramenta de gráfico de pizza. Nós não selecionamos aqui. E nós vamos em frente e desenhar para onde, o quê? Achamos que o tamanho deve ser para nossos gráficos de pizza ou ele vai ir em frente e clicar e arrastar, e ele vai ser capaz de carregá-lo. Isso nós vamos carregar os dados como você faria e sobressair que nós não vamos fazer. Vamos atravessar colunas. Não vamos fazer a Rose. E nós podemos te mostrar por que você pode fazer Rose e como isso pode ser benéfico. Mas para este caso, vamos fazer colunas. Vamos entrar no nosso documento do ah Word e digitar nossa informação. Então temos um 45 38 48 a 1 a 2%. Você poderia fazer isso com qualquer um. Não podemos nem pegar seu próprio estatista se não tiver que fazer os que eu providenciei. Então vamos em frente e digitar isso e eu vou digitar por ordem. Então você começa com o maior e vai o menor porque você não quer colocar sua maior fatia de torta ao lado do menor e, em seguida, outro grande. Você quer tipo de ir em ordem do maior todo o caminho até o menor porque é assim que vai carregar as fatias de torta. Então vamos começar com o maior, que é 48 38 e vamos em frente e clicar nesta pequena marca de seleção, e ele vai criar automaticamente as fatias de torta para nós. Incrível! Sim, isso torna a vida muito mais fácil começar a ir em frente e clicar aqui e tem um tipo de golpe para ele tipo de tem este pequeno golpe e eu não gosto de todo este pinceladas finas foram para fazer algo diferente com ele. Algumas escolas escolhem meu derrame aqui e negam isso e não conseguem nada. Então agora eu tenho uma boa garra limpa. Então, quando terminamos com isso e o que é ótimo nisso é que isso é 100% preciso. Sei que é uma fatia de 5% da torta. Posso me sentir confortável mostrando isso estatisticamente e representando isso. Então, a qualquer momento, se você quiser atualizar tipo de números, se você quiser em outra fatia de pizza, torná-lo mais complicado. Tudo o que você precisa fazer, você sempre pode mudar isso aqui e nós vamos atualizá-lo ao vivo para você. Então nós podemos fazer isso um pouco mais dinâmico porque agora, este é um tipo de gráfico de pizza chato que você veria em qualquer tipo de demonstração financeira chata . Então vamos apimentar um pouco com cor, talvez um pouco de um jazz de três D para ele. Então agora, quando eu clicar com o botão direito, eu tenho tudo ótimo para fora. Tem tudo de bom aqui fora. Parece que não consigo isolá-lo. Então nós vamos ter que fechar a caixa da escola, e nós temos que sentir que estamos realmente confiantes que esses números foram meio que feito de ajustar o gráfico de pizza. Estamos prontos para adicionar um tipo de estilo liso a ele. Então vamos em frente e dizer: “ Acabamos”. Ele estava clicando fora disso e agora nós vamos ter um monte dessas opções agora estão em série. E então agora nós podemos meio que desarrumado isso um pouco. Vamos nos opor ao grupo, e vai dizer que esta eleição continha o gráfico após o rascunho. Seu próprio grupo, é isso. Você não pode mais acessar o gráfico. Então nós apenas transformamos isso em elementos de forma regular. Perdemos a parte do gráfico. Tudo bem, porque nos sentimos finais sobre isso indo Click on Yes. Então agora eu tenho a opção de pegar a ferramenta de seleção direta e apenas tipo de selecionar cada fatia de pizza. E usar minhas teclas de seta é meio que mudar, deslocá-lo um pouco para isolar essas fatias de torta umas das outras. Só para que os pequenos chai, uh, fatias altas possam ser vistas um pouco melhor. Então tipo do que nós fizemos lá em cima tipo de colocar nossas fatias menores um pouco mais acima e gradualmente mais altos ups. Parece que eles estão saindo lentamente. E, claro, essas cores definitivamente precisam ser mudadas. E agora que despreparamos tudo isso, temos controle total sobre esses elementos. Vamos em frente e clique com o botão direito. Vamos ter de voltar ao grupo da ONU. E agora, Sopa. Temos um grupo no grupo algumas vezes para finalmente isolar isso, mas eu deveria eventualmente. Então agora ele pode inclinar com segurança um pouco estes e apenas tipo de encontrar o ângulo certo para cada um destes, criando algo um pouco mais especial do que o seu gráfico de pizza padrão. Então vamos adicionar um pouco de cor. Aqui têm muitas opções de cores diferentes que eu posso adicionar parecem tipo de combinar este tema de cor de tom de jóia brilhante que temos até agora aqui. Então eu só vou pegar emprestado aqueles que já foram selecionados aqui. E eu vou fazer um Grady mais lento aqui. Clique em Phil em uma transição agradável com alguns destes. Sim, temos azul, roxo, e eu não estou fazendo cores tão distantes uma da outra. Eles são uma espécie de em um tema de tom de jóia semelhante e paleta de cores e geralmente começando com tipo de ir em ordem. Então eu meio que tenho tipo de roxo para azul para verde dedo laranja tipo e, em seguida, para baixo para ler o laranja mais escuro é o menor e tipo de funciona seu caminho ao redor. Então, agora que eu tenho uma paleta de cores temática agradável aplicada a isso, ele precisa de um pouco de brilho. Poderíamos fazer algum tipo de três efeitos D só para fazer com que aparecesse um pouco. Então eu vou selecionar tudo. Agora ele não está mais conectado à ferramenta de gráfico de pizza. É o seu próprio elemento ou uma combinação de diferentes símbolos e elementos. Eu ia clicar com o botão direito e, pior, conseguir um grupo tudo junto. Então, estamos nos preparando para usar a ferramenta três d. Então, quando nós usamos o brinquedo três D quando um grupo coisas juntos então tudo é. Todos eles são tratados como um elemento. Então é bom e ir até o efeito. Você já teve experiência em usar três D 8 e Adobe Illustrator? Isto é exactamente o que estamos a fazer. Vamos fazer extrusão e extrusão e bisel. Vamos em frente e clicar nisso. Nós também queremos verificar no anterior quem poderia ver o que diabos está acontecendo? Estamos meio que mexendo com isso, então você é uma espécie de representação visual do ângulo que ele vai fazer. E queremos manter a frente agradável e no centro. Nós só queremos aplicar um efeito três d muito pequeno e sutil a ele. Nós não queremos que ele passe assim e você não pode ver corretamente as fatias de torta em sua ordem. Então vamos fazer uma pequena mudança e uma das maiores coisas que eu mudo. Eu não mudo. Eu não mexo com isso. Ah, muitas configurações nos três D. Mas uma que eu, uh, uh, mexo com muito é a profundidade da extrusão que será mantida profunda. - É. Então, se eu fizer 200 pontos e pressionar Enter, vai ser um gráfico incrivelmente grosso um onde eu poderia voltar para cima. E se uma vez que você fechar isso e quiser voltar e editar, basta sempre ir para o painel de propriedades e você poderá voltar e clicar em qualquer propriedade que você aplicou aos seus assuntos. Então, se você aplicou um três D, você pode voltar e clicar sobre isso e voltar para suas configurações. Vamos clicar na pré-visualização novamente. E vamos fazer eu gosto de fazer uma profundidade agradável, magrela, extrema, magrela, extrema,porque nós não queremos que pareça fingir que ela brega quem? Vamos apenas fazer uns 10 pontos e ver como isso parece. Poderíamos testá-lo só um pouquinho. Talvez tipo de mudar isso para cima para obter qualquer ângulo que você gosta ou você acha que seria realmente bom. E também há perspectiva. Esta é a perspectiva aqui. Então vamos ver. Eu não acho que você poderia ver uma grande mudança com o círculo em perspectiva. Eu não acho que você pode, mas eu amo usar perspectiva porque quase lhe dá uma espécie de lente de câmera única quase lábio secular. Há uma pessoa como um peixe. Eu escrevo lente. Ele meio que dá um olhar muito legal, mas neste caso com o gráfico de pizza, eu não acho que ele vai necessariamente aparecer demais 8. Gráfico de caleja - adição de cor e detalhes: Quando se trata de rotulagem, não tenha medo de usar vertical, Hum, ou em vez de ir horizontal, você vai um pouco vertical com o seu tipo. Porque neste caso, se eu tentar rotular o pequeno 2% 1 nem sempre funciona no mesmo tamanho, e você tem que torná-lo realmente pequeno. Não funciona muito bem. Então a minha solução era sair do gráfico para os números menores e ir um pouco vertical. E isso meio que ajuda o tipo de conectar essa fatia de torta com esse número de porcentagem particular , mesmo que não esteja descansando na fatia de torta. E outra coisa que eu acho que ajuda é você ver como esse ar meio ao lado um do outro , e eles meio que entram em conflito um com o outro. Então, quando estou tentando quebrar essa informação, eles meio que estão competindo demais. Outra coisa que você pode fazer é mudar isso para o canto superior esquerdo e talvez enviar isso para baixo um pouco, e isso meio que ajuda o I. Um sinal de que 38% para o roxo dos 48% para o azul. Há mudanças muito pequenas, mas elas se somam para ajudar as pessoas a digerirem a informação um pouco melhor. Então, só alguns ajustes que podemos fazer. E então agora ele pode adicionar um pouco de rótulos no mesmo sustentado que uma calma, talvez tipo de semelhante a este aqui em cima tipo de versão acabada, tipo de apenas adicioná-lo. Poderíamos empilhá-lo. Então, em vez de ter isto ir até o fim, eu poderia colocar esta comida e agricultura em duas linhas. E isso pode ajudar. Como eu tenho um pouco de um quarto lá, sentado tipo de ser criativo e como você faz todos os seus rótulos, eu acho que o rótulo aqui de alguma forma foi apagado, mas você pode ver como eu também estou atribuindo a mesma cor para o rótulo que a fatia da torta é apenas uma outra maneira de conectar tudo. Então as pessoas que veem isso não precisam pensar muito. Ele nunca quer que o espectador tenha que pensar que deve apenas eles devem apenas obtê-lo que conecte tudo onde ele precisa ser conectado e mas de ser. Mas um boom e finalmente tenho o meu pequeno título aqui. Eu não me importava de pousar sobre a fatia de torta. Acho que parece bem. Como é usar Helvetica em negrito aqui. Então, Então, eu posso fazer esse título muito legível. Eu fiz o total um pouco maior do que as outras informações aqui para que as pessoas possam saber que este é ah, o que o valor total ISS. E poderia até colocar aqui embaixo. Você sabe, 2015 ou qualquer ano em que os dados foram capturados, qualquer informação detalhada que você tem que adicionar. Então deixe-me ir em frente e fazer isso com este pequeno gráfico de pizza e ver como ele parece o tipo que fizemos para a aula e eu volto logo. Então, aqui está a versão da classe que fizemos juntos meio que fez alguns ajustes comparados com a amostra quando eu fiz antes de filmar esta aula e apenas meio que torná-los um pouco mais ousados. Há algumas coisas que podemos fazer, acrescentou uma gota quebrada a este texto de sobreposição. Podemos adicionar uma gota quebrada para o para as próprias fatias de torta. Então eu só estou indo para um efeito de sombra de gota lá e talvez fazer um agradável efeito borrando de agradável, distante grande borrão. Tipo de ver como isso parece e talvez fazer um 44% apenas adicionando um pouco mais de profundidade lá. E outra coisa que poderíamos fazer é agora que estamos lendo o texto de cabeça para baixo, que obviamente é um pouco mais difícil de fazer. Então vamos facilitar para o espectador. Vamos apenas fazer algo realmente fácil, selecionar tudo, mas são números muito pequenos lá. Eu só vou girar o pique é que não importa como a torta parece porque ele vai longo desde que as fatias de torta estão nas divisões certas, vai ficar ótimo. Vamos em frente e garantir que seja 38% e 40%. Isso faz com que seja muito mais fácil para eles lerem. E eu vou me adaptar. Se você fizer esses números e acertar e então terminaremos. Aqui está o nosso último gráfico de pizza. Podemos ir em frente e duplicar isso e fazer uma versão mais limpa. Se quisermos ser capazes de ter um sem os três D, podemos apresentar os dois e ver qual deles fica melhor. Então eu vou apenas ir em frente e selecionar nosso objeto aqui. Vou clicar com o botão direito. Vou entrar no grupo. Ele vai ir em frente e se livrar do efeito três d que nós aplicamos que nós podemos tipo de apenas estes realmente rapidamente e ver qual versão como melhor. Nós gostamos do design plano, mais limpo. Se nós gostamos de um pouco dos três d você sabe, três D é opcional. Dis acrescenta uma coisinha. Mas as três ferramentas D no Adobe Illustrator não são super avançadas em comparação com outros programas. Então ele não tem tipo de que brilho ou brilhante iria obter com outros tipos de três renderizações D que você veria em talvez Adobe Dimensions ou outro programa de três D. Mas talvez um dia haverá melhores três opções D. Um ilustrador de Adobe. Lá vamos nós. Há um pequeno gráfico de pizza mais brilhante. É preciso. Então tudo está dividido perfeitamente, e eu acho que é dinâmico o suficiente onde nós definitivamente poderíamos ver a informação de uma maneira muito, uh, mais fácil uh, mais fácile facilmente digerível. Então agora fizemos um gráfico de pizza. Temos outro gráfico um pouco mais difícil para resolver. Vai ser um gráfico de linhas nosso gráfico de barras que vamos fazer trabalhando com este próximo conjunto complexo de informações. Você pode abrir isso em seu documento do Word. Vamos para a renda familiar média anual de acordo com gerações, e vai ter muitas linhas diferentes passando pelos enxertos. Vamos criar um gráfico de linhas, mas vamos tentar torná-lo visualmente excitante usando nossas cores e meio que torná-lo também fácil de ler. Então vamos fazer isso a seguir. E então nós temos apenas um ou dois mais e então nós terminamos com o nosso gráfico. E teríamos passado por um pouco de diferentes situações infográficas. Eu não sou super duper infográficos complexos, mas isso é apenas o suficiente para tipo de começar e levá-lo realmente a pensar sobre como lidar visualmente exibindo alguns destes ah fax caso contrário chato. Então, eu queria mostrar uma pequena dica extra quando estamos fazendo o gráfico de pizza, então tenha nossa ferramenta de gráfico de pizza selecionada no Adobe Illustrator. Vai desenhar um gráfico de pizza muito rápido em vez de atravessar. Na verdade, eu vou descer para as colunas, então eu vou quebrar isso por um casal. Diferentes. Isso é 50%. Vamos nos certificar de que tenho tudo correto. Vamos fazer 25 a 100%. Então, apenas fazendo alguns números aleatórios que todos fazem 100%. E já que estamos fazendo isso pela coluna e então vamos Pierre e transpor, se ele quiser voltar para um gráfico de pizza regular com fatias de pizza, vá e troque de volta. E agora está na coluna. Vou clicar em OK, e assim você vai notar que quebrou em diferentes fatias altas. O que é ótimo sobre isso é cada um desses círculos. Deixe-me ver se consigo fechar isto e isolar isto. Vamos em Grupo tipo de desbloquear esse tipo de grupo estes e obter estes são cores diferentes , então eu meio que realmente mostrar o que está acontecendo aqui. Lá vamos nós finalmente e, em seguida, agrupá-lo um pouco. Mas a grande coisa é, todos eles são dimensionados perfeitamente, então cada um desses círculos representa a proporção exata de acordo com 100%. Assim como as fatias de torta, isso é preciso. E o que é ótimo sobre isso é que você pode fazer um diagrama de Venn criativo em diagrama fora disso Uma vez que eu ir em frente e obter alguma cor configurar amor e diagramas porque eu acho que é uma maneira realmente interessante de tipo de mostrar escala em relação um ao outro. Então, indo ampliar e fazer isso um pouco maior, desde que eu escalasse todos ao mesmo tempo, as escalas entre si permanecem as mesmas. Então este era o nosso maior. E este é o menor dela. Adoro sobrepor esses tipos de coisas assim. E então eu adoro ir para modos de mistura. Eu recebo um seleto de todos eles. Vou trazer minha janela de transparência, e é aqui que estão os modos de mistura. E eu vou descer para o modo de mistura de sobreposição e você percebe como ele se sobrepõe. E isso funciona muito bem em um fundo mais leve. não vai trazer isso, então você pode meio que ver como eles podem se sobrepor um com o outro e você pode meio as coisas se sobrepõem a ela para fazer algo semelhante em outra estatística mas isso é chamado de diagrama de Venn. Poderíamos trazer esse maior para a frente, e então você poderia colocar as porcentagens aqui para que eu possa ir em frente no grupo isso e é meio que trazer para dentro. Agora as estatísticas. Eu sei que estes são 100%. É apenas uma maneira interessante de exibir. Em vez de fazer um gráfico de pizza que você poderia exibir neste formato de diagrama, o que poderia ser um pouco mais interessante. Estes não são o fax exato, mas eu meio que mostro um exemplo. Algo que fiz por algo que fiz para o cliente muito parecido com este. Apenas uma maneira diferente de mostrar, você sabe, repartição de porcentagens. Então eu quero compartilhar isso com você. Apenas um jeito diferente. Uh, tipo de saber. Como faço para criar círculos todos em relação uns aos outros que se dividem em 100% como um gráfico de pizza? Como faço isso? Isso foi apenas descer as colunas em vez de atravessar e rosas como você fez isso usando o gráfico de pizza no Adobe Illustrator 9. Projeto de gráfico: Bem-vinda de volta. Estamos prontos para enfrentar ou gráfico mais complicado. No entanto, vamos fazer um gráfico de linhas. Parece bastante simples. Mas aqui está o nosso conjunto de dados. É a renda média anual das famílias de acordo com gerações. Então você tem tempo passando. Mas ela também tem gerações diferentes tendo uma quantidade diferente de dinheiro e algumas gerações eu não tenho nenhum conjunto de dados antes porque eles ainda não nasceram. Então isso vai mostrar um tipo de sobreposição de gerações do que diferentes gerações fizeram em momentos diferentes em sua vida útil. E assim não temos um gráfico de linhas que vai abranger todo o caminho para todos eles. Então você diz que temos alguns conjuntos de dados faltando aqui. Assim como o gráfico de pizza com o Adobe Illustrator, se você não vê-lo na barra de ferramentas, basta descer aqui para editar a barra de ferramentas e ir em frente e arrastar essa extremidade. Vai parecer que isso vai ser as ferramentas de gráfico de linha para ir em frente e selecionar que o que você pode fazer tudo o que você tem a fazer é exatamente como o gráfico de pizza. Clique e arraste e ele vai avançar e aparecer com este pequeno menu de diálogo onde você pode inserir seus dados. Então o que estamos precisando fazer é que estamos precisando de obter um gráfico de linhas realista e diferente que atravesse os diferentes números. Então bem perto daqui, eu o rotulei. Assim como nossa geração silenciosa, que é o primeiro tipo de geração que estamos fazendo. Temos geração X. Por que na geração Z, Então eu estou colocando em todos os seus conjuntos de dados. Como sabem, faltam alguns conjuntos de dados porque Jin Z nem nasceu. o Eoprimeiro conjunto de dados. Então eu só quero que você tipo de estudar isso um pouco. Como eu montei isso, vá em frente e coloque esses números e tente fazer uma espécie de experiência. Como obter o gráfico de linhas. Correto. Na verdade, levou um bom tempo para descobrir quais colunas usar e como quebrar isso. Então, apenas tipo de fazer uma pausa momento tipo de estudo, como eu configurei as colunas neste Você clica na caixa de seleção quando você estiver pronto e você vai ter um gráfico que se parece muito com isso. Então nós temos nossos gráficos diferentes e nós temos nossos rótulos. Se você voltar para aqui, você pode ver como tem os rótulos no topo de cada coluna. E isso vai aparecer na sua chave bem aqui. Então é bom ir em frente e criar tudo isso para você. Então, há algumas coisas que podemos fazer. Podemos ir em frente e ir até o grupo e começar a colocar nossa própria rotação visual para ele, torná-lo mais emocionante e visualmente atraente. Ou podemos até mesmo manter o gráfico de linhas, editar ervas e adicionar alguns itens diferentes a ele estão em um apelo visual para ele sem ter que correr, agrupá-lo e quebrar o gráfico. Vamos mostrar-lhe como fazer isso, mas no final, vamos quebrar o gráfico, e vou adicionar muito mais do que poderia fazer se mantivesse o gráfico intacto ou credível . Então eu vou seguir em frente e o que você poderia fazer é pegar a ferramenta de seleção direta e você pode selecionar diretamente qualquer um desses objetos e alterá-lo exatamente como você faria com um objeto normal. Apenas tente não un grupo que bom objeto conhecido grupo. Uma vez que você faz isso, ele não é mais conectado ou creditável. Então vamos demorar muito. Um. Vamos fazer isso. Vamos torná-lo agradável. Eu só estou selecionando diretamente todos esses pequenos elementos, e eu poderia ir aqui para o meu painel de traçados. Posso aumentar a espessura. Eu posso adicionar uma boa tampa redonda para ele, o que já é, poderia torná-lo uma cor diferente. Torná-lo vermelho se eu quisesse. E assim por diante e assim por diante. E o que é ótimo em fazer isso dessa maneira sem agrupá-lo e apenas usando a ferramenta de seleção direta é que eu ainda não editei ervas no meu gráfico, então eu poderia ir em frente e mudar esse conjunto de dados para 22.000 e ele vai atualizá-lo. E vai manter a aparência dele também. Então você pode continuar com isso e mantê-lo intacto, caso você não esteja confortável com os números e o cliente queira adicionar um conjunto de dados , você sabe, ter que voltar e tentar descobrir isso manualmente. Isso pode ser muito útil. Então o que eu vou fazer é eu estou realmente feliz com o tipo de configuração básica dessas linhas, e nós vamos fazer algo um pouco criativo com isso. Então eu vou em frente e desarrumei isso e não torná-lo inevitável. Nós vamos até o objeto. Vou selecionar nosso gráfico. Primeiro, vamos em frente e fechar este ir para o grupo de objeto da ONU e eu vou dizer sim, tudo bem. E agora eu o tenho como objetos individuais. E agora podemos realmente brincar graficamente com o que isso parece. Então, ser capaz de usar o tipo de ferramenta gráfico de linhas no Adobe Illustrator economizou muito tempo de ter que descobrir todos os pontos de dados e fazer manualmente. Então, agora que temos isso, vamos em frente e arrastá-lo para baixo e vamos colocá-lo em nosso fundo escuro e começar a tomar algumas decisões de design, e isso poderia ocupar um pouco de espaço, como nós já meio que planejamos em o começo de que teremos muito espaço para este infográfico em particular. Eu fui em frente e adicionei rótulos. Deixe-me ver se eu não consigo fazer isso ser branco, então eu posso meio que ver mostrar a você. Acabei de adicionar rótulos simples, um para cada conjunto de dados, como sabemos que o tempo passa. Basta olhar para o seu conjunto de dados original e descobrir como você precisa rotular que ele está em estava fazendo todas as coisas pretas branco para que possamos ter algum alto contraste e tipo de ver o que temos acontecendo aqui e também poderia ter que clicar com o botão direito e no grupo para têm acesso a alguns desses elementos. Ok, ótimo. Então, agora que temos um tipo de nossos gráficos básicos configurados, podemos bagunçar, mexer com a tipografia um pouco. Vamos agrupar isso. Vamos tornar isto mais fino. Espere. Talvez um pouco menor. Torná-lo um bom peso leve. Está fazendo um pouco mais escorregadio do que podemos tornar os anos um pouco maiores. Mais ousado. Então temos ousadia aqui. Temos oblíqua ousada? O que é que isto faz? Regular negrito. É aí que se torna divertido. Como um designer, tipo de passado o conjunto de dados, nós temos o conjunto de dados perfeito e de acordo com como ele deveria ser. Então agora podemos adicionar um polimento liso a ele, então eu vou apenas un grupo todos esses elementos e ver o que podemos fazer com esses gráficos de linhas . O que é um tipo de legal, hum, agradável Grady nisso. Então vamos ver se não podemos provar a cor brilhante super duper para este. Vamos torná-lo verde. Nós podemos ter que ungroomed bit. Obtém um monte disso em agrupamento que vem com esses gráficos para ter certeza que eu tenho isso em isolamento. Está no Grupo mais uma vez. Lá vamos nós. Então agora podemos ir em frente e provar Green. Vire que dois gols. Certifique-se que eu tenho o meu boné redondo agradável, mas eu só acho que parece mais polido. Ok, isso é um conjunto de dados bem aqui. Tipo como tudo está conectado ou como é em vez de um grande longo radiante. É meio segmentado como esse tipo de parece realmente interessante. Também podemos fazer algo com esses quadrados aqui. Poderíamos fazer com que esses enfraquecessem por conta própria, e acho que devemos adicionar a sua própria. Vamos fazer a ferramenta de elipse e vamos pegar o Grady int que usamos. Nós vamos virar para preencher, adicionar um pouco de sombra para isso e meio que colocá-lo em cima de seu ponto de dados. Talvez possamos fazer isso, uh, mudar o radiante, só um pouquinho. Fique um pouco mais suave. Há assim. Talvez pudéssemos mexer com a sombra um pouco mais, e eu sempre posso ir ao meu painel de propriedades. Se eu não encontrar meu painel de propriedades, eu sempre posso apenas mostrá-lo. Traga para cima Double rápido para fora drop shadow. Vamos pré-visualizar isso. Vamos ver se podemos torná-lo mais forte, agradável e forte. Talvez o desfoque um pouco demais. Isso é 2.5 Lá vamos nós. - Legal. Não consegui ver isso. E podemos até adicionar outro círculo. Então eu vou apenas segurar, opção e arrastar e fazer um círculo menor aqui. Talvez pudéssemos fazer isto como um grande radiante. Eu sempre posso apenas ir para editar cores e eu só vou para baixo para converter cinza. Esta é apenas uma maneira rápida de mudar uma cor. Qualquer coisa de cor. É um radiante colorido para um radiante em tons de cinza, e nos poupa um pouco de tempo Passo ter que ir no painel de classificação e fazer ajustes lá. É quando um pequeno Papa Gray. Então agora eu tenho que ir para a minha nota. Ian Pannell, meu painel radiante. É como empurrar alguns destes para trás, talvez deixar cair uma cor mais escura em que um relâmpago um pouco. Talvez fazer este branco puro. Então agora temos um branco a um cinza. Vamos fazer uma sombra sobre isso uma vez que ele se lembrou ou soltar configurações de sombra aqui em cima nos efeitos, nós só temos que lembrar que ele parece afetar sombra drop. Eu estou apenas no meu painel de sombra e 1/2 tipo dessas configurações configurar um pouco de borrão , um pouco de distância e um radiante bastante forte. Você pode ver como que parece que lançou um pouco de sombra. Hum, eu só estou fazendo pequenas edições agora está deixando ainda mais brilhante. Aqui vamos nós tem um bom tipo de aparência metálica para ele. Podemos diminuir o zoom e ver se gostamos de como esse conjunto de dados parece. Podemos sempre fazer isto. Nós temos um esboço deste caminho sobre isso para que ele possa sempre tornar isso um pouco mais magro, e isso vai trazer a força disso um pouco. Então, agora que gostamos disso, vamos agrupar esse pequeno elemento. E nós poderíamos apenas manter a opção pressionada e tipo de arrastá-la manualmente sobre esses pontos. E é muito mais fácil fazer isso do que manter o gráfico ao vivo. Mas uma vez que você tem os conjuntos de dados, se você não acha que os conjuntos de dados vão mudar, é sempre que eu acho mais fácil, mais criativo. Desbloqueie esse gráfico e comece a fazer as coisas manualmente. Nesse ponto, vamos encontrar uma cor diferente para este. Claro, vamos mudar nossos rótulos ou chave à direita. Então vamos fazer isso. Um bom contraste do Green. Vamos fazer um roxo brilhante ou talvez este tipo de cor laranja e podemos adotar o mesmo golpe. Então vamos descobrir que derrame temos aqui. Ah, nós temos um traço de três pontos, então vamos fazer um traço de três pontos aqui, fazer em torno da tampa e nós não precisamos mais desses pequenos pontos, e nós poderíamos excluí-los e nós podemos ir em frente e fazer nossos ajustes e ver o que parece usar essas cores. Então agora vamos fazer um pequeno contraste roxo agradável, ótimo do verde e laranja. Eu estou apenas adotando algumas das mesmas cores que temos usado em toda a classe, e você pode acessar os mesmos Grady INTs na folha para download que terá fornecido no recurso é que faz apenas fazer as mesmas configurações lá e apenas obter livrar de alguns desses pontos e apenas fazendo a mesma coisa. Basta pegar uma cópia e colar este aqui em baixo e então fazer aquele roxo e para o último Data disse, eu vou fazer esse roxo daqui a pouco. Você tem esse pequeno conjunto de dados. Nós só temos um para a Geração Z porque eles não estão vivos há muito tempo, então eles só têm um ponto de dados. Nós não queremos esquecer aquele carinha ali, então ele tem uma cópia e Paste terá que fazer que sua própria cor não tenha realmente uma linha de conexão porque ele não tem um segundo conjunto de dados. Então deixe-me ajustar algumas dessas cores, e eles estavam indo para começar a olhar para o gráfico é um buraco para ver se há alguma maneira de nós podemos simplificá-lo um pouco e economizar algum espaço 10. Projeto gráfico - adicionar um pop de cor: Então eu fui em frente e atualizei tipo de cores aqui. Eu acho que no acidente vascular cerebral para quatro pontos em vez de cinco. Apenas meio que torná-lo muito fixador. Quando você diminui o zoom, você pode realmente entender as linhas muito bem. Também hoje atualizou nossa chave aqui. E eu vou mover nossa chave aqui porque é tudo sobre salvar espaço. Isso ocupa muito espaço horizontal. Então, se eu for em frente e mover minha chave para cá, vai realmente ajudar. E talvez eu precise fazer o agrupamento de convocações aqui. Lá vamos nós. Então agora vamos movê-lo para cá, e agora é mais conciso. E o que é ótimo nisso é que a chave está muito próxima das linhas, então você não precisa procurar muito para entender qual é a linha. Isso torna mais fácil para o espectador vê-lo. Eu poderia até pensar nisso ainda mais dramaticamente, desde que eu pudesse facilitar . Curso. Como sabe, vou mudar isso em vez de branco. Eu vou fazer estas as cores correspondentes dedo mais uma vez ajudar o usuário eo espectador ser capaz de digerir esta informação e um sinal estes e olhar para eles muito mais fácil. Então eu terminei correlacionando a cor com a chave. E uma coisa que queremos fazer é que temos o todo esse tipo agradável de querer realmente os usuários que eu seja atraído para este tipo de parte mais colorida da parte. Esta informação é muito importante, mas não é tão crítica. É fundamental olhar, mas vamos apenas talvez não. Há tanta atenção porque é um branco brilhante atraído para os números. Nós realmente queremos que as pessoas eu sejam atraídas aqui, e então eles podem se referir aos números para ter uma idéia do que está falando. Então, tudo isso para dizer, vamos fazer um pouco de cinza médio, então ele meio que se mistura ao fundo. Ainda queríamos ser elegíveis. Deixa este tipo de ver o que talvez apenas um pouco de um cinza claro mais escuro se parece e perceber como isso realmente começa a aparecer aqui. Eu também me certifiquei que isso estava em valores em dólares e nós provavelmente poderíamos dar ao luxo de fazer isso um pequeno, pouco menor mais uma vez para tipo de atrair os usuários que eu aqui e não ser tão pesado à esquerda. É tudo sobre equilíbrio, e você não quer que algo seja muito pesado ou muito brilhante no outro lado do design. Você realmente quer ter esse ponto focal principal e não ter muitas coisas atraindo seus olhos ao mesmo tempo para que possamos continuar a fazer essas coisas ousadas. Eu gosto de ter esses ousados e essas luzes porque há contraste entre eles. Então eu não meio que misturar essas duas colunas quando eu olho para ela imediatamente. Há uma espécie de diferenciação com o tipo, então estou muito feliz com isso. Há uma espécie de diferenciação com o tipo, Então aqui estamos nós, eu acho, em que cerca de 15 minutos realmente tipo de criar um tipo de gráfico de linha um pouco atraente. Nós provavelmente poderíamos continuar a trabalhar sobre isso mais, mas tudo isso foi criado apenas usando ilustradores gráfico de linha para ajudar você a começar com pontos de dados e, em seguida, certifique-se de que os gráficos de linha foram precisos no mundo capaz de un grupo que realmente tipo de adicionar um polimento e brilho usando nosso brilho brilhante de acordo com o tema de alguns dos infográficos que temos feito no início da aula. Então, uma coisa que podemos fazer, há uma opção aqui chamada ferramenta de gráfico de área. E você meio que vê aquele pequeno ícone como ele pode realmente desenhar, uh, tipo de ah, caixa sólida sob o gráfico de linhas para realmente tipo de torno dos dados. Então, em vez de tê-lo flutuando e então você tem que ter o seu Eu olhar para baixo para os dados , realmente ajuda a aterrar os dados e ajudar a você Eu conectá-lo ao fundo agora meio que mostrar um pouco mais difícil de explicar. Mas eu vou pegar a ferramenta de alfinete e eu vou apenas rastrear isso. Está rastreando a linha. Eles vão desenhá-lo até o fundo do estado do conjunto não precisa ser perfeito, porque nós sempre podemos alterá-lo usando a ferramenta de seleção direta mais tarde e ajustá-lo. O que vou fazer é mandar-nos até os fundos. Eu poderia até apenas clicar com o botão direito e apenas enviá-lo para trás ou fazer o meu atalho de teclado pequeno e eu vou fazer a ferramenta conta-gotas. Experimente o radiante, certifique-se de que é um preenchimento e tipo de ajustá-lo. Então talvez vá da luz para a escuridão, e por isso ajuda a aterrar os dados. Eu vejo um problema em ter apenas um conjunto de dados. Não há nada que realmente justifique esses dados. Então vai ser uma espécie de ponto flutuante. Esse pode ser o único problema com esse método em particular. Mas eu acho que ele funciona realmente muito bem visualmente em vez de ele tipo de realmente ajuda a preencher o gráfico um pouco em vez de ter grandes lacunas abertas. Então, se você tem um conjunto de dados que funciona muito bem com este método, digamos, vá para ele quando você faz um tipo de brilhante na parte superior, um pouco mais escuro na parte inferior e o que eu vou fazer é dar certo. Clique e envie-nos todo o caminho para a parte de trás. Retomar um atalho de teclado. Você faz o comando direito colchete para colocá-la mais uma camada na frente e você faz a mesma coisa para o roxo. E poderia cortar um ver como isso realmente parece ótimo. Acho que nosso conjunto de dados pode ter um problema porque nosso gráfico de linhas só temos um ponto nessegráfico de uma linha para essa geração. Acho que nosso conjunto de dados pode ter um problema porque nosso gráfico de linhas só temos um ponto nesse Então vamos e que ele vai ter que enviar isso muito longe lá atrás. Você pode ver como isso parece legal. Então a única questão é, o que fazemos aqui? Fazemos uma linha aqui para representar o azul? Não sabemos se há saúde que parece que pode tirar o Grady int aqui . Eu poderia até fazer isso branco agora, porque agora nós temos um monte de brilho acontecendo. Nós podemos até adicionar uma sombra para alguns desses traços de volta, então apenas adicionar uma gota quebrada tipo de adiciona um pouco de camadas a ele. Poderíamos fazer a mesma coisa com facilidade. O sólido Grady em caixas. Poderíamos aplicar a mesma sombra, e então ele meio que tem aquele olhar em camadas. Mas para este gráfico em particular, eu não acho que ele vai funcionar muito bem. Mas estou apenas mostrando algumas opções que você pode fazer para apimentar seus gráficos de linhas e gráficos de linhas um pouco. Então, aí está. Espero que tenha gostado desta aula. Temos que fazer todos esses infográficos emocionantes. Ah, como lições extras espero adicionar e adicionado à classe ou agora ou mais tarde nós nunca temos a chance de começar a colocar todos esses pequenos gráficos juntos para fazer um mais conciso talvez ter um tema e fazer o nosso pequeno título no meio, como quando estávamos bloqueando no início. Eu só queria acabar com isso agora para ser um bom administrador do seu tempo e não demorar muito. Eu só queria acabar com isso agora para ser um bom administrador do seu tempo e não demorar muito Mas procure por essas lições extras, talvez elas já tenham sido adicionadas. Vou enviar um e-mail quando estiverem prontos. Você poderia ver como eu faço tudo isso até um tema e tentar fazer tudo funcionar. 11. Projeto para estudantes: Agora é hora de um projeto estudantil. Certifique-se de baixar o guia de recursos em Resource é que você pode encontrar aqueles na seção projeto ou seção de arquivo classe. Eles contêm todas as estatísticas com você para que você possa criar seu próprio spin sobre esses fatos para torná-los visualmente atraentes. Você pode fazer aqueles em que trabalhamos durante toda a classe, ou você pode encontrar seus próprios fatos e figuras e criar personalizado. E a partir disso, pode ser um gráfico de linhas. Um gráfico de barras gráfico de pizza de homens, diagramas, tudo o que você precisa para usar o melhor, exibir os dados e uma maneira lógica, mas criativa, e estou ansioso para ver seus projetos.