Infográficos incríveis: crie um infográfico esportivo envolvente

1. Introdução: Ei, meu nome é Nick Jenkins e eu sou um designer gráfico de Bristol na Inglaterra hoje, vamos estar olhando para como criar um infográfico divertido e envolvente durante o curso. O tutorial. Estávamos procurando coletar e priorizar informações. A fim de transformá-lo em uma peça estruturada e digerível de design. Você vai aprender a criar gráficos em achados do Illustrator, uma imagem em clipe out na loja de fotos e, em seguida, crítico ridin no design, a fim de criar um infográfico perfeitamente alinhado. Nós também olharíamos para a importância do enquadramento do fio na coleta de inspiração para começar bem. Ao longo do caminho estará aprendendo sobre alguns dos princípios orientadores do design. Isso inclui equilíbrio, tipografia, hierarquia, escala e contraste, tudo isso é vital para qualquer peça de design bem-sucedida. Eu também estaria mostrando algumas dicas e truques ao longo do caminho, enquanto oferta e lógica e razão eu não com criatividade para produzir um infográfico de sucesso . Este curso é destinado a iniciantes. Talvez você se sinta um pouco assustado para criar um infográfico, ou talvez apenas alguém queira aumentar seu jogo infográfico. Projeto de classe sentir. Você pode pegar um ícone esportivo, fazer alguma pesquisa em suas estatísticas e registros, e então nós vamos criar um Infográfico divertido e envolvente celebrando sua conquista. Lembre-se de fazer o upload do seu progresso à medida que você avança, especialmente da estrutura do fio de reboque da grade até a fase de projeto. Sempre é bom estar aqui para refletir sobre o que você fez como uma forma de aprender para o futuro. De qualquer forma, lembrem-se, pessoal, parem. Parece assustador. 2. Inspire-se!: Ok, então o primeiro passo para qualquer projeto realmente, na minha opinião, é se inspirar. Temos aqui é uma placa do Pinterest que eu fiz cheio de diferentes infográficos esportivos. É ótimo olhar e ver como outras pessoas fizeram gráficos, como usaram cores, que tipo de fundos? Pessoas usando, como eles colocaram imagens. E você começa a ter esses sucos criativos fluindo. Então, a primeira coisa a fazer é fazer algo parecido com isto. Faça suas próprias impressoras Pinterest placa ou obter-se em alerta de drogas Google de imagens em uma pasta em obter inspiração. Eu coloquei o link para este no projeto Notas sobre Fazer upload de qualquer inspiração que você encontrar para o seu próprio projeto. 3. Clip seu herói com a ferramenta de caneta: A primeira coisa que vamos querer fazer é encontrar uma foto do seu herói esportivo. Nada de ir com LeBron James porque é incrível. Andi, sei que há muitas estatísticas sobre ele online. Pode ir com quem quiser. Basta dar uma olhada em cintilação em imagens do Google. Salve-o sua pasta Guerra estrutural para a sua área de trabalho em Obter abertura Photoshopped. Então, as primeiras coisas primeiro. Vamos duplicar esta camada de fundo que você faz pressionando comando e J ou clique com o botão direito na camada duplicada. Eu vou com a gente e pressione OK, então precisamos sair. Eu vou pensar a partir desse fundo para fazer isso, nós vamos usar a ferramenta de caneta. O mental pode ser encontrado na barra de ferramentas aqui ou pressionando P. Se você não sabe como usar a caneta tal, não se preocupe muito. Vou dar-lhe uma introdução rápida agora, mas vou ligar para um trabalho mais aprofundado no projeto. Notas. O Simpson tem espaço aqui em baixo. Penta funciona adicionando pontos de ancoragem ao longo de sua figura de guerra de forma, e cria um caminho entre esses pontos. Os pontos de ancoragem do pode, em seguida, ser editado como assim Se eu manter pressionada Olt clique e arraste cria uma linha curva entre os pontos. Se eu liberar isso, eu posso então adicionar apenas um ponto mantendo pressionado. Brincando com essa nota, posso adicionar pontos ao longo do caminho clicando. Brincando com essa nota, Se eu manter pressionado o comando, ele irá selecionar esse ponto como eu movê-lo. Se eu não segurar adulto, ele aparecerá com a ferramenta de remoção de ponto de ancoragem ativada. Posso clicar nisso para removê-lo. Esse é o uso básico da caneta tal. Obviamente, quando você começa todo o caminho para dar a volta ao outro lado, você volta aqui e você apenas liga o fim e você tem um longo caminho sólido. Então eu vou desenhar em volta do meu dedo agora. Está bem. Então, como você pode ver, eu andei em torno de toda a figura em Eu acabei de renomear minha camada. Só um em que estou trabalhando. O próximo passo precisa fazer é fazer a seleção fora deste caminho para que possamos então criar uma máscara de camada para fazer uma seleção. Você pode clicar com o botão direito do mouse e ir para fazer a seleção, que irá surgir com isso. Apenas fique com isso. Nem impressionar. Está bem? Ou um atalho usado para ir comandar. Digite uma vez que você tem sua seleção que é mostrado por estas formigas marchando indo em torno da figura que ele tinha para baixo para adicionar uma máscara de camada. Ela está aqui em baixo, clique nele. E como você pode ver, ele foi removido. LeBron, neste caso, a partir do fundo em sua adicionado este 'll uma máscara aqui. Então o que você está olhando aqui é essencialmente uma representação de um passatempo branco representa 100% de capacidade em preto representa 0% passatempo. Eu rápido para pegar um pincel. Mudar para o quê? Basta adicionar 50%. Você pode ver que é um pouco de graça. Budge em que está representando foram, neste caso, 50% entre preto e branco. Então, 50% de capacidade aparece aqui é cinza. Se você fizer de novo, aparece, há outra luz, um grande. Então ele está vindo cada vez mais para o branco, maior a capacidade. Por isso vou livrar-me disso. E como podem ver, precisamos remover esses pedaços do meio. Então, se eu fizer isso rapidamente e clicar aqui Ah, clique aqui. Sim, Comando. Há tempo para ouvir humano Eu posso dizer bastante lúcido este eu levaria mais tempo Normalmente, que pode apenas pensar nisso depois que eu estou feito. Está bem. Então, a fim de remover essas seções que já estão dentro de nossa terra, peça-lhe para fazer a seleção novamente. Comando em. Entrar em. Você não pode acertar isso porque se você fizer o que acontece? Ele só faz com que esta máscara vetorial adicional não é que queremos fazer se. Vamos nos certificar de que temos preto definido para o nosso primeiro plano. Vamos fazer Shift no backspace, encher de preto. Esta seleção que fizemos. Como você vê, ele se livrou dos detalhes lá. Vai fazer a mesma coisa aqui. Está bem? Voltando para o mesmo novamente. Acertar comandado, entrar no backspace para ser ele, Phil, certifique-se de definir a cor do primeiro plano aqui, ok? E depois temos a nossa parte do nosso herói. Os próximos passos. Vou te mostrar como usar uma ferramenta de borda refinada. Apenas uma limpeza. 4. A ferramenta de Refine Edge: próximo que vamos fazer é com o coxo que selecionei Hit Oh, Command e nosso isso vai trazer a ferramenta de borda refinada. Agora, o seu pode não parecer assim com o fundo rosa ainda, mas podemos definir isso em um minuto. Então, essencialmente, o que isso faz é nos permitir ajustar Andi. Refinar tem é pelo nome a borda das pessoas que acabaram de cortar. Então, como você pode ver, ainda há um pouco de branco aqui do fundo. Você vê um pouco de negros por aqui, todas essas coisas iam se livrar. Então seu modo de visualização, há alguns modos de exibição diferentes aqui, mas para o que vamos usar, vamos ir para, sobrepor, clicar que você provavelmente está definido como 50% por padrão. Está batendo até 100. Então temos um bom contraste entre, você sabe, pele, roupas e fundo. E depois vamos mudar a cor. Eu coloquei o meu muito rosa. Você pode nos definir o que quiser, desde que seja, você sabe, com um contraste com a figura. Então eu não vou falar sobre o que todas essas coisas diferentes fazem, mas o que eu costumo fazer para a maioria das coisas é que eu tenho minha vantagem e eu mudei todo o caminho de volta e não gosta que ele está fazendo muito ainda . Se nós, em seguida, penas em 1,5% como você pode ver, ele apenas se livrou dessas pequenas bordas. Então, se eu derrubar isso de volta para o norte, ver para voltar, nós não estamos até 1.5 apenas se move tudo em um pouco na casa emplumada para borrar a borda. Então não é um contraste tão áspero com o que estamos colocando a figura em seguida em apenas um pequeno detalhe que vamos trabalhar mesmo que eles provavelmente não vão notar que este tamanho vai apenas trazer o cabelo dele para fora um pouco. Então, obviamente, o cabelo das pessoas é muito raramente linha perfeitamente lisa. Obviamente, LeBron tem certeza, mas só com a melhor prática, vamos tentar. Então venha aqui. Ele permite refinar o pincel de borda para se certificar de que ele está definido para mais clique perto da borda. Bem, isso faz é destacar seções contra o fundo, e ele corta essencialmente o branco contra este preto escuro aqui do fundo. Só vou fazer o mesmo aqui. É realmente, realmente ótima ferramenta para usar com cabelos muito complicados. Lá vamos nós. Só toque nisso um pouco mais. Estamos indo um pouco demais. São menos negativos. Eu só quero voltar para dentro e um pouco para lá. Ele realmente não precisa ser feito, mas você pode apenas ver que é um pouco mais de uma vantagem natural sobre. Nós vamos embora, Teoh. Está bem. E agora nós fomos cortados para fora. Imaginei que estamos a salvo. Vou passar para o próximo estágio, criando alguns gráficos. 5. O que as de o que as de a de a de que as de o o de o o: antes de criarmos nossos gráficos. Só queria que o Teoh fizesse notas rápidas sobre o que realmente são. Andi, qual é o propósito deles para que uma criança seja apenas uma representação visual de dados, como tenho certeza que você saberá. Mas o que permite que as pessoas vejam as relações entre esses dados quase instantaneamente. Então o que temos aqui são os mesmos dados que vi aqui representados de três maneiras diferentes . Então o que temos são esses três números 5013 19.000 742 e 7000 que somam fazer 31.755 representados neste caso, a melhor escolha para esses dados. Olhando para estes três é um gráfico de pizza. Estamos tentando mostrar um colapso. Este número sobre isso nos dá um mais preciso para não mais preciso. Mas mawr visualização instantaneamente reconhecível dos dados sobre a relação entre você tem o círculo como um todo e você tem os segmentos dentro dele. Agora este gráfico de barras empilhadas faz a mesma coisa, mas eu acho que porque eles são provavelmente não foi amplamente utilizado, é que a conexão não é feita e, em seguida, um gráfico de dois pontos. Você realmente não tem uma noção de que isso é um todo. Então não funciona da mesma maneira. Então, sim, o que quero dizer é que certos tipos de dados se prestam a ser mostrados de certas maneiras. Andi, vamos cobrir isso na próxima lição. 6. Crie de de gráficos: Então, o que acontece aqui é um conjunto de dados que eu coletei sobre LeBron James. Eu usei o site n b. Um ponto com nos sites de referência ponto com basquete. Agora você poderá facilmente encontrar alguns dados sobre quem quer que seja o seu herói escolhido. Claro, se você apenas der um Google, dar uma olhada em volta e ver o que você pode encontrar niilista. Levo meia hora para resolver tudo isso, então não espere que façamos tudo bem rápido. Leva algum tempo em um pouco de análise. Então, a maneira como eu fiz foi eu pensei sobre a principal coisa que eu queria mostrar. E é definitivamente isso, que é a quantidade de pontos que ele marcou de sua carreira. Então, isso provavelmente vai ser toda a informação principal, e tudo o resto está realmente relacionado com isso, exceto estes, mas eu sinto que eles são muito bons para mostrar de qualquer maneira. Então vamos em frente e criar nosso primeiro filho. Nós vamos fazer é copiar esses três bits de dados que eu tinha de volta para o Illustrator onde eu criei em um documento de quatro. Mas isso realmente não importa muito quando eu vou descer para o nosso enxerto alto. Bem, isto é apenas este é apenas o gráfico. Todas as regras. Mas se você segurar nele, você vê, há sempre diferentes tipos de Charlie. Use este aqui. Vamos com o gráfico de pizza. Eu só estou indo Truell Click e segurando drogas. Que, em seguida, comandando V. Eu sou uma cópia nos dados que copiamos. Aplique e eles têm. Colocamos um gráfico de pizza. Agora, algo que só precisa saber é que se você apertar este botão aqui, basta transpor linha e coluna, em seguida, pressione Aplicar novamente. Isso mudará esses dados em um gráfico de bolhas, que são ótimos, mas acho que para isso vamos ficar com um gráfico de pizza. Então vamos transpor de volta. Bata, voa. Lá vamos nós. Então, eu vou sair disso. Se você quiser editar novamente seus dados, você pode ir para o seu painel de propriedades ou você pode clicar com o botão direito do mouse em ir para os dados aqui, e então ele apenas aparecer novamente. Certo, então a próxima coisa que faremos é copiar os dados, então eu sei o que é isso. Quando eu voltar para mim ilustrar a cair para continuar voltando em números. Só vou estourar isso aqui, ok? E agora eu vou fazer é eu vou dar a este seu próprio quadro de arte. Então, se você apertar Shift e esperar que você venha com sua arte para ferramenta, ela está aqui. Eu só vou arrastar isso. Apenas fica lá fora só para ser arrumado e arrumado. Vou dar a cada gráfico o seu próprio quadro. Então, vou desenhar outra tábua aqui. Eu não tinha que fazer isso. Pode ter mais de um. Page é apenas o meu próprio tipo de trabalho. Então vamos em frente e fazer os outros gráficos de volta para os nossos dados. Ok, então, olhando para isso, eu acho que a carreira é média por jogo. Acho que isto provavelmente será tipográfico. Eu realmente não vejo a necessidade de transformá-lo em um gráfico em um total de carreira novamente. Acho que isso vai ser tipográfico pontos mais altos em um jogo. Vamos fazer com que o dedo do pé foi transformado em uma loja de colunas. Então eu vou apenas destacar essas células aqui, voltar para o ilustrador e depois descer para uma ferramenta de gráfico. Vamos até o gráfico de colunas. Ela entrou aqui. O mesmo que antes. Comandos em VI Hoje temos nossos dados. Não, está bem tripulado. Quero dizer, faça o mesmo de novo. Copie isto com referência. Muito homossexual. E ainda estou desenhando outra tábua aqui. Vamos pegar o próximo. Estes não vão ser gráficos. Vamos transformar isso em um. Então esta é uma interessante. Então isso é baseado no tempo. Isso é 2003 a 2004 todo o caminho até 2018 a 2019. Então eu acho que a melhor maneira de mostrar isso é um gráfico de linhas ou um gráfico de barras. Vamos em frente e ver como são os dois. Copiando os dados novamente, desenhando os gráficos. Comando e V. Agora temos uma loja de bar. Vamos dar uma olhada nisso. Parece que é um gráfico de linhas. Olha , conta mais uma história quando é uma coluna. Há um gráfico de barras, então vou ficar alto assim. Desça aqui novamente em Voltar para Colin Shop realmente, realmente obter a noção das tendências dos dados. Veja, o onde vai para baixo e para cima e para baixo e para cima novamente. Eu sinto que isso parece um pouco melhor, então eu vou com isso por enquanto. Agora, obviamente, quando levarmos isto em design, vamos iniciá-los. Então não se preocupe com o fato de eles, você sabe, apenas um pouco obscuros e negócios. Tipo, em um minuto, estaremos mudando isso. Então, de novo, vai copiar isto, cortá-lo lá para fazer esta figura boa. Ok, então no minuto em que estamos rodando cerca de três gráficos. Então percebi que éramos o Sr. Alguns dados que esqueceram de copiar aqui, então eu vou. Teoh, copia isto. Faça outro gráfico com ele. Então este é um caso de um pouco como este. Não mostra dados como um todo contra algo, e não mostra nada. Baseado no tempo. É apenas uma representação desses números uns contra os outros. Então, somos um pouco mais flexíveis em como podemos tentar mostrar esses números. E eu acho que eu estou, tipo, apenas tentei fazer um gráfico de bolhas para este aqui. Então, de novo, copiou-os de números. elogio para aqui, direto para uma criança pequena e muito homossexual. Então realmente mostra uma vez que ele quer ser rotulado. O LeBron tem um monte de jogos que foram 30 pontos mais, e de repente eles caíram para aqueles Tender extra para obter 40 mais pontos no jogo é muito mais difícil em, em seguida, 50 mais e que uma vez tem 60 mais jogo. Mais uma vez, vou copiar isto para ilustradores que estavam a trabalhar a partir de um lugar depois. Lá vamos nós. Então esses são todos os nossos gráficos criados. Só há quatro. Obviamente, se você tivesse uma página mais pesada de dados, então você teria muito mais gráficos. Mas pelo bem desta lição, vamos ficar com isso quando você fizer o seu projeto, sinta-se à vontade para nos fazer muitos como quiser. Mas lembre-se de não saturar mais a página com eles, porque ele vai se tornar muito para os leitores tomadas 7. Crie nosso grade: Ok, então como você pode ver aqui mudou para o design, e nós vamos começar a emoldurar. Então, para voltar ao nosso quadro do Pinterest, uma tendência que eu posso ver em um monte destes é este tipo realmente longo página horizontal vertical. Acho que vou fazer algo assim. Eu acho que ele realmente só te dá um pouco de flexibilidade no vínculo. Eu só gosto do jeito que parece. Acho que ajuda muito. Acabei de ter uma história e, obviamente, ajuda a ter dado mais espaço, o que é ótimo. Então vamos para aqui. Então primeiro eu vou fazer é eu vou dar um nome de arquivo LeBron James info graphic sobre um. Então, quando eu disse isso, Teoh um quatro dentro com mas empurrá-lo para fora para 20. Então ele tem uma proporção de 1 para 2 para um. No entanto você olhar para ele agora, eu devo definir isso para ter 12 grade coluna concordou em super duper importante porque você pode eu alinhar tudo para ele. O número 12 é particularmente importante porque 12 é divisível por 234 em seis. Por isso, dá-lhe uma grande flexibilidade em ser capaz de dividir a página em números, disse ele. A coluna chega a quatro milhões. Você pode experimentar com o com você tem isso, mas não vá mais alto do que tipo cinco milhões. E eu estou pedindo desculpas para 10. É por isso que você faz para algo assim em uma Andi quatro largura, dar-lhe três mil de sangramento só para o caso. Todos queriam que fosse impresso. Andi, é isso. Por enquanto, vamos criar. Então, como você pode ver, agora temos uma página com nossa grade configurada. Você pode apertar W para desligar a grade em também se livrar de sua arte entediado por aqui. Vamos em frente e apenas deixar um pouco de inspiração aqui. Então é um trabalho diferente. Inspiração. Alguns pedacinhos aqui. Eu gosto desse cara. Gosto deste, Andi, sobre este. Só porque é bem simples. Vamos soltá-los facilmente. Então é isso que muitas vezes faço com qualquer trabalho. Eu faço, realmente, Se seus estágios iniciais, eu vou apenas cair em alguns dos trabalhos que eu acho inspirador. Eu meio que faço referência a isso. Eu realmente gosto do jeito que esse cara está na frente deste gráfico. Posso me ver fazendo isso agora, , mas antes de fazer qualquer coisa com isso, vamos ver a quantidade de dados que temos. Então vamos criar um sistema modular muito básico para ir junto com a grade ligada. Isso vai nos ajudar a organizar a informação, criar hierarquia para que, quando chegarmos a projetá-la, tenhamos um plano no lugar. Certo, vou fazer alguns guias para isso. Então, fomos editar. Então, por que não adicioná-lo? Ir para layout, ir para criar guias, e nós vamos fazer o mesmo para o que tivemos através, mas nós vamos para baixo. Então vamos ter 12 Rose com uma calha de 4 milhões. A mesma sarjeta que temos aqui. Ok, então o que? Nós essencialmente fizemos uma série de células, como você pode ver para ampliar aqui. Assumindo que isto é uma célula, esta é outra. Basta ouvir isso ajuda um cuspe da página para que quando chegamos a arame quadro, podemos atribuir algum espaço para nossos gráficos. 8. Wireframe do seu design: Certo, então o que vamos fazer agora é por que emoldurar nosso projeto? O primeiro passo para fazer isso é desenhar caixas nessas células. Isto é apenas para que eu possa ver mais facilmente. Quanto espaço para atribuir algo. Então eu vou fazer isso muito rápido agora, então bata neles quando você ficar fora. Agora abra a tumba retangular, então pare de desenhar nesses espaços. Caixas cinzentas em Besnik. Copie estes agora. A razão pela qual estou fazendo isso é como eu disse, acho mais fácil ver isso. Em seguida, tente navegar os guias de Sion atravessando sobre os guias magenta descendo. Esta é apenas uma maneira de trabalhar que eu acho mais fácil. O que vamos fazer é entrar no nosso arquivo ilustrador. Agora vou priorizar a informação, e depois vamos incriminar. Deixe-me ir para as minhas camadas. Vou trancar esta camada. Depois vou fazer uma nova e chamar esta armação de arame. Ela sempre trabalhava em camadas e em design. Acho que algumas pessoas se esquecem de fazer isso, mas torna as coisas mais fáceis. Ok, então vamos. Mesmo agora, Então eu sei agora que esta é a peça mais importante de informação porque que antes tudo o resto aqui é uma espécie de colapso fora deste dedo do pé. Todas essas coisas estão contribuindo fatores para quantos pontos ele marcou. Então eu sei que esta é a informação mais importante. Eles estão olhando para como esses caras fizeram isso. Acho que vou assinar um quarto da página só do gráfico. É menos desenhar esta caixa aqui, que seria cerca de 12 B três caixas abaixo. Não acho que seja grande o suficiente. Vamos chamar de quatro caixas. Isso é 1/3 da página agora, então é ainda mais prioridade em. Eu só vou aumentar isso para 100 e então eu vou baixar a transparência para Vamos fazer 30. Talvez um pouco menos. Vamos fazer com que seja 10. Então agora podemos ver onde tudo está indo. Ok, então isso vai para o próximo pedaço de informação. Na verdade, primeiro, um deles para rotular estes, que eu não esqueça o que eu tenho espaço. Eu dei ao que parece copiar isso de volta. Poderíamos fazer com que descobrisse. Puxa, eu odeio essa fachada. Isso é apenas fazer funcionar envios. Então sabemos que os pontos para baixo serão aqui em cima. Então, a próxima informação, acho que esta será possivelmente a segunda coisa mais importante. Então o que vou fazer aqui é copiar isto primeiro e depois vou assinar isto. Ouvir owt. Clique e arraste para baixo. Segure o turno. Mantenha-se na fila. Andi, vou dar isto. Eu vou dar tudo isso com duas células de tamanho baixo. Então, esta cópia, eu gosto do seu texto. E ela é a ferramenta conta-gotas que define o texto acima para copiar esse estilo. Não é o que Points avaria. Total de pontos por temporada. Vamos passar para os pontos mais altos do jogo. Copie esta cabeça de volta para aqui. Eu não acho que isso é vital para alguns desses. Acho que vou dar a mesma profundidade, mas metade da página. Você sabe, Jonah, livros. Copie isto no deles. Temos este no gráfico final. 30 jogos mais pontos. Eu gosto muito que seja um pedaço de informação. Ele realmente celebra suas habilidades e conquistas. Hum, você sabe, forjou 36 30 jogos mais pontos. É incrível. Então eu acho que eu vou dar essa hierarquia semelhante ao total de pontos foram uma temporada. Mas eu vou mudar as coisas. Eu só vou fazer este vertical tentar obter um pouco mais de um layout interessante. Obviamente, tudo vai mudar. Posso garantir que nunca ficou exatamente como seu amigo. Mas isso está apenas nos dando uma idéia de espaço sobre o que podemos alcançar dentro do que temos aqui. Sério, copie isso sobre livros alemães, certo? E o mesmo de novo para isso. Ok, então você começa a ver alguma aparência de hierarquia aqui. Agora temos todos os quatro gráficos, mas isso não é toda a nossa informação. Então eu volto para os números. Andi, vou ver o que temos aqui. Digamos que faltam 12 34 bits de informação. Então eu acho que tudo isso vai ser tipográfico. Podemos até introduzir pictogramas mais tarde, que são apenas todos os ícones para ilustrar as coisas. Então N B A M v p. Copie isto. Eu acho que isso é um pouco de informação. Então, vou dar tanto espaço a isto. Se isso acabar com isto, mostrar-te. Por que em um segundo. Então vamos dar isso tanto n b a n v p e, em seguida, o mesmo para isso, que é o que os outros espaços para. Então é café. Só uma palavra na hora. Se você quiser usar um atalho de teclado em vez de ir para aqui. Pressione o comando shift em usado a vírgula ou a tecla backspin de full stop. Não faça subir e descer seu tamanho de imposto. Certo, e então temos os totais de carreira. Eu acho que isso estava sentado aqui, então atribuição este total de carreira espacial é aqui e , finalmente, as médias de carreira por jogo. Você usa assim, biscoito que até trigêmeo e lá está. Essa é uma estrutura de arame super básica enfatizando uma estrutura hierárquica. Esta é a nossa principal informação, e como podem ver, um sinal de menos espaço de coisas. Acho que não era importante contar. A história que faremos a seguir é colocar nossos gráficos e começar a fazer o fundo, que está projetando. Mas o primeiro que vamos fazer é vamos estilizar nossos gráficos no Illustrator 9. Design - Quadro de cores e layout inicial: Então, o que eu gosto de fazer com dormi em cores é uma técnica sobre os criminosos para este tutorial onde estamos apenas tentando mostrar uma maneira básica Criando infográfico e pensando sobre informações e design de uma maneira simples é destacar, ou eu derrubo cores a partir de uma imagem. Então, se eu pegar o amarelo então talvez este escuro um pouco de sua camisa bastante assim. Andi, se eu for ao painel de amostras, primeiro, vou fazer isso. Só tenho um selecionável e usado para colocar tudo isso para Luke em. Então arraste isto para baixo para fazer uma nova amostra, e então eu vou fazer o mesmo com esta cor borgonha. Como a sombra mais clara. Talvez alguém em algum lugar por lá. Eu acho que meu trabalho muito bem, vamos fazer a mesma droga que para baixo. Vão arrancar o cinzento dele, , seja lá o que for. É um tipo de suor amarrado, talvez. Ou tudo bem, eles vão definir três cores. Acho que paletas de cores restritas. Um bom ajuda a concentrar a atenção. Se você tem muitas cores acontecendo, será confuso e as pessoas realmente não saberão onde procurar. OK, vamos olhar para os nossos gráficos. Eu realmente não gosto de gráficos de pizza muitas vezes parecendo assim. Então me transformei em uma loja de donuts. Quando você faz isso, eu gosto da criança. Venha até a nossa ferramenta moldada aqui, pegue seus lábios também. Em. Estou perdendo um círculo empate segurando turno em adulto e saque. E isso vai desenhar com o e o ponto do círculo estar no centro. Agora, isso obviamente ao vivo na cor. Então, para alternar entre o seu primeiro plano e fundo aperte o botão X. Então eu vou apenas tirar o preenchimento para o fundo. E eu fiz isso batendo no Ford Slash, e eles vão preenchê-lo em branco. E aqui temos um gráfico de rosquinhas, por isso vai ser a minha ferramenta. Diarreia também. Lá vamos nós. Então também vou remover o derrame do lado de fora. Eu realmente não gosto disso. Então isso é olhar em muito mais slicker. Muito mais arrumado. Vou mudar a cor da pele aqui também. Então, clique em um Agora tente selecionar segmentos individuais. Mude este dedo do pé o ouro amarelado. Liguei isto para o Burgundy. Vou mudar isto para este cinzento escuro. Ok, então essa é a jóia Oh, estilo eu gosto gosto de limpo como, simples. Não quero derrames em nada em andamento. Aplique as mesmas escolas de impressão ao resto deste design. Então vamos mudar estes aqui novamente fazer cores alternadas. Então estes são borgonha, então você pode ver onde eu estou indo com isso no mesmo para isso. Se uma dica rápida é se você escolher uma cor que diga que fizemos este amarelo em Entendendo? Desligue o derrame. Agora, se eu deixei cair isso, então eu bati em você. Transformá-lo em um preenchimento para o resto deles para que possamos apenas clicar sobre eles e preenchido em fazer o mesmo aqui. Ei, desligue o derrame. Selecionado com o conta-gotas. Andi, preencha todos os outros. Agora isso é um pouco diferente porque estamos tentando representar para números diferentes. Sei que estivemos aqui, mas acho que não. Não acho que seja necessário. E a razão para isso é porque isso está mostrando, mostrando um problema diferente no mesmo valor. Então esta é a quantidade de pontos. Esta é uma tendência desses pontos ao longo dos jogos. Onde é isso? Está mostrando uma quantidade de pontos, mas está dividindo em 30 mais 40 mais 50 mais. Então eu acho que é melhor para cada um deles ter sua própria cor, o que significa que precisamos de uma cor extra. Então eles usam este amarelo “Big D “este cinzento e você cuida disso. Vamos voltar para a nossa imagem cf comparecendo aqui. Poderíamos usar o marrom da bola. Veja como isso funciona. Você mal vai ver esse número de qualquer maneira, então eu acho que não é tão importante. O realce estes e desligue o traçado também. Ok, então aqui temos o estilo básico de nossos gráficos. Agora, o que vai acontecer quando entrarmos no design? É quando o policial dos homens ia se livrar do Paul. Essa coisa, vamos rotular tudo no também vamos mudar de estilo. Então voltamos para um documento de design e olhamos para a nossa inspiração. Eu realmente gosto de coisas como esta onde ele se transformou. É um gráfico de colunas básico ou gráfico de colunas e transformou-o em algo um pouco mais interessante. Eu gostaria de fazer algo assim, então eu vou trazer de volta o ilustrador Teoh. Vou copiar o meu gráfico aqui, que é o ponto mais alto de um jogo. Eu sabia disso, Ivan. O que eu não fiz é que não criei uma nova camada, então vou fazer um novo gráfico de vida. E então com essa camada selecionada, vou copiar o meu filho. Então vamos puxar isso para baixo. 30 jogos de pontos mais vai cair em sua apenas aqui. O que eu acho que poderia ser legal para isso se nós girá-lo de lado, colocá-lo em um ângulo, nós vamos mudar o espaçamento e tudo em um minuto. Nós só vamos colocar tudo dentro Não se preocupe muito. Vou mudar isto para fora do caminho. - Claro. Um aqui. Total de pontos por temporada. Vamos colocá-lo lá dentro. Muito bom. Ok, Andi, final sobre apenas a quebra de pontos. Apenas copie isso. Põe isto aqui. Ok? Agora, a próxima coisa que vou fazer é mudar isto do jeito que vou colocar isto, colocar os números para isto. Você não tem gráficos e estilizá-los, Andi. Então vamos seguir em frente depois disso para olhar com mais detalhes design. Então vamos ao nosso documento de números. Queda de pontos, rebotes, assistências. É apenas copiar tudo isso sobre apenas totais de carreira. Oh, não, aqui é a Coreia. Médias entre uma cópia. Este fim. Transforme todos estes em três. Você pode escolher os fundos que quiser, mas eu apenas gosto do condensado Olhe, eu acho que realmente dói. Os números pop estavam fora? Talvez lei maior. Vamos lá. Algo assim. E mude isso para lá. Eu ia dar. Ele tem sido espaço. Faça com que este seja. Uma coisa a saber é se você tem, você sabe, você sabe, uma grande caixa delimitadora dentro de um pequeno texto dentro. E você só quer precisar o suficiente de sua estação de trabalho, velho comando e ver, e vai embrulhar a caixa para o que está dentro dela. Certo, então os totais de carreira que temos aqui. 8607 8000. Motor 67, desça. Drogar isso? Só vou fazer isto levar este pequeno. Copie isso em uma vara. Isto no meio. Okey dokey. Em finais aqui N b a m v p Copie esta loja diesel em. Então, se você apertar o comando antigo e eu vejo, nós temos todos os seus espaços e você pode apenas descobrir isso a partir daí. para fora espaços no nas caixas de texto reais propriamente ditas. Então Campeão de MBA é o mesmo. Então, vou drogar isto. Espera Oh, cópia para saborear. Ok, então você pode estar pensando O que está acontecendo? Não se preocupe. Esta é apenas a fase inicial. É mais uma armação de arame detalhada. Temos um estilo muito básico feito. Então, se eu tiver camadas minha grade de desligamento e eu desligar o quadro da esposa, você vê, ele realmente funcionou em sua vida, copiado para a camada errada. Essas coisas. Então você provavelmente sentou lá gritando com maio alguns deles e pegar a moldura branca. Você vê uma estrutura muito básica para o nosso design. Tem um gráfico principal aqui em cima. Pode se mover. Você pode ver a hierarquia aqui como isso está tendo mais precedência. Esta será uma mudança de estilo dessa maneira de qualidade. Isto está a olhar porque se o CR descer aqui agora, tudo vai mudar porque não queremos que eu possa dizer-te agora que estou a pensar nisso , não queremos todas as coisas tipográficas estatísticas aqui em baixo. Vamos mudar isso na D.C. D.C Como vamos começar quando passarmos para a próxima fase 10. Design - taks de desenho: Ok, então. Bem-vinda de volta. Então, apenas seguindo em frente. Pelo que eu disse, vou fazer algumas mudanças neste quadro largo. Eu acho que nós temos todo o nosso texto pesado aqui em baixo, e eu acho que ele precisa se reunir para mudar as coisas um pouco para cima. Uma coisa que ainda não considerei, vamos ter de ter o nome dele aqui, mas estes tipos têm. Então eu vou mover esse turno em G essa coisa toda para baixo. E ela me deu essa coisa até aqui. Parte da razão para fazer isso. Acho que pode parecer um pouco básico. Nós apenas pensamos Oh, quase importante pedaço de informação tem dedo do pé ver no topo. Mas não faz. Não é verdade. Hierarquia não se refere a cima para baixo em termos de aparência física a que se refere em termos de escala. Então vamos manter isso aqui em cima. A próxima coisa que você faz é mover os seus filmes. Na verdade, o topo. Então, comandando grupo G todos aqueles em. Então pegue todo o resto. Oops. Apenas copie para baixo. Uma linha em movimento este no topo. Você começa a parecer mais interessante para desligar nosso quadro de arame. Só com fome por estes desligam a moldura da nossa mulher na grelha? Você pode começar a ver você começar a vê-lo funcionando. 11. Design - Imagem de hero e design de gráfico: Ok, então bem-vindo de volta. Como você vai notar, eu fiz alguns ajustes adicionais na armação do arame, apenas o posicionamento das coisas. Eu só senti que era melhor olhos de surpresa ou D Priorizar algumas informações. Por exemplo, mudei o campeão de MBA do M. V P. V P. Andre para aqui porque percebi que precisaremos ter o nome dele em algum lugar. Então isso também está lá agora, eu acabei de enviar alguns desses pedaços ao redor. Então o primeiro que vamos fazer agora é fazer um herói no meio. Agora, olhando para eles ao vivo da maneira que eles têm as figuras que estavam na frente do char ou, neste caso, eles multiplicaram o texto no topo. Então eu faço algo provavelmente amalgamação de ambas as coisas. Então eu vou apertar o comando em D em um lugar na nossa figura de LeBron aqui. Agora, obviamente não vai para as pernas, o que nunca, nunca é ótimo. Andi vai torná-lo um pouco mais esperto. Nós vamos fazer é eu, hum, trapacear um pouco porque eu já fiz isso antes. Obviamente, Andi, eu vou colocá-lo dentro do nosso gráfico, mas ter que quebrar o topo dele. Então, essencialmente, ele estará sentado dentro deste círculo branco. Então eu vou em frente e un grupo nosso gráfico. Então o proprietário apertou o comando em X, e isso corta-o. Mas agora ele está na prancheta em destaque. Este círculo olt comando V e que é colar no lugar ou colar em Desculpe mais que ele colar em qualquer objeto que eu tinha destacado anteriormente, que neste caso, foi o Círculo Branco. Então agora eu preciso que a parte superior dele esteja cutucando o topo aqui. É o desgaste. E fazer isso é bater A para estar na ferramenta de seleção direta foi selecionado o comando e ver V novamente. Basta clicar fora e pressionar Shift comando antigo e V neste lugar está na frente no mesmo lugar se arrastado para cima. E como você pode ver, nós o temos agora explodindo do doador, não cinco para mover esta camada superior. Você vê, na verdade é apenas som top aqui. Então agora eu vou rotular este gráfico de donuts no meio. Convencido isso que poderia ser ele pequeno. Esse é o tamanho. Então eu vou voltar para ilustrador uma cópia estes sobre três ponteiros. É este primeiro número hit t mensagem aqui e sentir vai, é Zoom de volta. Você não deveria copiar isso aqui. Copiar. que disse em é biscoito de graça. Aquilo ali. Só para facilitar as coisas, vou copiar isso. Aplique aqui. Bem, isso não está funcionando. Oh, e eu não vou voltar a copiar este aqui. Muito bom. Desculpe. Muito bem, aqui temos os nossos rótulos, por isso vou fazer estes um pouco mais pequenos. Salve este, depois Linus, com esse turno para cima. Nove. Os topos destes juntos. Ela era simpática e arrumada. Você pode enfiar lá fora? Eu só vou me perder no ir para baixo para as grades e guias, mas que pequenos deuses em? OK, tudo bem. Em seguida, em um desenhar uma linha para fora para aqui, eu vou fazer outra linha para fora para aqui em. Vou acariciá-lo com este cinza. Então, lá temos o nosso estilo de etiqueta. Vá para lá, e faça o mesmo com os outros dois. Só vou refletir isso. Vira-o horizontalmente. O mesmo de novo aqui. Suba com essa borda. Copie isto para baixo. Desviado verticalmente porque este é um número bastante grande. Só vou selecionar o ponto aqui e mover isso para cima. Ok, hoje nós temos o nosso gráfico de heróis marcado, e agora eu vou roubar este estilo. Vou fazer um grande número para atravessar a frente. Então, de novo, lidando para aqui, então eles vão para o número, nos derrubar. Ir para esta camada que é o meu confundir meus punhos de bloqueio foi lembrar e então nós temos um grande número no meio. Agora nós apenas torná-lo de modo que seria maior em descentralizá-lo Vá até aqui para você'll no parágrafo sobre hits Century Aligned que podemos fazer é usando velhas e setas direcionais Você pode jogar com o rastreamento, que é essencialmente qual é o que isto está aqui e o que é que ele espaça os números uniformemente. É diferente virar, transformar seus espaços individuais entre as letras. Se eu não fosse virar para baixo para zero isso é espaço relativo um ao outro. Este é o espaço geral. É um pouco estranho tentar explicar, mas você pode experimentar ambos e ver como você se dá. Então você define essa óptica porque ela espaça igualmente as letras. Para que pudéssemos fazer algo muito ousado. Ele bateu no carvalho para arrastar os livros. Você tem um grande número vindo supervisionar. Eu preciso mover isso para baixo. Acho que está muito bem. Talvez façamos com que isto seja a maior espera para dizer que seja para Oh, eu vejo. É um pouco menor. Vamos para a nossa linha aqui. Altere o alinhamento para a página. O que estava no meio? Certo, Bang no meio. Vou fazer o mesmo. Veja gráfico tão casualmente que Ok, legal. Então só de pensar nisso, o que eu vou fazer é em vez de bem, eu vou tentar isso e ver como ele se parece com o tipo vermelho do topo pode ser o cinza . Acho que está um pouco perdido pessoalmente. Dirija o marrom. De jeito nenhum. Então o que fazemos é tentar algo acertar o Olt. Clique duas vezes nesta imagem sobre o que eu vou fazer é em uma tentativa, ea cidade parece em preto e branco. Então é koto, uh, aqui em baixo, pegar um preto e branco, fazer alguns ajustes porque eu sinto que é bastante escuro e baixo contraste. Então vamos aumentar o contraste, em seguida, aumentar o brilho para obter mais do que uma imagem estourada. Então também podemos ir para níveis. Não, isto é um pouco mais branco no mais brilhante. Mas, em seguida, negros mais pretos em um hit salvar que colocaria para arquivar em nosso documento. Então eu só vou ajustar isso um pouco mais. Traga essas extremidades para que não haja sobreposição no gráfico. Como você pode ver agora, eles se sentaram no meio. Então eu vou até a nossa ferramenta de transparência baixa aqui em cima. Ele transformou o modo de mesclagem para se multiplicar. Mude isso, Teoh Black Grey, talvez o amarelo. O problema é que se perca um pouco no meio. Então o que eu poderia fazer nesse caso, é uma trapaça. Você gostaria de fazer? Às vezes eu vou bater fora, desenhar um círculo, algo assim. Então eu vou preenchê-lo com branco. Então eu vou até a pena radiante e ligá-la para o rádio. Então o que temos aqui é um monte de branco vindo a nada. E é isso que o gradiente representa, certo? Teoh Blackwell, neste caso, transparência. Então eu vou pegar isso, colocá-lo atrás do número sete, fazer um pouco maior e ver a capacidade dele. Você realmente não pode notar isso, mas eu acho que isso fez uma diferença para a capacidade de borda. Off. Livre-se dele. Coloque-o de volta. Diferença. Elegibilidade. Deixe-me tentar isso de volta. Fazer o quê? Não gosto tanto dessas cores quando viramos isso muito amarelo. Mude isso de volta para aquilo. Acho que somos esperados. Vou aceitar isso por enquanto. Voltarei a trabalhar mais tarde. Ok, então a próxima coisa a fazer é eu vou começar a introduzir algumas divisórias nesta página. Eu não teria feito isso. Vá em frente e rotule nossos gráficos. 12. Design - tipografia e estilo geral: Ok, então bem-vindo de volta. Como você vai notar, eu fiz alguns ajustes adicionais na armação do arame, apenas o posicionamento das coisas. Eu só senti que era melhor olhos de surpresa ou D Priorizar algumas informações. Por exemplo, mudei o campeão de MBA do M. V P. V P. Andre para aqui porque percebi que precisaremos ter o nome dele em algum lugar. Então isso também está lá agora, eu acabei de enviar alguns desses pedaços ao redor. Então o primeiro que vamos fazer agora é fazer um herói no meio. Agora, olhando para eles ao vivo da maneira que eles têm as figuras que estavam na frente do char ou, neste caso, eles multiplicaram o texto no topo. Então eu faço algo provavelmente amalgamação de ambas as coisas. Então eu vou apertar o comando em D em um lugar na nossa figura de LeBron aqui. Agora, obviamente não vai para as pernas, o que nunca, nunca é ótimo. Andi vai torná-lo um pouco mais esperto. Nós vamos fazer é eu, hum, trapacear um pouco porque eu já fiz isso antes. Obviamente, Andi, eu vou colocá-lo dentro do nosso gráfico, mas ter que quebrar o topo dele. Então, essencialmente, ele estará sentado dentro deste círculo branco. Então eu vou em frente e un grupo nosso gráfico. Então o proprietário apertou o comando em X, e isso corta-o. Mas agora ele está na prancheta em destaque. Este círculo olt comando V e que é colar no lugar ou colar em Desculpe mais que ele colar em qualquer objeto que eu tinha destacado anteriormente, que neste caso, foi o Círculo Branco. Então agora eu preciso que a parte superior dele esteja cutucando o topo aqui. É a vestimenta. E fazer isso é bater A para estar na ferramenta de seleção direta foi selecionado o comando e ver V novamente. Basta clicar fora e pressionar Shift comando antigo e V neste lugar está na frente no mesmo lugar se arrastado para cima. E como você pode ver, nós o temos agora explodindo do doador, não cinco para mover esta camada superior. Você vê, na verdade é apenas som top aqui. Então agora eu vou rotular este gráfico de donuts no meio. Convencido isso que poderia ser ele pequeno. Esse é o tamanho. Então eu vou voltar para ilustrador uma cópia estes sobre três ponteiros. É este primeiro número hit t mensagem aqui e sentir vai, é Zoom de volta. Não devias copiar isto aqui. Copiar. que disse em é biscoito de graça. Aquilo ali. Só para facilitar as coisas, vou copiar isso. Aplique aqui. Bem, isso não está funcionando. Oh, e eu não vou voltar a copiar este aqui. Muito bom. Desculpe. Muito bem, aqui temos os nossos rótulos, por isso vou fazer estes um pouco mais pequenos. Salve este, depois Linus, com esse turno para cima. Nove. Os topos destes juntos. Ela era simpática e arrumada. Pode enfiar lá fora? Eu só vou me perder no ir para baixo para as grades e guias, mas que pequenos deuses em? OK, tudo bem. Em seguida, em um desenhar uma linha para fora para aqui, eu vou fazer outra linha para fora para aqui em. Vou acariciá-lo com este cinza. Então lá temos o nosso estilo de etiqueta. Vá para lá, e faça o mesmo com os outros dois. Só vou refletir isso. Vira-o horizontalmente. O mesmo de novo aqui. Suba com essa borda. Copie isto para baixo. Desviado verticalmente porque este é um número bastante grande. Só vou selecionar o ponto aqui e mover isso para cima. Ok, hoje nós temos o nosso gráfico de heróis marcado, e agora eu vou roubar este estilo. Vou fazer um grande número para atravessar a frente. Então, de novo, lidando para aqui, então eles vão para o número, nos derrubar. Ir para esta camada que é o meu confundir meus punhos de bloqueio foi lembrar e então nós temos um grande número no meio. Agora nós apenas torná-lo de modo que seria maior em descentralizá-lo Vá até aqui para você'll no parágrafo sobre hits Century Aligned que podemos fazer é usando velhas e setas direcionais Você pode jogar com o rastreamento, que é essencialmente qual é o que isto está aqui e o que é que ele espaça os números uniformemente. É diferente virar, transformar seus espaços individuais entre as letras. Se eu não fosse virar para baixo para zero isso é espaço relativo um ao outro. Este é o espaço geral. É um pouco estranho tentar explicar, mas você pode experimentar ambos e ver como você se dá. Então você define essa óptica porque ela espaça igualmente as letras. Para que pudéssemos fazer algo muito ousado. Ele bateu no carvalho para arrastar os livros. Você tem um grande número vindo supervisionar. Eu preciso mover isso para baixo. Acho que está muito bem. Talvez façamos com que isto seja a maior espera para dizer que seja para Oh, eu vejo. É um pouco menor. Vamos para a nossa linha aqui. Altere o alinhamento para a página. O que estava no meio? Certo, Bang no meio. Vou fazer o mesmo. Veja gráfico tão casualmente que Ok, legal. Então só de pensar nisso, o que eu vou fazer é em vez de bem, eu vou tentar isso e ver como ele se parece com o tipo vermelho do topo pode ser o cinza . Acho que está um pouco perdido pessoalmente. Dirija o marrom. De jeito nenhum. Então o que fazemos é tentar algo acertar o Olt. Clique duas vezes nesta imagem sobre o que eu vou fazer é em uma tentativa, ea cidade parece em preto e branco. Então é koto, uh, aqui em baixo, pegar um preto e branco, fazer alguns ajustes porque eu sinto que é bastante escuro e baixo contraste. Então vamos aumentar o contraste, em seguida, aumentar o brilho para obter mais do que uma imagem estourada. Então também podemos ir para níveis. Não, isto é um pouco mais branco no mais brilhante. Mas, em seguida, negros mais pretos em um hit salvar que colocaria para arquivar em nosso documento. Então eu só vou ajustar isso um pouco mais. Traga essas extremidades para que não haja sobreposição no gráfico. Como você pode ver agora, eles se sentaram no meio. Então eu vou até a nossa ferramenta de transparência baixa aqui em cima. Ele transformou o modo de mesclagem para se multiplicar. Mude isso, Teoh Black Grey, talvez o amarelo. O problema é que se perca um pouco no meio. Então, o que eu poderia fazer nesse caso, é uma trapaça. Você gostaria de fazer? Às vezes eu vou bater fora, desenhar um círculo, algo assim. Então eu vou preenchê-lo com branco. Então eu vou até a pena radiante e ligá-la para o rádio. Então o que temos aqui é um monte de branco vindo a nada. E é isso que o gradiente representa, certo? Teoh Blackwell, neste caso, transparência. Então eu vou pegar isso, colocá-lo atrás do número sete, fazer um pouco maior e ver a capacidade dele. Você realmente não pode notar isso, mas eu acho que isso fez uma diferença para a capacidade de borda. Off. Livre-se dele. Coloque de volta na diferença. Elegibilidade. Deixe-me tentar isso de volta. Fazer o quê? Não gosto tanto dessas cores quando viramos isso muito amarelo. Mude isso de volta para aquilo. Acho que somos esperados. Vou aceitar isso por enquanto. Voltarei a trabalhar mais tarde. Ok, então a próxima coisa a fazer é eu vou começar a introduzir algumas divisórias nesta página. Eu não teria feito isso. Vá em frente e rotule nossos gráficos. Então as divisórias verificam como esses caras os fizeram. Ok, então deve ser mais o estilo gridded. Eu não quero ser isso é bem isso é gridded, mas não do jeito que eu quero dizer. Então eu vou literalmente pegar a ferramenta de linha se você bater. Ah, Ford Slash. Desculpe. Momento de barra invertida. Então, em uma linha de gaveta para meus segmentos, há uma coisa boa aqui faz estes joalheiros individualmente aqui na mesma para isso. Vês o quê? Vou fazer isso em um segundo. Vai formar o título para os nossos gráficos. Ponha isto aqui em baixo. Copiar outro até aqui? - Claro. Vês onde vou chegar com isto? Copie isto no mesmo aqui. Ok, então é assim que eu vou estilizar os títulos. Eu acho que Andi novamente virou isso antes, então é um estilo tipo que eu usei anteriormente. Então vamos fazer é desenhar um retângulo? Não, o que eu vou fazer, nós vamos fazer é para que estes são feitos para ser aqui em cima. São as minhas camadas. Destrave isto. O que vou fazer agora é um turno. Copie todas essas mudanças de volta para cima. É um Charles Andi. Então copie isto. Copiar é se livrar deles se movendo até aqui. Então abra nosso painel de personagens. Ela é o comando e t muda para óptica. Leve isso para baixo, Teoh. Não, eu vou subir e então eu vou fazer tudo mudar. Comando K é um atalhos. Transforme tudo em capitais. Agora, o que eu vou fazer é pegar isso, chegar a cerca de 10 pontos. Vamos fazer 12 pontos. Então sua pequena técnica, que eu usei para obter as coisas basicamente colocar tipo no centro de uma caixa Se você apertar o comando e ser quando você tem sua caixa de texto coberto, será um quadro opções de texto. E de lá eu vou para o centro. Depois vou acertar esta pequena âncora no meio. Vai bloquear o espaçamento dos insetos, para que permaneçam os mesmos. Faço estes dois milhões. Ok, então nós vamos copiar meu texto, essencialmente alinhá-lo. Oh, comando e veja Teoh envolver que a caixa de texto em torno do tipo que falamos antes. Agora tenho um acidente vascular cerebral. Bombeado até um. Ponha do lado de fora. Lá, temos uma pizza tributada alinhada dentro de uma caixa. Ok, então vamos fazer é largar isso. Então essencialmente linhas. É aqui que a grade entra particularmente. Bem, alinhe isso com o interior. Ali. Copie isto ali. Acho que é muito grande. Então você toma o “eu “também. Moinho de osso feito é 10. Oakland e veja que você tem uma caixa menor. O mesmo de novo. Isso é apenas mentir. Estes são para os livros de Angeles tocantes. Certo, então vou em frente e fazer isso por todos os outros. Então passaremos para o próximo estágio. Ok? Como você pode ver, eu fui em rotulado todas as minhas seções. Começa a tomar forma de muitas maneiras. Se eu me livrar da grade no quadro de arame, você pode ver o mais curto básico e estilo pode ver como voltar a ligar isso. Você vê como é semelhante a essa Andi Simmons disso também, Andi, eu acho que o que vamos fazer agora, tendo pensado sobre isso e apenas olhando para ele, eu sinto que não há contraste suficiente de escala aqui. Então eu acho que isso precisa ser maior. Eu acho que ele precisa ser maior no caminho para fazer isso é em vez de fazer tudo mais , eu vou me livrar disso. Pare. Eu estava olhando para ele, e eu só não faz nada. Eu realmente acho que é tão importante. Obviamente, se você sabe o que o basquete é importante. Mas eu acho que em termos de contar a história de seus pontos marcou exatamente o que eu estou tentando fazer aqui, eu só não acho que é relevante. Então vamos nos livrar dele. Voltar contra a minha mulher amiga na grelha. Andi, eu vou apenas destrancá-los e eu vou virar este Coloque cerca dois Norte, na verdade, e colocá-lo aqui em baixo. Então é como fazer com Tetris. Realmente? Apenas fazendo um pouco de quebra-cabeças para colocar tudo para caber. Como acha que vai funcionar. Então vamos fazer isso é mais isso apenas um rompimento. Temos tudo no tipo de uma coluna. Aqui está separando isso. Faça um três. Oops. Lamento ouvir isso em baixo, então. Está bem. Está bem. Então agora estamos mais parecidos com ele. Mova isto para cá. Usando a grade de novo. Você pode ver que ele quebra o dedo do pé no centro desta, hum, sarjeta de coluna. Então eu sei que está bem no meio aqui. É por isso que eu amo trabalhar em design para coisas como esta porque pode realmente alinhar as coisas corretamente em uma vez que você tem tudo estilizado e o que não terá apenas uma parte, essas lições para refletir sobre o que fizemos, refletir sobre o projeto e fazer quaisquer alterações finais. Então Jean Mackin e fazer isso muito maior. Vai copiar isto para que esta linha desça. Adivinhe para baixo também. Esse fanático que eu sinto vai estar no fim de mexer com a chuva da esposa. Então talvez seja muito maior. Oh, sim, isso é muito mais parecido com ele. Veja, isso domina a página, e é isso que queremos. Queremos algo que tenha escala, e queremos introduzir um verdadeiro senso de hierarquia para a paz. Então vamos descer para os jogos de alta pontuação. Isso precisa ser tweets, não é? E muito isso sobre isso é alinhado pode ver que você é 12345678 Então, se eu ir para em sua queda fora, eu sei que precisa se alinhar para o centro dela. Ela faz. Você tem guias inteligentes na frente. Mova isso em frente. Mova isso para cima. Começando uma criança assim, acho que não precisamos dos machados. Eu acho que porque há apenas cinco colunas, podemos apenas colocar o valor no topo. É o que estou fazendo. Shift comando e G ungh colhe. Apague tudo isso. Por que você tem que fazer de novo? Está trancado minha esposa quadro lá capaz isso em todos os dias virá. Então eu quero algo assim. Acho isso muito legal. Então vamos fazê-lo. É que eu não posso me mover, vou transformar tudo. E isso não é a escala. Então estamos basicamente fazendo tudo mais largo, não mais alto. Tudo bem, porque temos tudo selecionado. Enquanto movermos todos exatamente a mesma quantidade enquanto selecionados, eles ficarão dentro. A relação entre eles permanecerá a mesma. Então ainda há o mesmo tamanho em relação um ao outro como eram anteriormente. Agora, o que eu vou fazer de novo é eu só vou mudar isso. Eles estão começando o dedo do pé, sobrepõem-se uns aos outros. Não, não. O que vou fazer agora é transformar estes em triângulos. Melhor com fazer isso é tomar canto aqui um e selecionar um desses pontos de ancoragem. Oh, mude até ver esta linha que está alinhada com aquele ponto central. Está bem. No mesmo aqui. Lá vai você. Deixe-me fazer o mesmo por este, e então faremos o mesmo pelo resto. Essa mudança naquela reunião e outra vez, tudo bem fazer você, Daisy. Tudo bem para fazer, porque estamos formando a mesma ação em todos eles. Assim, as áreas de cada um desses triângulos serão as mesmas em relação ao lado do outro como eram quando eram retângulos. Eu poderia eu vim jogando um resolver estes para multiplicar. O que eu vou fazer é colocá-los um sobre o outro. Certo, então vamos mudar isso para aqui. Ouçam aqui. Escutem aqui para ouvir o que fazemos é difícil todos eles. Vou para uma fila. Ela foi aceita uma linha de seleção distribuindo centros horizontais. Agora eu sei que o espaço entre os dois é o mesmo em toda a linha e, em seguida, no seu A eu vou apenas puxar tudo para fora de novo. Então agora nós temos É bonito olhar gráfico. Ok? Então você pode vê-lo começar a ganhar vida um pouco, fazendo alterações nos gráficos. Andi, o que vou fazer agora, é só subir um pouco. Eu olho para estilizar esta caixa também. Eu rotulo tudo no final. Eu não vejo o ponto de fazer isso até que você tenha todos os seus gráficos ordenados. Porque o que você vai se encontrar fazendo é se você decidir que eu quero mudar Machar, significa que você tem uma mudança. O rótulo que você pode ter mudado os tamanhos do rótulo novamente. É só uma grande gordura. Por isso, faria o máximo que puderes antes de termos de trazer os rótulos. Então médias de jogo de carreira, eu acho que vamos fazer isso um grande número novamente. Estamos trabalhando com escala aqui, Tia Hierarquia. Então este é 27 pontos escolarizados por jogo. Então, isso é feito. É bom e grande. Nós vamos fazer Oh, contine si E então usando esta caixa, meu guia e então nós temos grade embaixo. Eu posso então copiar esses números que eu gostaria de fazer com números individuais. By the way, é adizero antes 07 Não é sete, Eu acho que apenas individual e perder por si só Olhe um pouco. Agora vamos tentar dar um pouco de estilo, não apenas torná-lo perfeitamente alinhado em uma caixa, mas vamos mover isso um pouco acima e é o mesmo número. Então copie isso. Tome este aqui embaixo. Quero dizer, ele tocou mais pequeno de novo. Fiz esta linha estes também. Isso parece muito bom. Então agora vamos fazer é apertar o botão de barra invertida. O que fizemos antes permite traçar uma linha e eu vou traçar uma linha entre estes contra a borda. Se você pudesse ter um derrame aqui. Entrar no tipo. Seja adotado, James. O peso. Então você tem um gordo lá ou você tem um magro como este. Então vamos para o magricela por enquanto. E depois vou traçar outra linha a partir daqui. Na verdade, pegue o fundo disso no topo disso, então podemos fazer é usar nossos governantes Teoh Actors, guias aqui. Andi baba fila no meio lá você eu e apenas destaque estilo dessa linha. Estão usando nossas cores. JJ troca entre o Phil, que seria a nossa caixa. Flynn azul. Veja que desligado em qualquer coisa, J Vai para o tipo. Você também pode fazer isso manualmente aqui para então eu trocar isso para a Borgonha. Sim. O que? Este ouro Teoh no amarelo Dang. Troco isso para o cinza. Também vou tornar as nossas falas graves. Tornou as linhas ótimas para todo o resto. Eu ia mudar isso também. Ok, então só estou começando a tomar forma. Como você já notou antes, eu vou para as minhas camadas e desligo isso. Sim, é realmente um stand para olhar, você começa a chegar lá. Então, vou em frente agora. Injusto, trazendo meus rótulos para tudo na etiqueta de ladrões, e então teremos uma revisão final sobre discutidos os toques finais. 13. Design - Tweaks final: Eu quero fazer agora é apenas os toques finais em D. Quero dizer, introduziu alguns ícones aqui em cima. A razão para fazer isso é porque eu sinto que ele ilustra este ponto um pouco mais como ele é, só que você realmente não tem a idéia de que é um prêmio. Então, que doadores? Só estou tirando uma foto do Troféu N V P do Google e do troféu Larry O'Brien N B A Champion. Só os desenhei usando a caneta tal. Se você não está familiarizado com o pentagrama, é exato que parece que loja de fotos, você apenas desenhar sua forma, Qualquer que seja em jogo com as âncoras. Andi, se você colocar aqui, preencha em vez de cortar as coisas com ele. Então é isso que é. Nós vamos nos livrar deles, e eu vou colocar meus troféus aqui, então eu vou alinhá-los para que fique perfeitamente alinhado com isso. Adicione mais alguns espaços. Então 12341234 um casal 1212 Então eu sei que é tudo perfeitamente alinhado. Eu alinho no meio. Vamos chegar a isso. Faça a mesma coisa aqui. Agora, é aqui que você fica irritado com você criar. Certifique-se de entrar e ter certeza de que tudo está perfeito. Você notará a diferença se tudo estiver fora de uma linha no final. Então vamos fazer essa profissão possível e depois derrubar isso um pouco. Nada ligeiramente para baixo. Então eu vou trazer isso para aqui, reduzir o tamanho da produção ainda mais. Eu ia mover estes para baixo novamente e é um pouco menor. Muita coisa tem que continuar e realmente puxar isso para fora de mais alguns espaços. 12121212 Se fizermos isso, então é uma cópia que acabou. Digamos, algum dia. Andi fica um pouco maior. Ok, eu acho que foi bom. Copie isto na cópia, e está alinhado no meio da sua. Você faz exatamente o mesmo por isso. Segundo turno. Sendo assim em baixo, mova isso e vá para lá. E vamos mudar a cor destes para este bom. Verdadeiro. Se você colorir para isso, então mesmo sabendo que não é troféu de taça, certo, estes vermelhos só para obter um pouco de diferenciação. Ok? E isso não é bem assim. Na verdade. Eu acho que isso está ficando um pouco perdido. Os crescidos aqui. Você precisa saber quem está indo assim? Um pouco maior e não apenas fazer isso. Na verdade, isto é apenas uma caixa. Vês? Vê-lo de volta. Quero dizer, fazer a mesma técnica que fizemos para o outro pedaço centralizado do tipo hit comando e ser para alinhar o centro apenas bom. Isso é o que queremos. Incesto por um milímetro. Vamos chegar a dois milímetros, então eu vou definir um golpe mais grosso para isso. Só dois pontos. Sim, acho que funciona. 14. Analisar nosso design: Ok, e é isso. Fizemos mais do Infográfico. Eu só vou passar dois minutos agora, apenas refletindo sobre alguns dos princípios de design que temos acontecendo aqui. Então, o 1º 1 é o contraste. Obviamente, temos duas cores contrastantes. Temos o contraste. Em um tipo, é sempre importante quando você seleciona fontes. O que quer que você faça, não selecione para que olhar muito semelhante em. Então use-os. É só que se você vai ter nenhum contraste, nenhuma definição você tem que usar para uma diferente. Então, particularmente usando este tipo alto e condensado para os números funciona muito bem nisso. Usando isso, que é um serif de som claro para os rótulos menores novamente funciona muito bem. Há consistência entre a tipografia aqui. O mesmo tamanho para todos os rótulos aqui e aqui em cima em todo o lado. Aqui em baixo. Nós também temos consistência na linha pesa tudo. Há um derrame neste documento. Está definido para norte 0.5. Como você pode ver aqui, eu também usei a mesma cor para todos os traços, que é o cinza que selecionamos Andi com a marca. No que diz respeito à cor, você tem uma paleta de cores restrita, que ajuda a trazer consistência novamente para toda a coisa em termos de escala. Como eu disse várias vezes, temos um gráfico principal no meio e tudo o resto trabalhando fora dele. Isso realmente ajuda a transformar isso em uma peça de design mais interessante, porque quando tudo é do mesmo tamanho, você simplesmente não sabe por onde começar. A última coisa a saber é o uso da grade no divórcio. No alinhamento geral, tudo está alinhado perfeitamente. Todo esse ar centralizado, centralizado, alinhado. Ele está alinhado bem no meio. Estes estão alinhados no topo de um contrato de arrendamento em Londres perfeitamente e também centralizados dentro dessa coluna. Então, é importante fazer essas pequenas mudanças. Se algo não estiver bem alinhado, entre lá, amplie e verifique se está. Então faz um mundo de diferença. Então, muito obrigado por me apoiar. Por favor, compartilhe seus projetos. Conway para você vir acima com diferentes tipos de infográfico, especialmente um processo também. Se você tiver alguma dúvida e começar a fazer armações de arame estão fazendo sua grade me avise e eu retornarei para você assim que eu puder. Então, sim, divirta-se fazendo seus caras infográficos, por favor