Transcrições
1. Introdução: Oi, sou Kevin Moran. Sou designer gráfico de Toronto, Canadá. Na aula de hoje, estamos criando um conjunto de ícones geométricos usando o Adobe Illustrator. Tive a oportunidade de trabalhar com uma série de grandes marcas e publicações de todo o mundo e eu não teria sido capaz de fazer isso se eu não fosse capaz de criar ícones. Comecei muito pequeno, individual, e então comecei a colá-las e sobrepô-las para fazê-las ilustrações maiores. Nesta aula eu vou compartilhar todas as etapas do meu processo, para que você possa ter apenas um conhecimento básico do Adobe Illustrator ou você pode ser completamente incrível. Estou confiante de que todos tirariam algo do meu processo, que você pode levar para o seu próximo projeto de ilustração vetorial. Esta classe é ótima para quem quer fazer seu próprio conjunto de ícones ou talvez um ícone para representar sua marca. Mas também é ótimo para quem quer mergulhar um pouco mais na ilustração, talvez como um esforço lateral ou um projeto de paixão. Vamos começar com alguns esboços preliminares e exploração. Então entraremos no Illustrator e configuraremos nossos arquivos. Limpar nosso espaço de trabalho ajuda a hiperfoco, então eu vou orientá-lo através meu processo e compartilhar algumas dicas e truques sobre como tornar seus ícones únicos. Estou super animado para fazer ícones com você, então vamos começar.
2. O projeto: Espero que estejam tão entusiasmados quanto eu, ansiosos por isso. No projeto de hoje, criaremos um conjunto de oito ícones. Eu encorajo você a vir para cima com o seu próprio tema ou caso de uso. Talvez você esteja se preparando para uma apresentação que você precisa de um conjunto de ícones para ajudar a contar sua história. Ou talvez você esteja apenas criando um conjunto de visuais para ajudar a apoiar sua marca. Faça deste o seu. Para o meu exercício, vou criar o que parece ser um conjunto aleatório de visuais. Mas eu escolhi o conjunto em particular porque eu acho que ele nos dá uma oportunidade de jogar com uma variedade de técnicas que irá equipá-lo com a capacidade de construir além do conjunto. As ferramentas de que você precisa para o projeto de classe hoje são um computador, um pedaço de papel, um lápis e uma cópia do Adobe Illustrator. Não precisa ser a cópia mais recente, mas se você não tiver uma cópia do Adobe Illustrator, tudo bem. Você pode usar o link na descrição da turma para obter uma avaliação gratuita de sete dias. Nosso exercício de hoje consistirá em quatro etapas em massa: esboços rápidos, configuração de
arquivos, ilustração vetorial
e, em seguida, exportaremos para serem usados ou compartilhados com os clientes. Quando terminar o seu conjunto de visuais, encorajo-o a publicá-los na galeria do projeto para que todos
possamos dar uma olhada e dar-lhe feedback. Na primeira lição, vamos dar uma olhada em alguns esboços e fazer um pouco de exploração. Acho que é parte muito importante do processo porque nos dá um pouco mais de direção e estrutura antes de saltarmos para o computador. Vejo você lá.
3. Esboços e exploração: Agora, antes de começar qualquer projeto de ilustração ou ícone, eu sempre começo com esboços. Esta é uma boa maneira de explorar quais são
as possibilidades antes de saltar para o computador. Então pegue um pedaço de papel, um lápis, e vamos começar. Para o meu exercício, vou usar um moleskin e um lápis, e um marcador. Agora, se você está usando um pedaço de papel simples ou um caderno de esboços como
eu, eu sempre começo desenhando algumas caixas delimitadoras, não importa quantos ícones existam. Isso serve como um pouco de um guia sobre o tamanho e as dimensões que cada ícone vai caber no espaço. Fora dessas caixas, ou no meu caso, no lado esquerdo do papel, eu exploro quais são as possibilidades e como poderia ser o ícone. Eu não sou a melhor gaveta, então isso é apenas muito preliminar. Não precisa ser perfeito. Ele só tem que dar uma boa idéia de onde estamos indo com cada imagem. À medida que avançarmos para o segundo ícone, farei a mesma coisa. Este vai ser um relógio. Eu já posso dizer que isso vai ser fora da caixa de ligação. Então, tentando pensar em uma maneira de mantê-lo dentro de um olhar quadrado e sentir. Isto vai funcionar. Uma vez que eu termine. Eu gosto disso. Eu movo para o meu lado quadrado e preencho isso. Mais uma vez, estes não têm de ser perfeitos. Vamos rever cada um dos nossos desenhos com um marcador mais escuro apenas para que seja um pouco mais forte no papel e pareça um pouco mais ousado. Agora, quando se trata de um ícone de discussão, este aqui é algo que estou acostumado a desenhar. Poderia parecer que talvez ele faz em um telefone celular ou talvez duas formas sobrepostas com apenas triângulos no final que parecem que alguém está falando, eu gosto do redondo. Mais uma vez, vou desenhá-lo de novo dentro da minha caixa aqui. Agora, um livro pode ir de várias maneiras diferentes. Eu desenhei muitos livros na minha carreira, mas eu gosto de ser um pouco mais criativo e talvez seja angulado um pouco, e é assim que eu costumo desenhá-los muito. Pode haver uma etiqueta no topo. Novamente, não parece um livro agora. Quando estivermos no Illustrator, ele ficará muito melhor, e não precisa ser perfeito. Então eu estou indo para ir com o olhar angular, este aqui vai ter um marcador saindo dele. Agora, para o crescimento, vamos desenhar uma planta. Eu também sou um grande entusiasta de plantas. Há um número de plantas diferentes que podemos desenhar. Mas como ícone, as pessoas que não eram entusiastas de plantas talvez não conheçam as diferentes espécies e todas essas coisas. Talvez precisemos fazer algo um pouco mais genérico. Mas eu gosto deste coração olhar aqui. Vamos com o nosso coração. Quando estamos no Illustrator, podemos
mudar o estilo do padrão se não gostarmos, sempre
podemos mudar de ideia quando estamos no Illustrator. Isto está apenas a dar-nos um breve guia. O próximo vai falar de lucro. Agora, desenhar um projeto de lei é, ele pode ser desenhado de várias maneiras diferentes dependendo de qual país você é. Talvez queiras que pareça de uma forma particular. Eu vou desenhar o meu para parecer um projeto de lei americano padrão. Talvez colocar um rosto de presidente ou algo assim, mas vamos adicionar pilhas a ele. Para aqueles de vocês que não sabem, eu acho que uma pilha é $1.000, eu acredito. Eu não tenho certeza. Isso parece ótimo. Então, para global, vamos desenhar uma linha de globo simples. Eu não tenho certeza se você já viu aqueles facilmente reconhecíveis ou nós podemos desenhar com massas de terra. Esta é a América do Sul, América do Norte, esta é a Europa aqui em cima, e esta é a África. Gosto de ficar com a linha porque acho que muita gente vai reconhecer isso muito mais. Vamos levar isto para as nossas caixas. Para o último, vai ser divertido para a imprensa. Vamos fazer uma foto de uma câmera. Existem algumas maneiras diferentes de desenhar uma câmera dependendo do ano em que é. Acho que isso é muito velho, talvez tenha falas aqui. Usamos uma estrela em forma de estrela. Vamos fazer isso. Poderia representar o projeto de lei em si. Só um pouco diferente, igual, mas diferente. Ele vai colocar essas linhas aqui e talvez o flash esteja acima e há uma bela estrela representando isso. Ótima. Então temos nossos desenhos prontos. A próxima coisa que faremos é passar por cima com um marcador. Totalmente opcional, a propósito. Isso é ótimo para quando você está digitalizando ou tirando uma foto e talvez digitalizado e se tornar perfeito. Esta é uma ótima maneira de garantir que você não pode ver todas as linhas, e você pode facilmente fazer um rastreamento rápido sobre esta imagem. Então temos nossos esboços prontos. Eu peguei o meu no meu telefone. Vá em frente e carregue-os para o computador. Na próxima lição, estaremos configurando nossos arquivos de arte e nos preparando para o processo de ilustração.
4. Configuração do arquivo: Tudo bem. Então estamos no computador. Tenho meu esboço carregado na minha área de trabalho aqui, e estamos prontos para entrar no Illustrator. Então abra o Illustrator e vá para “Criar novo”, e nós vamos estar trabalhando em pixels e as dimensões do nosso projeto serão 1.600 por 12 de altura e isso vai ser uma configuração de paisagem. Queremos mudar isso para RGB. Vamos fazer nossos ícones para telas e para fins digitais. Se você vai criar seus ícones para impressão, você pode deixar o seu em CMYK. Vamos “Criar”, e a primeira coisa que vamos fazer é limpar nosso espaço de trabalho. Há muitos widgets e gadgets acontecendo, aqui à direita. Muitos deles que provavelmente não usaremos para nosso projeto hoje, então vamos remover tudo para simplificar o que estamos vendo para nos ajudar a hiperfocar em nosso projeto. Então a primeira coisa que eu gosto de fazer é remover todas as cores da nossa biblioteca de amostras. Não há necessidade de todos estes estarem aqui. Talvez eu seja um pouco particular, então eu gostaria de excluir todos eles primeiro e depois eu gostaria de limpar meu espaço de trabalho. As cinco janelas da barra que eu gosto de ter vivendo no meu espaço são Alinhar, Prancheta, Cor, Camadas e Pathfinder. Então vamos em frente e criar nosso próprio espaço de trabalho. Vá para Novo Espaço de Trabalho, vou nomear o meu Espaço de Trabalho do Kevin. Você pode nomear o seu. Você pode até nomear seu Kevin Workspace, se quiser. Vá “Ok”, e vamos começar a pegar nossas ferramentas. Então vamos pegar Align. Vá para o Windows novamente e pegue as pranchetas. Arraste isso para a nossa barra de ferramentas esquerda e, em seguida, vá
para Cor, para cor é marca de seleção já. Onde é que está? Onde é que está? Lá está ele. Vamos arrastar isso até aqui. Camadas, eu vi isso aqui em baixo. Vamos arrastar isso e Pathfinder, lá está. O Pathfinder está bem aqui. Vamos arrastar isso para cima e então você pode pegar tudo pelo nome e sair ou você pode simplesmente arrastá-lo para fora assim. Você pode até deixá-lo se não te incomodar em tudo, talvez seja o suficiente que você está vendo tudo que você precisa no lado esquerdo, mas eu gostaria de me livrar de todas as coisas novamente só para ter certeza que eu estou vendo o que eu preciso para ver. Saída, saída e saída. Perfeito. Então, limpamos nosso espaço de trabalho. A próxima coisa que precisamos fazer é colocar nosso esboço na tela. Então vamos passar para nossas camadas aqui, nomear este Sketch, e então ir até Arquivo, Colocar e trazer nossa imagem para o nosso arquivo. É gigantesco, então vamos usar nossa ferramenta de zoom para nos afastarmos e reduzir isso para funcionar. Tem tamanho melhor, pelo menos. Incrível, e a próxima coisa que queremos fazer é incorporar nossa imagem em nosso arquivo AI. Você não tem que fazer isso, mas eu tive uma série de incidentes onde eu não poderia encontrar o esboço depois ou eu não tinha rotulado por esboço apropriadamente como eu tinha feito com este projeto. Então, eu gostaria de incorporá-lo,
para ele permaneça dentro do meu arquivo do Illustrator e ele me
permita referi-lo sempre que eu precisar dele no futuro. Então vá até o topo aqui e aperte “Embed” e com isso agora incorporado, outra coisa que eu gostaria de fazer é burrar o olhar dele adicionando uma caixa branca acima dele. Então, usando minha ferramenta de retângulo, eu só vou desenhar uma caixa branca acima e mudar a transparência para 80 por cento, ótimo. Então isso nos permitirá desenhar em cima
deste esboço e ainda ver algumas belas linhas escuras no topo. Então nós temos isso lá. Vamos bloquear nossa camada de esboço e agora vamos adicionar outra camada chamada Guias. O que vamos fazer é adicionar uma série de caixas aqui que vai ser muito parecido com o nosso esboço. Isso nos ajudará a manter as dimensões de cada ícone em toda a placa e servirá como um pouco de espaçamento e guia dentro de nossas pranchetas. Então vamos usar nossa ferramenta de retângulo agora pressionando “M” e clicando uma vez
na prancheta e vamos mudar as dimensões para 225 por 225. Agora ele vai criar uma caixa branca na tela, então nós realmente não podemos ver isso. Vamos virar isso para traço e vamos apenas adicionar qualquer cor que nos ajude a vê-lo um pouco melhor. Azul parece bom. Agora, o que vamos fazer é copiar isso quatro vezes por cima e então vamos ter quatro ícones que vão viver ao longo do fundo. Então, agarrando este quadrado e mantendo pressionadas Shift e Option, vamos apenas copiá-lo, uma distância segura e segura, e então solte e vamos fazer isso mais uma vez aqui e você está vendo algumas linhas cor-de-rosa, eles estão mostrando por me contar a distância entre tudo. Se você não estiver vendo isso, vá para Exibir aqui e verifique se você tem Guias inteligentes selecionadas. Isso vai ser muito útil enquanto estamos caminhando através do nosso exercício. Então vamos pegar esse conjunto de caixas agora e fazer a mesma coisa, segurando Shift e Option, vamos copiá-lo novamente para baixo, e agora podemos selecionar todos esses e pressionar “Command G” para
agrupá-los e centralizá-los usando nossa ferramenta de linha Aqui em cima. Perfeito, parece ótimo, incrível. Recuando um pouco, vamos travar isso, e vamos criar outra camada aqui. Essa vai ser a camada que estamos trabalhando dentro para criar nossos ícones e vamos nomear esta obra de arte,
entrar lá e, em seguida, vamos descer para nossas pranchetas aqui e certifique-se de que estamos nomeando esta prancheta, Conjunto completo. Isso vai ser útil quando estamos exportando no final deste projeto. Certo, estamos quase terminando. A última coisa que precisamos fazer é também a coisa mais importante, vamos salvar nosso arquivo. Então vá em frente e aperte “Command S”. Vamos salvá-lo em nossa área de trabalho com nossos ícones Skillshare. Ok, então agora estamos prontos para começar a ilustrar. Então, na próxima lição, vamos pular direto para ela. Como mencionado antes, o que vamos fazer é desenhar aqui em cima do nosso esboço e, em seguida, mover nossos ícones finalizados para seus respectivos quadrados. Vejo você na próxima lição.
5. Ilustrando uma bússola: Está bem. Então estamos prontos para começar a ilustrar. O primeiro que vamos enfrentar é uma bússola. Então, usando uma ferramenta de zoom, vamos chegar um pouco mais perto aqui. Parece um monte de círculos com um diamante no meio. Então, escolhendo nossa ferramenta de elipse, aperte L. Do meio, vamos segurar o turno e a opção para sair do centro. Ainda temos o azul selecionado. Vamos mudar a cor do traço para algo que gostamos. Vamos mudar para preto e vamos aumentar nosso golpe um pouco para cinco. Eu digo cinco, se você acha que isso é muito ousado, vá em frente e mantenha um pouco menor. Ótima. O círculo está fazendo o círculo que desenhamos parecer terrível. Então já sabemos que estamos um passo aqui, então vamos pegar a mesma elipse, e copiá-la na frente. Control+C, Control+F. Com isso na frente, vamos escalar aquele do meio novamente, mudar e opção pressionada, e obtê-lo acima do nosso próximo círculo. Agora, a próxima coisa que devemos fazer é desenhar este pequeno anel que temos em cima. A maneira que eu faria isso é apenas copiar e colar, novamente, o círculo externo. Control+C, Control+F. agarrando de baixo aqui, segurando o turno, eu vou trazê-lo para cima, apenas trazê-lo para cima aqui para que ele fique alinhado aqui. Parece muito bom até agora. Vamos agora desenhar nosso diamante ou diamante de direção no meio. Escolha a ferramenta de retângulo M. Do meio, novamente, segurando Shift e Option, vamos trazer isso para fora. O que vamos fazer é, vamos chegar um pouco mais perto. Vamos girar isso agora de uma borda segurando o turno. Então temos um ângulo de 45 graus aqui. E com isso agora girado, vamos para nossa ferramenta Pathfinder e apertar Unite. E o que isso vai fazer, vai nos deixar escalá-lo em uma direção diferente agora e podemos obtê-lo muito afiado no topo e no fundo, mais como uma forma de diamante. Agora podemos redimensionar isso apropriadamente. Novamente, estou mantendo pressionada a opção para ter certeza que está escalando a partir do meio. Vamos agora desenhar um círculo no meio usando nossa ferramenta de elipse. Mas vamos fazer isso preenchido. Então temos o mesmo derrame agora, vamos mudar isso para preencher. Isto já parece muito bom. A próxima coisa que precisamos fazer é girá-lo para que nosso anel fique aqui à direita. Então, agarrando tudo, vamos manter o deslocamento pressionado e girá-lo para a direita novamente, apenas tendo em um ângulo muito agradável de 45 graus. Vamos pegar esses dois pedaços aqui no meio. Mantendo o turno pressionado novamente, basta girá-lo de volta. Então nós temos este apontando para este caminho, e este apontando para este caminho. Isso parece muito bom. Vamos recuar um pouco. Agora que terminamos este, vamos levá-lo para o quadro de arte e refiná-lo ainda mais. Então, selecionando tudo isso, vamos pressionar o comando G para agrupá-lo. Em seguida, recuando ainda mais, podemos simplesmente arrastá-lo com Option+Shift para o nosso quadro de arte e dimensioná-lo dentro do nosso quadrado adequadamente. Então, uma coisa que eu gosto de fazer é tornar o nosso derrame muito mais ousado do que isso. Entrando em um isolamento clicando duas vezes nesse grupo de objetos, vamos selecionar tudo, exceto o nosso preenchimento aqui e jogar com o peso do traçado novamente. Vamos apenas levantar um pouco. Acho que parece bom. Tudo bem. Vamos ao Escape para sair do isolamento. Lá temos ele. Temos o nosso primeiro ícone no saco. A bússola parece ótima. Na próxima lição, passaremos para o ícone do relógio.
6. Ilustrando um relógio de pulso: Estamos prontos para seguir o nosso relógio. Agora, vamos chegar um pouco mais perto aqui. Muito parecido com a bússola, vamos ver um círculo bem no meio, então vamos escolher nossa ferramenta de elipse novamente,
e novamente dimensioná-la do meio, vamos manter Shift e Option pressionado. Vamos começar a desenhar essa ponta de cima aqui. Vamos abrir nossa Ferramenta de Retângulo, e alinhando nosso cursor com o meio desse círculo, vamos novamente apenas trazer Option
pressionando desta vez para ter um retângulo mais livre. Vamos fazer com que se alinhe bem ali. Com a nossa ferramenta de seleção direta, pressionando A, vamos apenas clicar nesta borda inferior do nosso retângulo e excluí-la. Impressionante, acho que podemos reduzir isso um pouco mais que ele atenda nosso esboço lá, legal. Agora vamos desenhar esta borda arredondada que serve como o fim da nossa pulseira de relógio. A maneira como vamos fazer isso é com nossa Caneta Tool, então apertando P para Caneta Tool, vamos clicar uma vez aqui e manter a tecla Shift pressionada, vamos percorrer todo o caminho até aqui. Clique novamente para fazer uma linha de 45 graus, e vamos pressionar Enter para terminar com essa forma. Agora, com isso selecionado, vamos em frente e aumentar o peso
deste cachorrinho para parecer quase igual ao retângulo superior que fizemos. Eu acho que 35 deve fazer o truque. Em seguida, abrindo nosso painel Stroke, vamos nos certificar de que estamos arredondando as tampas lá, então aperte Round Cap e depois volte para o nosso quadro de arte aqui. Com isso ainda selecionado, vamos expandir isso, ir até Object e Expandir. Verifique se Preencher e Traçado estão selecionados e clique em “Ok”. Em vez de uma linha, agora é um objeto preenchido, então com isso agora servindo como nossa banda, o que poderíamos fazer é pegar nossa ferramenta de conta-gotas e roubar o estilo que
temos aqui para que possamos vê-lo um pouco melhor acima da nossa banda de topo. Vamos alinhá-lo com o nosso esboço um pouco mais, e com este selecionado, agora
vamos cortar o topo disso. Vamos escolher a nossa ferramenta Retangle certifique-se de que estamos alinhando com a parte superior desta banda e apenas arraste para a direita. Oops, isso foi um pouco grande demais, arrastar para cima. Selecione ambos, e agora vamos para o nosso Pathfinder e escolher Menos Frente. Uma coisa a lembrar é que a forma no topo será remover da forma inferior. Agora, com isso desenhado lá, podemos ir em frente e apenas selecioná-lo, e com a tecla de seta, podemos apenas empurrá-lo ligeiramente para que ele se encontre perfeitamente aqui. Uma coisa que estou vendo é que parece um pouco grande para que possamos redimensionar isso um pouco. Vou usar a borda esquerda aqui e manter Shift pressionada para manter suas proporções. Eu também vou empurrá-lo um pouco mais de novo com as nossas teclas de seta. Agora eu estou vendo uma linha muito nítida aqui que eu não quero, então vamos clicar duas vezes na forma para isolá-la, e com nossa ferramenta Caneta, vamos adicionar algumas incisões aqui e aqui. Então eu posso apenas, com minha Ferramenta de Seleção Direta, apertando A, eu posso simplesmente pegar essa borda e excluí-la para que nós estamos nos livrando dessa borda dura que estava lá. Podemos até chegar muito perto aqui,
adicionar uma incisão aqui, fazer backup um pouco, fazer backup um pouco, e então usar novamente nossa Ferramenta de Seleção Direta. Podemos ir em frente e apenas selecionar esta âncora, apertar Delete, e então bater nesta âncora e apertar Delete. Temos uma boa e limpa vantagem aqui. Agora podemos acertar Escape para sair do isolamento e podemos recuar um pouco. Acho que isso parece muito bom. Uma coisa que eu acho que faria isso um pouco mais original é se nós apenas adicionássemos um pouco de uma borda arredondada acima aqui. O que podemos fazer é, quando você chegar um pouco mais perto, usando sua ferramenta Seleção Direta, você pode simplesmente ir em frente e bater este canto superior aqui e você verá um pequeno círculo aparecendo, você pode simplesmente pegar isso e torná-lo um pouco por aqui. Agora, vamos recuar um pouco, parece bem legal. A próxima coisa que queremos fazer é apenas ter isso refletido no fundo aqui. Há algumas maneiras que podemos fazer isso,
a primeira maneira é, obviamente, nós apenas pegamos isso, nós usamos Shift e Option e girá-lo, e então nós podemos apenas ir em frente e alinhar isso, esperar pelo melhor, e, em seguida, use nossa ferramenta Alinhar para centralizá-la um pouco mais, mas vamos excluir isso. Esta é a maneira que eu gosto de fazer isso, que é muito único, e eu não sei se muitas pessoas fazem isso, mas eu costumo pegar um círculo ou o ponto central do que é a ilustração, Eu Controle C, Controle F para colá-lo na frente, e, em seguida, eu arrastá-lo para fora para que ele cobre a área ao redor do objeto. Então eu pego o que eu preciso para refletir, copiá-lo, e novamente Controle C, Controle F para trazê-lo para a frente. Com isso ainda selecionado, vou agarrar a borda externa do círculo que acabei de criar, e mantendo pressionada a tecla Shift, começarei a girá-los juntos até chegarem ao ponto em que quero que estejam. Agora que está perfeitamente alinhado superior e inferior, agora
eu posso excluir este círculo e eu tenho ambas as bandas refletindo um ao outro em torno do círculo. Está parecendo muito bom agora. Vamos entrar e adicionar nossos detalhes ao relógio. O que eu faria é escolher nossa ferramenta de retângulo, e obtê-lo aqui mesmo no meio, eu vou apenas arrastá-lo para fora, e eu não vou segurar nada para torná-lo um quadrado perfeito, porque eu vou excluir este com a nossa Ferramenta de Seleção Direta. Vou fazer um mais longo do que o outro. Não sei que horas são, mas um mais longo que o outro. Então eu vou pegar minha ferramenta de elipse e adicionar um círculo no meio aqui também. Acho que isso parece muito bom. Acho que está pronto para ser transferido para o nosso quadro de arte. Vamos em frente, recuar, selecionar tudo isso, pressionar o Comando G para agrupá-los. Novamente, recuando muito mais, vamos arrastá-lo para o nosso quadro de arte mantendo Shift pressionado e copiando-o. Vamos deixar os originais fora do quadro de arte novamente para que possamos nos referir a eles depois se tivermos que recuar e pegar algumas coisas antigas, e vamos escalá-lo para caber dentro da nossa caixa guiada. Acho que isso parece muito bom. Vamos refinar ainda mais este. Vamos clicar duas vezes aqui. Usando Y, nossa ferramenta Varinha Mágica, vamos em frente e clicar no traço aqui. Ele vai selecionar todo o traço, e usando I com aqueles ainda selecionados, vamos em frente e roubar o mesmo peso do curso de nossa bússola. Estamos chegando um pouco mais perto. Acho que outra coisa que queremos fazer é selecionar nosso círculo aqui, roubar
e herdar o círculo de lá. Acho que isso parece muito bom. Este círculo faz deles um conjunto coeso agora. Agora temos o relógio pronto, e agora vamos passar para o nosso próximo ícone.
7. Ilustrando balões de fala: Ok, dois ícones, eles estão ótimos. Vamos passar para a nossa bolha de fala ou bolhas de discussão. Vamos chegar um pouco mais perto aqui, e escolher nossa ferramenta de elipse, L. Do meio, segurando Shift e Option, vamos trazê-la para a borda aqui. Estas áreas pontudas serão apenas triângulos que serão adicionados a este círculo. Então vamos escolher nossa ferramenta de retângulo, M, e tentar colocá-la no centro aqui,
mas o mais importante, colocá-la alinhada ao longo do fundo aqui. Vamos trazê-lo para cá. Se você não acha que isso está alinhado, vá em frente e selecione ambos e, com a nossa ferramenta Alinhar, vamos acertar Vertical Alinhar Inferior. Sim, é perfeito. Vamos editar a forma com nossa ferramenta de caneta. Vamos em frente e selecionar isso. Com a nossa ferramenta de caneta, vamos apenas excluir esta borda superior esquerda e torná-la um triângulo. Parece bom, e selecione ambos agora. Com o nosso localizador, vamos em frente e uni-los. Agora, vamos fazer a mesma coisa aqui em baixo, e mantendo a opção pressionada, vamos copiá-la. Vamos reduzi-lo. Com isso ainda selecionado, vamos em frente e pressione O, Enter, para refleti-lo. Você vai obter esta caixa de diálogo. Ele vai aparecer. Certifique-se de que você clicou na pré-visualização. Você pode refletir o que quiser. Você pode fazê-lo em um ângulo, você pode fazê-lo horizontalmente. Vamos fazer isso verticalmente. Vamos escolher, OK e está parecendo muito bom. Obviamente, a próxima coisa que temos que fazer é apagar esta borda inferior aqui. Então vamos copiar nossa primeira bolha, Command+C, Command+F, na frente. Vamos selecionar a bolha traseira e ir em frente e menos frente. Está parecendo muito bom. A próxima coisa que queremos fazer é agrupá-los e migrá-los para o nosso relatório. Então, vamos selecionar ambos, pressione Command+G, recuar um pouco. Mais uma vez, mantendo Option pressionada enquanto estamos arrastando, vamos trazê-los aqui. Faça isso se alinhar no topo dessas bordas. Selecionando os dois, vamos bater nossa ferramenta de colírio e roubar o estilo daquele. Ok, estamos prontos para seguir em frente. Na próxima lição, cuidaremos do ícone do nosso livro.
8. Ilustrando um livro: Estamos prontos para começar a ilustrar nosso livro. Vamos usar nossa ferramenta Zoom para ficar um pouco mais perto aqui. Você já pode ver no meu esboço que eu desenhei alguns círculos aqui. Eles vão servir como guias antes mesmo de eu fazer isso lá. Acho que podemos adotar essa mesma abordagem aqui no Illustrator. Vá em frente e escolha sua ferramenta de elipse. Novamente, mantendo pressionadas Shift e Option, vamos trazê-lo para as bordas do nosso esboço aqui. Dimensioná-lo se precisarmos, um pouco mais. Legal. Então, com nossa ferramenta Seleção direta, vamos pegar essa borda direita e excluí-la. Com isso feito agora, vamos fazer essa forma estranha que parece um retângulo arredondado. Vamos escolher a nossa ferramenta Caneta. Clique nesta âncora superior aqui e mantenha pressionada a tecla Shift, vamos para a borda do livro aqui, mantendo a tecla Shift pressionada novamente, deixando que nossos guias inteligentes nos digam quando está alinhado, e depois voltando e fechando Aquele fora de novo. Isso vai criar uma forma estranha. Há outra maneira de não criarmos isso, que é apenas desenhando um retângulo e usando nossa ferramenta Seleção Direta para cobrir esses dois e apenas novamente usando esse círculo como fizemos com o relógio. Isso é totalmente bom também. Esteja ciente de que iPad, algumas questões vacilantes que ocorreram que inclui um monte de apenas pontos de ancoragem que eu não sabia que estavam ao longo desta borda aqui. Use-o a seu favor se você quiser trabalhar muito rápido. Mas eu já tive problemas no passado, então eu não costumo fazer isso. Vamos voltar e selecionar nossa forma aqui, e fazer a mesma coisa ao longo desta borda superior. Vamos manter a tecla Shift e Option e arrastá-lo até o topo aqui para que ele se encontre com o nosso esboço. Então, com nossa ferramenta Seleção Direta, vamos pegar esses dois pontos aqui e excluí-los. Ótima. A próxima coisa que queremos fazer é apenas criar um pouco de uma conexão entre os dois sem conectá-lo à forma inferior para torná-lo uma forma. Vamos escolher a nossa ferramenta Caneta. Clique neste ponto de ancoragem aqui, traga-o para baixo, pressione Enter para terminar o desenho da caneta, e então faça a mesma coisa com esta borda aqui, e deixe que ele se encontre no meio dessa forma e pressione Enter novamente. Incrível. A próxima coisa que queremos fazer é arredondar o interior deste livro, para que pareça um monte de páginas arredondadas. Usando nossa ferramenta Elipse, vamos alinhá-la com o centro aqui. Novamente, basta escalar a partir do meio Shift Option e apenas trazê-lo para fora. Agora com essa forma vivendo acima desta, vamos selecioná-los ambos, ir para o nosso Pathfinder e bater menos frente para que ele tenha uma borda arredondada agradável para ele. Mas o que estamos percebendo é que, e vamos chegar um pouco mais perto, há algumas coisas estranhas acontecendo aqui. O que queremos fazer primeiro é resolver este primeiro. Vamos isolar esta forma superior. Clique duas vezes nele. Já estou vendo que podemos conectar isso aqui. Usando nossa ferramenta Caneta, vamos conectar isso, mantendo a tecla Shift pressionada e pressione Enter. Vemos estes dois se sobrepondo. Temos uma boa vantagem aqui e podemos fazer a mesma coisa ao longo do fundo para não termos este tão afiado na parte inferior. Queremos que seja agradável e nivelado na borda aqui. Vamos usar a nossa ferramenta Caneta, alinhá-la com o nosso resultado final. Basta manter a tecla Shift pressionada, vamos criar uma linha e apertar Enter. Isso parece muito bom. O que poderíamos fazer é pegar qualquer caixa agora e ir opticamente, pegá-la e puxá-la para cá. Podemos ver que precisa de um pouco mais. Podemos mudar isto para um preenchimento. Podemos ver que eles podem ir um pouco mais. Vamos usar nossa ferramenta Seleção Direta e apenas
trazê-la para atender a essa borda e, em seguida, excluir essa forma, ela apenas serviu como um guia, não
precisamos mais dela. Vamos tocar em Escape para sair do isolamento. Acho que isso parece muito bom. A próxima coisa que precisamos fazer é desenhar nossos favoritos. Escolhendo uma ferramenta de retângulo, certificando-se de que ela está na borda superior aqui, ela está alinhada na borda superior aqui. Vamos trazê-lo para baixo e apenas atraí-lo para cá. Para fazer parecer quase como uma língua de cobra, vamos em frente e adicionar um ponto de ancoragem bem no meio aqui. Escolhendo nossa ferramenta Caneta, vamos seguir esta linha aqui e depois cruzá-la com o meio. Depois de ter feito esse clique, podemos apenas usar nossa ferramenta de seta para aumentá-lo apenas alguns pontos aqui. Incrível. Vamos ao Escape. Vamos voltar um pouco lá. Isso parece muito bom. Agora, podemos refinar ainda mais isso depois de vermos que estão todos juntos. Eu sei que podemos adicionar algumas linhas aqui, mas acho que estamos prontos para mover este para o nosso quadro de arte. Vá em frente e selecione isso, Comando G para agrupá-lo. Vamos recuar um pouco mais. Em seguida, mantendo pressionada a opção enquanto agarra e arrasta-a, vamos puxá-la para este quadrado aqui. Vamos chegar um pouco mais perto. Com isso selecionado, podemos usar nossa ferramenta Eyedrop para roubar o mesmo peso do traçado aqui, e então podemos dimensioná-lo para fora. Eu já vejo que é um pouco mais gordo do que eu estava imaginando, então vamos trazê-lo para baixo desta borda superior, segurando Shift. Em seguida, usando nossa ferramenta Seleção Direta, podemos selecionar toda esta parte superior. Em seguida, usando a nossa flecha, podemos apenas aumentá-la um pouco. Se você quiser, você pode segurar Shift e apertar a seta para saltos maiores. Parece muito bom. Na verdade, podemos torná-lo muito mais magro. Vamos agora redimensioná-lo desta forma. Mais uma vez, apenas pegando metade dela com nossa ferramenta Seleção Direta e apenas empurrando-a para fora aqui. Eu acho que é muito mais da forma que eu estava esperando para o livro. Nosso livro está pronto, vamos passar para o próximo ícone.
9. Ilustrando uma planta: Estamos de volta, vamos para o nosso quinto ícone, que é a nossa planta legal. Vamos chegar um pouco mais perto aqui. Para a planta, vamos começar com a base aqui de,
eu acho, um plantador de terracota, escolhendo nossa ferramenta de retângulo, e então criando a metade superior aqui, vamos selecionar o mesmo retângulo que já criamos, pressione Control C, Control F para copiá-lo e colá-lo na frente
e, em seguida, agarrando a borda inferior aqui. Vamos apenas arrastá-lo até o topo, fazer com que ele se encontre com a nossa linha de esboço, e então agarrar o lado aqui segurando a opção, vamos trazê-lo aqui para fora. Incrível. Parece um daqueles túneis do Super Mario que ele está sempre a sair. Vamos usar nossa ferramenta de seleção direta para torná-la um pouco mais angular. Pegue a borda inferior, e apenas empurrando com a tecla de seta. Faça a mesma coisa no lado esquerdo também. Agora, se você não sabe se você cutucou ou não o suficiente em ambos os lados, e você não tem certeza se talvez seja desigual, uma boa maneira de verificar isso selecionando a forma que você acha que é um pouco desigual em questão, e apenas pressionando O ,
Enter, e o que isso vai fazer, ele vai trazer a nossa ferramenta Reflect, e você pode pressionar “Preview” ativado e desligado apenas para dar uma olhada melhor nele, e ver como ele se parece do outro lado, e nós já está vendo que perdemos uma vantagem aqui então vamos agora voltar, e colocar mais um empurrão lá selecionando-o novamente,
e apertando O, Enter,
e vamos bater a nossa pré-visualização. Sim, parece bom agora, ótimo. Agora o que vamos fazer é desenhar nossas folhas, e tê-las levando para o centro do nosso pote aqui. Então, para desenhar essas folhas de estilo de coração, eu vou fazer muito como fizemos com o livro, e zoom aqui um pouco mais, e usando a ferramenta Elipse, vamos desenhar um círculo aqui usando nossa ferramenta de seleção direta para exclua essa borda direita e, em seguida, usando nossa ferramenta de caneta para desenhar esse retângulo com uma borda arredondada no lado esquerdo. Agora que criamos isso, vamos continuar e copiá-lo usando Shift e Option, poderíamos arrastá-lo para cima, e então girá-lo a partir de qualquer borda. Agora, com aqueles apenas por acaso em cima do outro,
podemos selecionar os dois, podemos selecionar os dois ir para a nossa ferramenta Alinhar, alinhar à direita
e alinhar a parte inferior, e garantir que você tenha uma “Seleção” escolhida lá, e não “Prancheta”. Se você tem prancheta, você vai perder essas duas formas, e eles vão sumir. Com isso feito agora, vamos em frente e uni-los com nossa ferramenta Pathfinder, e isso parece muito bom. Uma coisa que eu estou vendo, porém, é que talvez isso seja um pouco
alto demais em ambos os lados, então vamos usar nossa ferramenta de seleção direta, e apenas empurrá-los para dentro, ótimo. Com isso feito agora, tudo o que temos de fazer é traçar as nossas linhas. Agora isso vai ser um pouco estranho porque não está
alinhando com nosso esboço muito bem, então vamos ter que usar nossa imaginação aqui. Vamos usar nossa ferramenta de caneta. Venha para a borda superior da nossa folha, e mantenha pressionada a tecla Shift, vamos trazê-la para cima aqui até que a vejamos se cruzar com nosso retângulo inferior. Aí está, ótimo. Então ainda segurando Shift, vamos trazê-lo para baixo para a borda superior do nosso pote. Vamos pressionar Enter para terminar essa forma de caneta, e então usando nossa ferramenta de seleção direta, vamos em frente, e escolher a borda superior aqui, e vamos ver nosso widget de canto arredondado, vamos apenas arrastar isso para ser um pouco um pouco mais redondo. Isso parece ótimo, vamos recuar um pouco, parece muito dope. Vamos pegar a folha e o caule agora, e mantendo pressionadas Shift e Option, vamos arrastá-la até encontrar o meio, e pressione O, Enter para refleti-lo. Parece bem legal. Uma coisa que eu quero fazer é tê-los um pouco fora, e não tão alinhados um com o outro. Talvez este aqui desça um pouco, mas nós definitivamente teremos que trazer novamente com nossa ferramenta de seleção direta para fazer esta linha acima. Tudo bem, isso parece muito bom. Agora vamos movê-lo para nossa prancheta com nossa ferramenta de seleção, vamos pegar tudo e pressionar Command G para agrupá-lo. Vamos recuar e arrastá-lo para a nossa prancheta, mantendo pressionada a opção, e copiando-o porque, novamente, queremos manter o que estávamos fazendo lá apenas no caso de termos que reverter, e vamos mais perto, e vamos dimensionar isto para caber dentro do nosso espaço. Com isso ainda selecionado, vamos usar nossa ferramenta de colírio para roubar o peso do traço que temos em nossa bússola. Agora podemos chegar um pouco mais perto e refiná-lo ainda mais. Podemos clicar duas vezes para isolá-lo, e vamos ver que podemos fazer aqui. Podemos fazer isso um pouco mais, talvez este seja um pouco menor. Talvez isto desça um pouco mais. Na verdade, acho que isso parece muito bom. Saia, tudo bem. Pronto para avançar para o nosso próximo ícone.
10. Ilustrando monte$ de dinheiro: Vamos para o nosso próximo ícone, que é o nosso dinheiro. Vamos chegar um pouco mais perto. Vamos em frente e escolher nossa ferramenta de retângulo e apenas desenhá-la acima de nosso esboço aqui, certificando-se de que está atendendo nossas linhas. Em seguida, com isso selecionado, vamos manter pressionadas Shift e Option para que ele atenda a borda inferior aqui também. Se você tem que chegar um pouco mais perto para ajudá-lo a ilustrar este, amplie um pouco mais. O que devemos fazer agora é fazer essa borda interna do nosso projeto de lei, e eu vou fazer isso de uma maneira muito simples, pode ser muito simples para você, mas eu acho que é muito eficaz. Vamos copiar e colar este retângulo na frente. Então, com isso selecionado, vamos clicar duas vezes nele para isolar um retângulo. Usando nossa Ferramenta de Seleção Direta, podemos então empurrar todas essas bordas com nossas setas em nossos teclados. Pegando nossa Seleção Direta e apenas usando uma caixa [inaudível] e arrastando-a sobre essa borda direita, vamos agora empurrá-la para dentro. Faça o mesmo para a borda esquerda
e, em seguida, superior e inferior. Ótima. Vamos pressionar Escape para sair do modo de isolamento e vamos escolher nossa ferramenta de elipse para desenhar um círculo aqui no meio. Pode atender a parte superior e inferior desta borda interna. Parece bem legal. A próxima coisa que queremos fazer é desenhar nossas pilhas. Usando nossa ferramenta Caneta, vamos desenhar uma linha ao longo desse retângulo inferior. Com isso, pressione Enter para terminar a linha da caneta e vamos clicar duas vezes nela para isolá-la. Vamos segurar Shift e Option para arrastar um para a borda superior, depois um para a borda inferior com a mesma técnica de cópia
e, em seguida, fazê-lo mais algumas vezes. Eu vou fazer isso. Com aqueles desenhados aqui, vamos selecionar todos eles. Vá até o nosso painel Alinhar e distribua-os verticalmente. Parece muito bom. Agora, recuando aqui, vamos dar uma olhada. Isso parece muito legal, vamos voltar para o lado esquerdo do esboço. Há outras coisas legais que podemos fazer com o topo aqui. O que queremos fazer é agrupar isso agora, Comando G, e então o que podemos fazer é copiar para esta parte do esboço e
começar a brincar com outras opções de projeto de lei. O primeiro que podemos fazer é parece com algumas bordas arredondadas aqui. Não podemos ver isso além do esboço. Mas se excluirmos esse círculo aqui, e então escolhermos nossa ferramenta de elipse novamente, o que poderíamos fazer é desenhar um círculo sobre este canto superior aqui, fazer a mesma coisa na parte inferior, copiar e colar, fazer um arrastar e copiar lá e, em seguida, nocaute-lo para fora. Selecionando este círculo, Organizar ,
Trazer para a Frente, e vamos tirar este de lá. Agarrando esta borda esquerda, vamos trazê-lo para dentro e, em seguida, com isso ainda selecionado, nós podemos apenas apertar Delete lá. Vamos refletir isso para trazê-lo aqui. Agora, é a mesma técnica que fizemos com nosso relógio, então copie e cole na frente. Em seguida, selecionando a borda externa, mantendo pressionada a tecla Shift e selecionando isso e pressionando O Enter, que apenas irá refleti-la, aperte “OK”. Parece muito bom. Agora podemos desenhar a cara de um presidente lá dentro. Agora, eu só vou usar a ferramenta Caneta. Segurando Shift pressionado, eu só vou adivinhar. Nem sei se isso parece bem. Não parece um nariz. Vamos trazê-lo um pouco mais. Apenas apague isso. Também não sei se isso se parece com uma pessoa. Sabe o que poderíamos fazer? Vamos apenas ferramenta de caneta tudo isso. Agora parece um pouco com um presidente. Essa é uma opção, ou podemos desenhar um círculo aqui no meio. Isso parece muito bom. Agora, vamos copiar isso novamente para explorar mais opções, porque eu acho que nós temos algumas coisas legais aqui. E se fosse simples, e fizéssemos dois círculos ao longo dos lados. Nós trouxemos isso para aquela borda uniforme aqui, excluindo os dois, e então nós apenas desenhamos algumas elipses ao longo dos lados assim. Vamos dar um passo atrás. Estou mesmo a começar a gostar desta. Vamos pegar essa opção aqui, e vamos copiá-la em nosso quadro de arte, um pouco centrado lá dentro. Com isso ainda selecionado, vamos em frente e usar nossa ferramenta Conta-gotas e roubar o mesmo peso do curso que nossa planta, e vamos escalá-lo. Legal. Estou vendo uma oportunidade aqui. Temos o nosso dinheiro empilhado aqui com o jornal. Podemos fazer o mesmo papel empilhado dentro do nosso livro. Vamos chegar mais perto, e vamos selecionar algumas dessas linhas, mesmo espaço que tínhamos entre lá. Copie C e, em seguida, Escape. Vamos chegar mais perto do livro agora, entrar no isolamento, e depois o Controle V para deixar isso lá. Vamos ver como isso funciona para nós. Isso é muito perto. Acho que podemos nos safar apenas
condensando e trazendo mais um pouco. Agora não precisamos das linhas de cima e de baixo. Usando nossa Ferramenta de Seleção Direta, podemos simplesmente excluí-las e ainda ter sua Ferramenta de Seleção Direta, vamos trazê-las para atender a essa borda esquerda. Vamos sair. Parece bom. Estamos começando a ter um conjunto muito doce e coeso aqui. Vamos passar para o nosso próximo ícone.
11. Ilustrando o globo terrestre: Estamos de volta, estamos desenhando o globo agora. Vá em frente, amplie e fique um pouco mais perto, e então vamos desenhar uma elipse aqui, aperte L. Do meio pressionando Shift e Option, vamos trazê-lo para a borda do nosso esboço aqui. A próxima coisa que queremos fazer é obter essas linhas no topo e no fundo que são arqueadas. O que poderíamos fazer é selecionar o mesmo círculo, mantendo pressionadas Shift e Option, vamos arrastar isso para o topo. Vamos pegar essa borda externa aqui, vamos copiar e colar. Com esse círculo ainda selecionado, vamos escolher o círculo superior aqui, e ir para o nosso Pathfinder, e clicar em “Intersect”. Isso vai dar forma às duas áreas sobrepostas. Agora, para obter essa mesma forma de globo ocular na parte inferior aqui, vamos apenas fazer a mesma técnica de reflexão que fizemos com alguns dos outros ícones. Comando C, Comando F para trazê-lo para a frente. Vamos selecionar a forma na borda externa e apertar O, Enter. Desta vez vamos fazer uma reflexão horizontal, então vá em frente e aperte “Horizontal” e aperte “OK”. Ótimo. Agora vamos traçar nossas linhas para cima e para baixo. Então, escolhendo nossa ferramenta de caneta, vamos para a borda aqui. Ponha-o nesta borda, e certifique-se de que o estamos centrando no interior. Mantenha pressionada a tecla Shift para trazê-la para a borda direita aqui, e depois copiando-a e colando-a na frente, e mantendo pressionada a tecla Shift, vamos girá-la. Agora está começando a parecer um pouco como uma bola de basquete, então precisamos das outras duas linhas no meio. Então vamos copiar nossa borda externa, Controle C, Controle F, e da borda direita ou esquerda, vamos segurar Option e trazê-lo para dentro. Eu acho, que parece muito bom, vamos selecionar que tudo, Comando G para agrupá-lo. Recuando um pouco, agora
podemos copiar isso para o nosso quadro. Vamos dimensioná-lo adequadamente aqui,
e, em seguida, usando nossa ferramenta de colírio, vamos roubar o peso do curso, recuar. Nosso set está realmente se unindo. Vamos passar para o nosso último ícone.
12. Ilustrando uma câmera: Estamos em nosso último ícone que é nossa câmera. Vamos usar nossa ferramenta de zoom para chegar um pouco mais perto lá. Agora mantendo pressionadas Shift e Option, vamos desenhar uma elipse para fora e ver se elas se alinham com as bordas aqui. Vamos agora Command+C, Command+F para copiar e colar outra elipse na frente, e apenas trazer isso para baixo um pouco. Legal. Agora vamos desenhar nossa borda externa do corpo aqui. usando nossa ferramenta de retângulo pressionando “M”, certificando-se de que nossos guias inteligentes estão nos alinhando na borda superior aqui. Vamos desenhar um para o outro lado. Assim que tivermos isso desenhado, é melhor prevenir do que remediar. Vamos selecionar todos estes aqui,
ir para a nossa ferramenta de alinhamento, certificar-se de que podemos fazer um alinhamento horizontal
e, em seguida, um alinhamento vertical para garantir que ele está completamente centrado. Parece bom, ótimo. A próxima coisa que queremos fazer é desenhar essas duas linhas de design que temos lá. Tendo esse mesmo retângulo selecionado, vamos Command+C, Command+B para copiá-lo para trás. O que vamos fazer é trazer isso para baixo um pouco e fazer com que ele se encontre com esta borda aqui. Agora, o que precisamos fazer é derrubar o meio disso. Vamos usar esta elipse subtraída. Command+C, Command+F para trazê-lo para a frente. Com isso ainda selecionado, mantenha pressionada a tecla Shift e selecione o retângulo inferior. Venha ao nosso Pathfinder, vamos nocauteá-lo, e ele derrubá-lo. Certifique-se de que você tem o círculo acima do retângulo. Porque se for o contrário, você verá algo diferente acontecer. A próxima coisa que queremos fazer é simplesmente apagar quaisquer linhas sobrepostas desnecessárias que temos aqui. Com essas duas formas ainda selecionadas, vamos clicar duas vezes nelas para entrar no modo de isolamento. Com a nossa ferramenta de seleção direta, vamos apenas criar uma caixa no meio aqui para pegar quaisquer pontos de ancoragem e linhas que não precisamos, e excluir. É isso. Escapar para escapar desse modo. Parece muito bom. A próxima coisa que queremos fazer é desenhar este pequeno círculo aqui. Acho que é uma pequena cabeça de flash. Nós podemos pegar este círculo aqui e apenas copiá-lo no topo aqui, mantendo pressionado Shift e Option, e então apenas redimensioná-lo um pouco. Assim que entrarmos em um bom lugar, podemos apagar uma das bordas aqui. É um pouco duro demais. Podemos fazer é entrar no modo de isolamento para isso. Vamos ampliar um pouco mais e vamos apenas agarrar pela borda inferior segurando Shift e tê-lo não cortado diretamente no meio do círculo. Vamos agora criar um retângulo, desenhar acima dele, tendo-o alinhado na parte superior da nossa câmera. Em seguida, selecionando os dois, vamos clicar em “Menos Frente”. Novamente, não precisamos dessa borda sobreposta aqui, então vamos usar nossa ferramenta de seleção direta para excluir isso. Eu adoro isso. Ótima. Agora, o que precisamos fazer é adicionar nosso flash aqui. Então vamos sair do modo de isolamento. Vamos ao nosso painel de ferramentas aqui, e selecionaremos nossa ferramenta estrela. Não é muito popular. Nem sequer tem um atalho. Vamos voltar aqui, selecionar o centro da nossa forma e clicar uma vez, e essa caixa de diálogo aparecerá e isso é um pouco confuso para a maioria das pessoas. Será um pouco de tentativa e erro agora quando estamos explorando com ele, mas o que você precisa saber é que Raio 1 as bordas da estrela que estão no interior desse ponto para dentro, e Raio 2 são as bordas da estrela que apontar para fora. Vamos brincar com isso um pouco mais. Vamos elevar isso até oito pontos, e vamos deixar o Raio 2 em 50, mas vamos fazer Raio 1, 32 pixels. Isso é muito bom. Acho que podemos tentar mais uma vez, então vamos apagar isso. Com a nossa ferramenta estrela ainda à mão, vamos clicar no topo aqui novamente, e vamos fazer com que este 30 agora. Isso é muito melhor. Ótima. Vamos clicar duas vezes nisso agora porque sabemos que não precisamos dessa borda inferior aqui. Usando nossa ferramenta de seleção direta, vamos criar uma caixa de seleção na parte inferior aqui e simplesmente excluí-la. Aperte “Escape”, afaste-se um pouco. Isso parece muito bom. Vamos mover isso para a nossa prancheta agora. Selecionando todas as formas e pressionando “Command+G”, fazendo backup um pouco mais e arrastando isso para nossa prancheta, mantendo pressionada a opção e ajustando-a para o lugar. Agora que isso foi selecionado, vamos acertar nossa ferramenta de colírio e roubar o peso do traçado do nosso globo. Isto parece bom. Uma coisa que eu acho que nós poderíamos fazer é roubar os pontos da nossa bússola ou do nosso relógio aqui. Vamos roubá-lo de nossa bússola Control+C para copiá-lo, e então chegar mais perto em nossa câmera aqui, entrando no grupo e apenas apertando “Command+V”. Podemos adicionar um pontinho aqui que faz parecer uma câmera mais moderna. Isso parece muito legal. É como uma pequena covinha para a câmera. Vamos voltar aqui, dar uma olhada no conjunto completo. Podemos fazer mais alguns refinamentos aqui, uma vez que estamos olhando para todos eles. O que estou vendo aqui é que esta linha pode ir aqui. Talvez empurrar isso. Muito bem, temos o nosso conjunto de oito ícones. Parece ótimo. Vá em frente e salve seu arquivo pressionando “Command+S”. Estamos quase encerrando este. Mas este arquivo em si não é bom para compartilhar com clientes e colegas. Vamos mergulhar nisso na próxima lição onde vamos prepará-los para uma variedade de casos de uso diferentes.
13. Como exportar seus ícones: Chegamos ao trecho final. Temos um conjunto incrível de visuais que podemos usar para uma variedade de situações. Agora o que temos que fazer é preparar esses visuais para trabalhar nessas situações. A primeira coisa que queremos fazer é copiar o que temos aqui. Vamos dar um passo atrás e dar uma olhada no que temos atualmente em nosso arquivo. Temos algumas das nossas coisas de trabalho para o lado, incluindo o nosso esboço. Tenho certeza de que quando entregarmos isso a colegas ou clientes eles não vão se importar com todas as coisas aqui, então temos que primeiro remover isso. A segunda coisa que queremos fazer é garantir que estamos expandindo todos esses visuais para ter certeza de que eles não podem ser adulterados na estrada; quando estamos dimensionando-os. Vou mostrar-lhe um exemplo aqui. Se isso foi escalado por um desenvolvedor ou um cliente, não
queremos que ele fique grosso assim. Queremos que ele mantenha sua mesma largura de traçado e proporção geral, para que ele não fique distorcido quando eles estão trabalhando com esses visuais. Vamos em frente e salvar este fora. Mas antes de fazer isso, vamos excluir nossa camada de esboço, e depois fazer um backup um pouco e, em seguida, excluir tudo do quadro. Então vamos ampliar um pouco mais. Vamos salvar como, e salvar este como -EXPORT. Ele está salvando em nossa área de trabalho bem ao lado do arquivo original. Agora temos uma versão de trabalho com a qual podemos mexer e
prepará-los para todas as diferentes situações para as quais queremos que trabalhem. Há algumas coisas a considerar quando você está finalizando as coisas aqui. A primeira coisa que você quer pensar é a cor de fundo. De que cor esses ícones vão estar vivendo em cima? Será um fundo escuro ou um fundo claro? Temos de ter a certeza de que funciona para esses fins. A segunda coisa que queremos pensar é requisitos de tipo de arquivo. Se você estiver usando isso para mídias sociais ou está entregando isso para um desenvolvedor, haverá alguma especificação em torno dos tipos de arquivos que eles estão esperando. A terceira coisa que queremos considerar é as dimensões gerais, em
que tamanho estas precisam ser salvas? Há uma série de maneiras de exportá-los em tamanhos diferentes, e vamos discutir isso um pouco mais tarde. A primeira coisa que queremos fazer é expandir tudo o que temos na tela aqui. Com nossa camada de arte selecionada e nossos guias bloqueados vamos em frente e apertar “Command A” ou você pode simplesmente pegar tudo na tela, e então chegar a Object e clicar em “Expandir”. Vai te pedir “Preencher e Stroke “, você diz “Ok”. O que vamos ver é que todos os nossos traços foram transformados em objetos cheios, que é exatamente o que queríamos. Isso é ótimo. A próxima coisa que queremos fazer é ir em frente e criar um retângulo e apenas cobrir tudo aqui. Vai ser preto, está tudo bem. Vamos seguir em frente e apenas Controle ou clique com o botão direito do mouse
e enviá-lo para trás para que ele esteja atrás de nossos ícones. Em seguida, com a nossa ferramenta Conta-gotas, vamos apenas selecionar a prancheta aqui e torná-la branca. Muito estranho o que estamos fazendo agora, mas o próximo passo fará sentido. Com tudo lá, incluindo nossa caixa branca, vamos pressionar “Command A” novamente para selecionar tudo na tela. Então venha ao nosso Pathfinder aqui, vamos tocar “Merge”. Com isso agora combinando tudo e achatando tudo um sobre o outro, vamos em frente e entrar no grupo que é criado para nós. Clique uma vez no retângulo que fizemos, e pressione “Excluir”. Então vamos em frente e aperte “Escape”. Vamos bloquear esta camada de arte e, em seguida, adicionar duas camadas. Vamos criar. Este vai ser chamado Dark BG, o que significa fundo escuro. O próximo será chamado Light BG. Mais uma vez, BG significa fundo. Vamos criar fundos de cores diferentes aqui. Usando nosso retângulo em nossa camada de fundo leve, vamos criar um plano de fundo. Está na frente da nossa camada de arte, o que é totalmente bom. Então vamos em frente e apenas escolher uma cor, essa cor parece muito legal. Vamos trancar isso e depois arrastá-lo para trás da nossa arte. Já estamos vendo o que fizemos com a pasta branca. Foi o que Merge fez por nós Encheu todos os objetos com uma cor. Em seguida, o que queremos fazer é ir para o nosso fundo escuro. Escolhendo nossa ferramenta de retângulo, vamos preencher a prancheta e deixar esta preta. Mais uma vez, vamos arrastá-lo atrás de tudo aqui e trancá-lo. Ótima. Vamos desbloquear nossa camada de arte novamente. Olhando para essa coisa, tudo parece ótimo, exceto por aqui, estou vendo que isso está cheio. Pessoalmente, não quero que o anel da bússola seja preenchido porque não serve o propósito. Eu acho que deveria ser um transparente, então eu vou deletar isso lá. Mas tudo o resto parece ótimo. Eu gosto de como ele parece preenchido em um fundo colorido, mas como ele se parece com apenas acidente vascular cerebral? Vamos criar uma camada para isso também. Vamos duplicar nossa camada de arte. Antes de prendermos este aqui, vamos encher essa camada. Tranque isso e torne isso invisível. Então com a nossa cópia aqui, vamos apenas ir BLK que é traço preto. Em seguida, inserindo esse grupo inteiro aqui, vamos clicar duas vezes sobre ele, digite o grupo. Em seguida, com a nossa ferramenta Varinha Mágica, clique em qualquer lugar no branco. Ele seleciona todo o branco na tela e clica em “Excluir”. Agora aperte “Escape”, afaste-se um pouco. Eu acho que isso parece bom também. Isso é ótimo. A próxima coisa que queremos fazer é criar outro, mas queremos virar este traço para branco. Com a camada de traço preto que tínhamos lá, vamos Duplicar e clicar duas vezes neste e chamá-lo WHT para branco e desbloquear aquele. Com essa camada desbloqueada, vamos pressionar “Command A” para selecionar tudo na tela, e depois mudar essa para branca. Perfeito. Tornar isso visível por baixo, que parece muito legal também. Vamos pegar nosso fundo claro aqui e tornar isso invisível. Veja o que parece no fundo escuro. Incrível. Parece fantástico. Com um deles ligado, vamos escolher este. A próxima coisa que queremos fazer é começar a criar pranchetas para tudo isso. Nós ainda temos nossa camada de guias aqui, mas nós a usamos como um pouco de um guia para garantir que eles eram todos do mesmo tamanho. Para nossos propósitos agora ele vai nos ajudar a
dividi-los em suas próprias pranchetas separadas, então arraste nessa camada acima de tudo. São azuis, o que é estranho serem azuis em cima do azul. Mas temos isso desbloqueado, vamos em frente e selecionar tudo na tela aqui. Temos acidente vascular cerebral, agora vamos virar para um preenchimento. Podemos vê-los um pouco mais. Eles foram agrupados, se você se lembra de como configuramos o arquivo. Vamos entrar nesse grupo aqui. Vamos clicar em “Shift O”, que é a nossa ferramenta de prancheta. Você pode ver que ela selecionou automaticamente toda a prancheta aqui. O que vamos fazer é apenas clicar de distância em todos esses quadrados individuais; então eles estão em sua própria prancheta sem tentar excluir este conjunto completo. Você vai começar a ver nosso kit de ferramentas de prancheta aqui começando a se encher com camadas diferentes. Vamos para a nossa primeira praça. Certifique-se de que você está pairando acima e você pode ver que você está selecionando algo
e, novamente, os Guias Inteligentes ajudarão você a fazer isso. Selecione-o uma vez. Ele cria uma prancheta, vamos para a segunda. Selecione-o uma vez. Pode ser difícil quando chegar lá eu pedir. Talvez você esteja clicando nele duas vezes para ativar a forma primeiro, mas vamos fazer isso para todos eles. Perfeito. Vamos clicar em “Escape” para sair do Modo de Isolamento e, em seguida, voltar para a nossa camada de guias e podemos excluir essa também. Diz que contém obras de arte, nós entendemos. Apenas apague. Ótima. O que podemos fazer é descer ao nosso painel de pranchetas aqui. Com um clique vamos vê-los trazer apenas o que está dentro de cada prancheta e queremos rotulá-los adequadamente, então eu vou rotular esta Bússola. A próxima coisa eu vou clicar neste. Vou dar o nome a este relógio de pulso. O próximo é Bubbles ou bolhas de palavras, o que você quiser nomeá-lo. Este é o Book. Clique duas vezes neste; “Plant”. Clique duas vezes neste; “Money”. Clique duas vezes neste; “Globe”. Em seguida, clique duas vezes neste; “Câmera”. Vamos usar nossa ferramenta de zoom para sair um pouco e ver o que temos aqui. A próxima coisa que queremos fazer, é muito importante. Vamos em frente e apertar “Salvar” novamente para ter certeza de que estamos salvando todo o nosso progresso e que não estamos perdendo nada. Espero que todos tenham poupado ao longo do caminho. Com isso em mente, o que temos é uma variedade de diferentes camadas que temos camadas umas sobre as outras que nos permitem exportar estas de várias maneiras diferentes. Agora que temos tudo configurado, vamos começar a exportá-los. Nós podemos ir e piscar fora nosso fundo claro e nosso fundo escuro para fazer com que todos eles sejam brancos. Uma vez que tenhamos estabelecido o que vamos usar isso para e os tipos de arquivo que são necessários, podemos ir em frente e ir para Arquivo, Exportar, Exportar Como e ele vai trazer esta caixa de diálogo aqui. Ele já vai dizer SkillShare_icons-export, que vai ser o nome inicial que ele vai salvá-lo como. Mas quando estamos salvando estas como pranchetas individuais que queremos ter
certeza de que estamos clicando em “Usar pranchetas” e ter todos selecionados. Mas ele vai se salvar como SkillShare_icons-export- o que quer que tenhamos nomeado nas pranchetas. Com isso em mente, vamos apenas mudar isso para Ícones e vamos criar uma nova pasta na área de trabalho onde podemos salvá-la. Vamos dar um nome a este Ícones. Crie essa pasta. Certifique-se de que você está escolhendo o tipo de arquivo que é necessário para qualquer trabalho para o qual você está trabalhando aqui. Talvez seja um PNG, talvez um JPEG. Pode até ser um SVG se você precisar dele para alguns fins de desenvolvimento. Eu vou ir em frente e selecionar “PNG”, que
possamos ver como estes se parecem com um fundo transparente e um preenchimento branco dentro. Novamente, certifique-se de que a opção Usar pranchetas está selecionada. Vamos para Exportar, ele vai trazer esta caixa de diálogo aqui que nos permite salvá-la para diferentes resoluções. Eu quero escolher 72 pixels por polegada porque ele vai mantê-lo no mesmo tamanho que inicialmente configuramos essas pranchetas, que é 255 por 255 pixels. Vá em frente, e você também pode escolher um fundo branco. Você pode escolher um fundo preto, ou você pode ir em frente e escolher um fundo transparente. Vou manter o meu transparente para este propósito, e vá em frente e aperte “Ok”. Parece que nada aconteceu, mas podemos minimizar o Illustrator aqui. Vá para a pasta Ícones que acabamos de criar
e, basicamente, percorra tudo isso. Eles parecem bons. Eu gosto disso. Guarde o conjunto completo para
nós, sabemos como é. Parece ótimo. Essa é uma maneira de salvá-lo. Para vários tipos de arquivo diferentes, volte para o Illustrator. Digamos que compartilhamos isso com um cliente ou compartilhamos isso com colegas e eles : “Tudo o que eu quero é a bússola, a planta e o dinheiro.” Tudo bem, podemos fazer isso funcionar também. Com a sua Ferramenta de Seleção, podemos começar a ativar tudo isso. É difícil de ver, então vamos ampliar um pouco mais. Você pode ver que quando você tem este selecionado, é um pouco mais escuro. Quando eu clico neste aqui
, fica um pouco mais escuro por aqui. A mesma coisa para todas essas pranchetas. Ainda com tudo trancado, está tudo bem. Você pode ver que ele está navegando por aqui também. Se você precisar, selecione-o assim. Isso também funciona. Vamos voltar para o nosso conjunto completo. Nós dissemos o que vamos fazer a bússola, digamos que tivemos que ajustar apenas a bússola. Vamos até Arquivo,
Exportar, Salvar para Web, ele diz Legado. O que ele faz, ele traz à tona esta caixa de diálogo que lhe dá uma variedade de maneiras de compartilhá-lo ao lado. O que é incrível sobre essa funcionalidade é o fato de que podemos mudar o tamanho aqui. Digamos que queremos 72 por 72, ele diminui. Digamos que só queremos 100 por 100, escalá-lo para cima. Digamos que queremos 500 por 500, escalá-lo. Qualquer tamanho que queiramos mudar aqui, podemos salvá-lo nessa resolução. Percebendo que estamos trabalhando com vetor aqui, não
teremos nenhuma perda de qualidade aqui. Vá em frente e aperte “Salvar”. Temos nossos ícones aqui. Vamos em frente e apenas nomear este. Nós só o nomeamos de uma vez, então o que quer que coloquemos nisso não vai dar um empurrão. Seja qual for a prancheta, só vai nos dar o nome de um arquivo, então vamos 500 por 500-COMPASS. Vamos voltar e dar uma olhada nisso na nossa pasta Ícones. Lá está ele. Boom, é realmente grande. Vamos comparar isso com a outra bússola, que é muito pequena. Vamos continuar e salvar isso de novo. É isso. Temos nosso conjunto de ícones desenhados. Agora podemos salvá-los individualmente usando este arquivo, ou podemos entregar isso aos clientes para que eles possam facilmente usar isso para navegar o que precisam. Ele tem pranchetas devidamente rotuladas, e camadas devidamente rotuladas que o torna quase infalível se eles têm algum problema. Parabéns. Obrigado por acompanhar. Eu fornecerei esses arquivos de trabalho nos recursos para esta classe.
14. Considerações finais: Tudo bem, nós conseguimos. Criamos um conjunto incrível de visuais que podemos usar para uma marca pessoal. Usamos isso para apoiar uma equipe no trabalho. Podemos até usar isso para alimentar nossos projetos de paixão e shows paralelos que temos acontecendo. Por favor, publique seus projetos na galeria de projetos para que todos possamos dar uma olhada e dar feedback adicional e incentivá-lo a ir além disso. Como você pode usar o que aprendeu nesta aula para criar ilustrações maiores e mais detalhadas? Obrigado novamente por se juntar à turma e hey, vamos ser amigos da Internet. Vá em frente e me siga nas mídias sociais e
me dê um grito lá se você estiver indo para compartilhar seus ícones lá também. Obrigado mais uma vez e boa sorte.