Transcrições
1. Introdução: Oi, eu sou Anne Bracker e eu sou uma designer gráfica e ilustradora. Trabalho numa pequena agência em Kansas City, e também sou independente. Eu tenho uma loja Etsy, eu tenho um canal de tutorial do YouTube. Eu também faço imagens de estoque para sites de ações. Hoje, vou falar com vocês sobre ilustrador. Como configurar seu espaço de trabalho e, em seguida, ao redor da prancheta. Como usar as ferramentas e, em seguida, vamos saltar direto para a criação de formas, e usando caminhos e trabalhar com o tipo. Depois de aprender esses três, você realmente poderá criar tudo o que quiser no Illustrator. Em cada lição, será a criação de um novo gráfico. Se você estiver seguindo e criando esses gráficos, no final da aula, você terá muitos gráficos diferentes em
diferentes estilos que você pode adicionar aos seus próprios projetos. Em meus anos de trabalho com o ilustrador, aprendi muito sobre como personalizar meu fluxo de trabalho
e usar muitos atalhos de teclado para acelerar o processo, e vamos revisar essas coisas também. Você não precisa de nenhum conhecimento de ilustrador anterior para fazer essa aula. Mas, se você é um usuário intermediário ou avançado, há muitas dicas e truques que cobriremos ao longo do caminho. Garanto-te que vais aprender alguma coisa. Estou super entusiasmado por te ensinar sobre ilustrador. Vamos começar.
2. Como configurar o espaço de trabalho: A primeira etapa para criar um novo gráfico no Illustrator é criar um novo documento. Então, vamos fazer isso agora. Ok. Então, primeiro, vamos para File, New. Você também pode pressionar Command N no teclado. Isto irá puxar para cima a janela do novo documento. Um ótimo lugar para começar com o Illustrator é apenas sua carta aqui. Tenho-o em Recente e, em seguida, você pode ir para Imprimir e escolher Carta aqui. Gostaria de começar com o tamanho da letra porque sinto que tenho muito espaço para trabalhar. Não é muito pequeno, então eu posso usar todos os meus recursos de zoom, mas você não precisa ir realmente grande com ele, também porque você sempre pode aumentar o seu vetor sem perder a desigualdade. O Illustrator coloca automaticamente em pontos, mas como vamos usar esse gráfico provavelmente na web em algum lugar, vamos deixar usar pixels. Seiscentos pixels por cerca de 800 pixels é um bom tamanho. Não é muito pequeno, não é muito grande, e não vai atrasar o seu computador ou algo assim. Quando abrir o documento pela primeira vez, verá ferramentas aqui à esquerda. Aqui em cima, você terá seu painel de controle, e se você não vir isso, você deve ir em frente e abri-lo, ir para Janela e depois Controle. Então, aqui à direita, você verá muitas janelas. Eles podem ser realmente personalizados para se adequar ao seu fluxo de trabalho. Estas são as três seções principais, então vamos rever cada uma individualmente. Existem quatro ferramentas essenciais que o ajudarão a criar quase tudo no Illustrator. São as ferramentas de seleção que estão aqui em cima. Na verdade, eu vou mudar isso
assim, para que eu tenha duas filas em vez de uma. É só um pouco mais fácil para mim trabalhar. Essas quatro ferramentas ajudam você a selecionar partes do seu trabalho artístico para trabalhar. A próxima é a ferramenta Caneta. Com esta ferramenta, você pode clicar e arrastar para puxar alças para criar formas. Definitivamente vamos rever esta ferramenta muito mais detalhadamente mais tarde. Em seguida, vamos para a Ferramenta de texto. Você pode manter pressionado o mouse e ver variações das ferramentas de texto. O principal que você estará usando é aquele de cima. Sempre que você vir uma pequena seta no canto inferior direito de uma ferramenta, isso significa que ela tem variações abaixo e você pode manter mouse
pressionado e ver quais são essas variações. O último grupo de ferramentas essenciais são as Ferramentas de Forma. Estes são o seu retângulo, um retângulo arredondado, elipse e ele continua. Então, vamos certamente cobri-los com mais detalhes mais tarde também. Há um monte de ferramentas secundárias ainda que também como eu ir ao longo do processo de criação de gráficos. O painel de controle aqui que acabamos de abrir mostrará as propriedades do que você selecionou. Então, se destacarmos isso com nossa Ferramenta de Seleção, você pode ver que isso tem um traço de um ponto,
um preenchimento branco, um contorno preto. Ele lhe dá um monte de detalhes diferentes sobre esse gráfico. Se decidirmos digitar algo com a Ferramenta de Texto, todas essas informações serão alteradas. Alguns deles permanecem os mesmos como o preenchimento e o traçado, mas agora temos o tamanho do ponto das configurações
do parágrafo do tipo e um monte de detalhes diferentes como
esse, isso vai mudar com base em qual ferramenta você selecionou. Quando você abre seu documento pela primeira vez, essas três janelas são o que aparecem. Estes são muito personalizáveis. Eu pessoalmente não uso alguns desses, então vamos em frente e nos livrar deles. As propriedades parecem redundantes para o painel de controle. Vai mostrar-lhe informações muito parecidas com o que está aqui em cima. Então, eu vou ir em frente e puxar isso para fora e apenas X fora dele. Mesmo com bibliotecas, eu sei que isso é algo que as pessoas realmente usam, e se essa mensagem ou fluxo de trabalho por todos os meios mantê-lo lá dentro. Mas para mim bibliotecas não é muito útil, então eu vou ir em frente e X fora disso foi para. A seção da janela é uma das partes mais personalizáveis do Illustrator. Ao longo dos anos, eu realmente descobri o que funciona melhor para mim, tanto quanto as janelas precisam estar fora. São os que mais uso. Então, se você achar que você está usando alguma janela muito, você precisa tê-lo ativado o tempo todo. Então, vamos personalizar esse espaço de trabalho depois do meu próprio espaço de trabalho, mas se você achar que essas janelas não estão funcionando muito bem para você,
por todos os meios, altere-o para corresponder ao seu fluxo de trabalho. A primeira coisa que vou fazer é abrir todas as janelas que eu usei com mais frequência. Então, vamos até o Window. Vou puxar caráter e cor. Caractere está em Tipo. Então, vamos puxar a janela para cima. Em seguida, vamos obter a janela Cor. Então, eu também realmente uso Swatches o tempo todo. Nós entendemos que subiu. Isso já vem com pincéis e símbolos, que eu também uso um pouco. Também abriremos os quadros de arte e os links. Vamos puxar para cima a paleta de transformação, que também tem Alinhar e Pathfinder nela. Claro, já temos camadas acima. Outro que eu me encontro usando muito é o derrame. Em seguida, estilos gráficos e aparência. Há Aparência e Estilos Gráficos. Ok? Agora, temos todas as janelas abertas. Agora, é só uma questão de colocá-los onde eles precisam ir. Então, eu vou mover personagem todo o caminho até o topo, em cima de camadas, e você pode ver como ele faz uma pequena linha azul. Se você tiver um retângulo azul em torno dessa caixa, isso significa que você vai soltá-lo
na mesma janela que camadas e não é isso que eu quero. Eu quero que ele coloque a pequena linha azul em cima e que vai colocá-lo em cima das camadas. Parágrafo é bom para manter aberto, mas eu não preciso de tipo aberto, então eu vou apenas arrastar aquele para fora e X para fora dele. Em seguida, vamos preparar as amostras. Quero aqueles debaixo da minha paleta de personagens e parágrafos. Então, vou esperar até pegar aquela linha azul de novo e encaixar isso. Então, eu tenho caráter, amostras e camadas. Em seguida, faremos a paleta de transformação. Vou movê-lo para cá. Eu quero isso no fundo, então vou esperar até que haja um azul sublinhado lá, e colocá-lo lá. Esqueci-me dos meus quadros de arte. Quero colocá-los entre as camadas e a transformação. Então, eu vou apenas pairar até obter o sublinhado azul. Então, acho que decidi que quero que minhas camadas fiquem na outra fila. Então, eu vou clicar em camadas e puxar isso para fora. Agora, eu posso colocá-lo direito em cima daquela linha até eu obter uma linha vertical azul e apenas soltar naqueles snap. Estilos gráficos e aparência realmente funcionam bem juntos, então eu gosto de tê-los separados. Então, eu vou puxar estilos gráficos para fora, e então vamos apenas encaixá-lo para o fundo deste. Então, vou puxar a coisa toda para baixo e encaixá-lo no fundo desta fila. Isso nos deixa com derrame. Vou colocar isso aqui. Ok. Então, agora nossa janela está configurada e estamos prontos para começar a trabalhar. Algumas das janelas têm opções extras e eu acho que é uma boa idéia expandi-las para que você possa vê-las. Tudo que você precisa fazer isso é clicar duas vezes direito na palavra; por exemplo, traçado. Cada vez que você clicar duas vezes sobre
isso, ele mostrará diferentes opções da paleta de traçados. Então, queremos expandi-lo para que possamos ver todas essas opções aqui. Ok? Então, agora temos tudo pronto, exatamente onde precisamos ser o mais eficientes possível. Isto é realmente uma grande coisa de se fazer. No início, eu sei que parece um monte de trabalho, mas isso pode realmente ajudar sua carga de trabalho a ser acelerada, tanto quanto possível.
3. Como otimizar seu fluxo de trabalho: Então, a última coisa sobre o Illustrator é a tela real, essa área em branco onde você está criando arte. Eu meio que penso na área branca como os pintores Canvas. Então, isso é tudo o que você quer incluir em sua arte. A área cinzenta do lado de fora, você pode fazer o que quiser. Se você decidiu que tinha uma forma que você não queria mais, mas você quer mantê-lo lá fora para referência, isso não vai imprimir, mas isso vai. Então, essa é uma boa maneira de pensar em pranchetas. Outra maneira de se orientar dentro da prancheta é abrir suas réguas, que é Command+R. A régua mostrará o tamanho da sua prancheta agora em qualquer unidade que você escolheu. Então, você pode clicar com a tecla Control pressionada e ver outras unidades. Se você quiser mudá-lo para centímetros, você pode fazer isso aqui mesmo. Vou mudá-lo de volta para pixels por enquanto. Depois de ter as réguas R, você pode facilmente arrastar guias da régua para a prancheta
e, dessa forma, você pode alinhar objetos ao longo dessas guias e isso pode ser útil. Se você não quiser mais ver os guias, você pode fazer Comando+Ponto e vírgula, e você também pode fazer com que eles voltem da mesma maneira que apenas desativá-los e ativá-los. Se você quiser ver sua prancheta em uma exibição diferente, basta pressionar a letra F. Se você clicar nela uma vez, ocultará o nome do arquivo e lhe dará um pouco mais de espaço para contornar sua prancheta. Se você bater novamente, ele esconderá tudo, exceto sua prancheta. Se você tem uma tela pequena, essa é uma ótima maneira de ver tudo de uma vez. A melhor maneira de se mover ao redor do seu Canvas é com uma ferramenta Mão, mas em vez de ir até aqui e clicar, uma maneira muito rápida de fazer isso é manter pressionada a barra de espaço e clicar e arrastar,
e você pode se mover ao redor do seu Canvas dessa forma. Na verdade, eu realmente recomendo fazer isso dessa forma, é muito mais rápido. Outra maneira de se mover pela prancheta é com a ferramenta Zoom. Então, você pode clicar em Z no teclado ou descer aqui até a ferramenta Zoom, e depois desenhar uma caixa em torno de qualquer coisa que você queira ver de perto. Você também pode usar as teclas
Command+Menos e Command+Plus para ampliar um pouco e diminuir um pouco. Illustrator é personalizável. Então, eles facilitam muito a mudança de suas preferências. Vamos pressionar Command+K, e você pode ver exatamente quais preferências estão disponíveis para você. Então, nós temos tudo isso aqui, mas o que eu uso constantemente é esse incremento de palavra-chave. Neste momento, está definido em 0,4 pixels. Eu vou dizer “Ok”. Vou destacar isso, e depois vou movê-lo. Você mal pode dizer que está se movendo porque é um incremento tão baixo. Vou apertar Command+K, e vamos mudá-lo para três pixels. Agora, quando me mexo, é um pouco diferente. Então, se você achar que as coisas não estão se movendo rápido o suficiente para
você, você pode mudar essa preferência e você pode ir e voltar. Descobri ao longo dos anos que certas preferências e configurações realmente funcionaram bem para mim. Então, alterei as preferências baseadas no Illustrator para corresponder ao meu fluxo de trabalho, e você pode alterá-las para as suas, dependendo do que estiver usando mais. Então, eu quero entrar em atalhos de teclado, que é Shift opção Command+K. Você também pode chegar lá em Editar e, em seguida, todos os atalhos de teclado inferiores. Para mudar isso, tudo o que você tem que fazer, se você quiser algo diferente para a seleção de grupos, você pode mudar isso para uma letra diferente e, em seguida, apenas dizer Ok, e esse será o seu atalho de teclado para isso. Há duas razões principais pelas quais ilustradores
e designers profissionais usam o Illustrator para criar seus gráficos. A primeira razão é que o Illustrator é baseado em vetores, e isso significa que você pode criar um logotipo, desse tamanho, para um cartão de visita ou escalá-lo até um outdoor e nunca perder qualidade. A segunda é que o Illustrator foi projetado para gráficos vetoriais. Outros programas têm alguns recursos vetoriais, mas o Illustrator tem todos os recursos prontamente disponíveis para você criar qualquer gráfico desejado. Como exemplo, incluí vetoriais e gráficos rasterizados em seus recursos. Então, eu vou puxar isso para cima agora. Então, aqui estão nossas imagens raster e vetoriais de perto. Se você clicar no raster, você pode ver que isso é tudo apenas uma imagem e se nós chegarmos realmente perto aqui, você pode ver que esta imagem é composta de pequenos quadrados de pixels de informação. Isto é o que faz com que ele perca qualidade à medida que é aumentado em tamanho. Se olharmos para o nosso vetor um e se clicarmos nele, você pode ver que ele é feito de pontos e caminhos. Na verdade, se chegarmos bem perto aqui, você pode ver que está absolutamente limpo, e isso vai se manter. Mesmo explodido até um outdoor,
ele ainda terá essas bordas limpas. Então, imagens vetoriais são feitas com equações matemáticas. Não se preocupe, você não terá que fazer nenhuma matemática para criá-los, mas é por isso que eles são capazes de ser aumentados para o tamanho que eles são. Tudo bem. Então, agora temos uma posição da terra. Vamos começar realmente a criar algumas formas.
4. Criando e editando formas: As formas são a base do Illustrator. Há maneiras rápidas e fáceis de criar formas simples
e, em seguida, há maneiras mais complexas de criar formas personalizadas, então vamos dar uma olhada nas maneiras simples primeiro. A maneira mais fácil de criar formas é com a ferramenta Forma. Se você clicar e segurar, poderá ver as outras opções abaixo da ferramenta Retângulo. Os que vamos nos preocupar hoje são o Retângulo, a Elipse e a ferramenta Polígono, e a ferramenta Estrela um pouco mais tarde. Então, vamos pegar nossa ferramenta Retângulo agora. Você pode simplesmente clicar na tela e arrastar para obter um retângulo, ou você pode manter Shift pressionado para obter um quadrado perfeito
e, em seguida, apenas solte. Está bem. Então, vamos voltar aqui e pegar a ferramenta Elipse, e faremos a mesma coisa. Você pode clicar e arrastar para obter um oval ou pressionar Shift e manter a tecla Shift pressionada para obter um círculo perfeito e, em seguida, solte. Está bem. Agora, vamos pegar a ferramenta Polígono, e você pode estar pensando, “Bem, por que eu iria querer usar uma ferramenta de polígono?” Não é algo que você precisa muitas vezes, mas este é realmente ótimo para criar triângulos. Assim, ao clicar e arrastar, enquanto ainda estiver arrastando, use as teclas de seta para mover o número de lados para cima e para baixo. Então, esta é realmente uma ótima maneira de obter um triângulo, e segure Shift e ele permanecerá automaticamente perfeitamente quadrado para o mundo. Está bem. Então, essa é a maneira mais fácil de criar novas formas, mas há outra maneira de criar uma forma, e essa é a duplicata de forma que você já criou. Então, para fazer isso, você pode apenas clicar em uma das formas e manter Option, e ele irá criar um novo, e então você pode liberar. Claro, você pode destacar, copiar e colar, e obter uma nova forma dessa maneira. Então, essas são as maneiras mais fáceis de criar formas básicas como estas. Pathfinder é uma das ferramentas realmente essenciais do Illustrator que permitem criar gráficos complexos a partir de formas simples, e você pode ver aqui com os modos de forma, o que exatamente vai acontecer com os gráficos que você tem. Eu realmente só uso três destes, este que é Unite, Minus Front, e Divide. Então, eu vou destacar estes e arrastá-los até aqui para duplicá-los, com a opção pressionada, e vamos uni-los. Então, eles acabaram de se tornar uma forma aqui. Eu vou desfazer, Comando Z. Quando você selecionar algo, você vai ter essas alças aqui e você pode realmente apenas chegar na borda de um desses e segurar Shift e você vai redimensionar proporcionalmente esse objeto dessa maneira arrastando. Então, solte agora. Quero mostrar-te o que acontece quando chegas à Frente de Menos com o Pathfinder. Então, venha até aqui para Pathfinder e clique em Menos Frente. Agora, nós temos uma coisa de grafismo de torta, o que é incrível. É como o Pac-Man. Está bem. Vou desfazer isso para mostrar o que acontece com o localizador Divide. Então, para mostrar como a Dividir realmente funciona, e vamos entrar nas ferramentas de Seleção um pouco mais tarde, eu vou usar a ferramenta Seleção de Grupo para destacar esta peça e separá-la, você
possa ver o que está acontecendo aqui, mesmo Aqui. Então, isto é, na verdade, três peças separadas. Outra ferramenta que tem muito da mesma funcionalidade que
o Pathfinder é a ferramenta Shape Builder. Eu uso porque é um pouco mais rápido que o Pathfinder. Então, se realçarmos todas essas formas
e, em seguida, pressionarmos Shift M, isso nos levará à ferramenta Construtor de Formas. Em seguida, podemos segurar Shift e selecionar todos eles, e ele irá combiná-los em uma forma. Para mostrar outra propriedade da ferramenta Construtor de formas, veremos o Preenchimento e o Traçado. O Preenchimento é a cor que está preenchendo cada uma dessas formas e o Traçado é o contorno. Então, eu vou destacar todas essas formas,
e, em seguida, pressione Shift X, e o que isso faz vai inverter essas formas. Vamos ter um preenchimento preto e um contorno branco. Você também pode fazer isso com esta pequena seta aqui, e Shift X. Agora, volte para sua ferramenta Construtor de Formas pressionando Shift M, e então usaremos a tecla Option. Mantenha pressionada a tecla Option e você pode clicar nessas áreas para subtraí-las. Então, esta ferramenta permite que você seja um pouco mais seletivo com o que você deseja excluir de suas formas, em vez de usar Minus Front, onde você tem que se preocupar sobre como as coisas são empilhadas umas sobre as outras. Então, entre o Pathfinder e a ferramenta Shape Builder, você pode criar praticamente qualquer objeto a partir dessas formas simples.
5. Como construir objetos com formas simples: Tudo bem. Então vamos começar em nosso primeiro mini-projeto que está criando um telescópio. Para excluir tudo na minha tela, eu vou pressionar Comando A, que é selecionar tudo e eu vou apenas apertar Delete. Então, para criar este telescópio, eu vou obter a ferramenta M, que é a minha ferramenta retangular. Então vamos clicar e arrastar um pequeno retângulo aqui. Isto tem um preenchimento preto e um traço branco porque foi a última coisa que usei. Mas vamos mudar isso pressionando, Shift X. Então, agora eu tenho um preenchimento branco e um contorno preto. Agora eu vou apenas, eu vou ampliar um pouco apertando a ferramenta Z. Então eu vou selecionar isso com a minha ferramenta V, que é a ferramenta de seleção, e que é a ferramenta de seleção bem aqui em cima. Então, eu vou direto nessa borda e eu vou segurar Shift e Option para arrastar isso para cima. Eu vou ficar direito na borda novamente em um dos quadrados no meio,
e quando eu passar o mouse sobre este pequeno quadrado branco superior, eu tenho um pequeno botão de seta e eu vou clicar e arrastar para fazer isso um pouco mais alto. Tudo bem. Então vamos clicar e arrastar isso para torná-lo mais longo. Você pode ver que ele está mudando o tamanho do meu traçado quando eu faço isso e esta é uma configuração que você pode alterar sob a ferramenta de escala, então pressione S e pressione Return, e isso vai trazer esta escala traços e efeitos. Você pode clicar nisso se quiser que isso permaneça o mesmo. Agora vou deixar como está e dizer “OK”. Tudo bem. Então eu vou fazer o mesmo novamente, eu vou apertar V e começar a arrastar e em seguida, eu vou apertar Shift e Option para obter outra cópia deste. Usaremos a barra de espaço para nos movermos, e esta vai ser um pouco mais alta e um pouco mais curta. Tudo bem. Farei isso mais uma vez. Pressione V para obter sua ferramenta de seleção. Comece a arrastar e segure Shift e Option para obter uma cópia. Este eu vou fazer um pouco mais alto. Tudo bem. Agora eu vou para Comando menos para que possamos ver todo o nosso telescópio e eu vou usar a barra de espaço para arrastar para que possamos colocar a coisa toda na vista do quadro de arte. Então, vamos Comando A para selecionar tudo, e vamos descer aqui para a janela Alinhar. Agora, a janela Alinhar Objetos tem muitas opções
diferentes para alinhamento e a que queremos está bem aqui. O Centro de Alinhamento Vertical, então basta clicar nisso. Isso está começando a parecer muito com um telescópio agora, mas eu quero que todos os meus traços sejam do mesmo tamanho. Então, eu vou bater minha ferramenta Olho que é o conta-gotas e está bem aqui. Quero que todos tenham uma largura de traço mais espessa. Então eu vou clicar direito na borda lá e isso faz com que
tudo tenha o mesmo traçado e preenchimento desse objeto selecionado. Ok. Agora, isso não ficou bem na borda, então eu vou ampliar aqui, eu vou apertar V para pegar esses dois objetos. Agora eu vou mudar para o modo de visualização que é Command Y, e isso realmente ajuda você a ver um quadro de arame do que você está trabalhando com e eu posso ir direto nessa borda e puxar isso, segure Shift para que você possa ficar direito naquele avião e Então solte. Então agora eles estão exatamente alinhados para que não pareça que um golpe é maior que o outro, e eu apertei o Comando Y para voltar à nossa visão regular. Comando menos para diminuir o zoom. Em seguida, a ferramenta Mão para centrá-la na área do quadro. Ok. Vamos diminuir um pouco mais com Comando menos. Ok. Agora vou selecionar tudo. Comando A, e vamos girar com a ferramenta Girar. Agora esta ferramenta você pode pressionar R no seu teclado para chegar até ele ou você pode simplesmente clicar neste botão aqui. Quando você faz isso, você terá uma âncora que está bem no meio do telescópio e estará sempre no centro de qualquer gráfico que você está trabalhando. Isso é simplesmente bom. Podemos clicar e arrastar aqui para girá-lo. Vou desfazer. Se você quiser girar a partir daqui, você pode clicar uma vez para redefinir esse ponto de ancoragem. Então basta clicar uma vez para redefinir a âncora, e então você pode puxar e ele girará naquele ponto de ancoragem. Então isso é realmente útil às vezes se você quiser que seja exato a partir de um ponto. Ok. Porque eu estou chegando um pouco perto da borda e eu não sei por que, mas isso me incomoda, nós vamos mover tudo para baixo. Ok. Então precisamos desenhar um pequeno suporte para o nosso telescópio, e para fazer isso eu vou usar a ferramenta Linha, e para obter a ferramenta Linha você precisa usar a barra frontal no seu teclado ou ir direto aqui na barra de ferramentas. Então, vamos pegar um ponto aqui e desenhar uma linha para baixo a partir dele. Ok. Agora vamos querer refletir esta linha para que seja exatamente a mesma, mas nesta área. Então eu vou copiar colar na frente e então eu vou apertar O que
vai nos dar a ferramenta Refletir bem aqui em cima e então eu vou apertar Return. Aqui podemos decidir de que maneira queremos que reflita queremos que seja vertical então eu escolho isso e então vamos dizer OK. Agora, ele vai colocá-lo aqui se tivermos o nosso ponto de ancoragem aqui, e eu vou mostrar-lhe como mudar isso em um minuto, mas vamos continuar com isso. Eu vou apertar V e clicar nisso e então nós vamos apenas chegar na borda e movê-lo para onde ele precisa ir. Outra maneira de fazer isso e na verdade faz um pouco mais de sentido, vamos excluir isso, é clicar em Copiar, que é Comando C, colar na frente, que é Comando F, e então chegar aqui em
cima no ponto superior, então vamos pressionar O para obter a ferramenta Refletir, e vamos clicar aqui na parte superior e
manter a opção pressionada enquanto fazemos esta opção clique lá em cima. Vamos ter esse mesmo reflexo, mas temos o ponto de
ancoragem bem ali no meio onde ele precisa ir e então você pode ver o que acontece quando batemos OK. Ele vai exatamente no lugar certo sem ter que movê-lo. Então isso é uma vantagem, mas você tem que apenas lembrar de
Option clique no ponto âncora para fazer isso funcionar. Tudo bem. Vamos pegar nossa ferramenta Linha novamente pressionando a barra para frente, e nós vamos vir até aqui e desenhar uma linha do centro, segure Shift para ter certeza de que é absolutamente reto para cima e para baixo e então estamos prontos para ir. Agora, acho que devemos adicionar algumas estrelas. Então vamos voltar para a ferramenta Forma, e nós vamos descer aqui para a ferramenta Estrela. Basta clicar e arrastar e você pode ver essas estrelas. Existem dois tipos de estrelas com a ferramenta estrela. Há esta estrela mais gorda e há também uma estrela fina, se você segurar Opção você pode ver o que acontece lá. Então eu vou ter uma estrela grande ou estrela gorda e
uma estrela magro e, em seguida, vamos Option clique nisso e vamos ficar bem na borda esta é outra maneira de girar sem realmente ir para a ferramenta de rotação. Você só tem que chegar perto daquele canto e então ele vai se
transformar em uma pequena seta giratória e você pode girá-lo em torno desse canto. Agora, com este gráfico eu realmente não gosto de todos os cantos difíceis em tudo. Então eu vou arredondar os traços de todos estes. Então, vamos pressionar o Comando A para selecionar tudo, e vamos subir aqui para a paleta de traçados, e temos algumas opções diferentes aqui. Primeiro é o peso do nosso acidente vascular cerebral, podemos aumentar isso. Acho que gosto de três. Também podemos mudar a tampa. A tampa é qualquer linha que não é um caminho completo como estas linhas aqui em baixo, eles têm tampas sobre eles. Então, para arredondar essa tampa, vamos selecionar a do meio, e você pode ver se ampliamos com a ferramenta Z e desenhamos uma caixa que esta é agora uma borda redonda. Vou diminuir o zoom, mas estes cantos aqui em cima, onde estão em forma completa, ainda não estão arredondados. Isso pode ser mudado aqui embaixo da parte do canto de um acidente vascular cerebral. Você pode simplesmente ir em torno de juntar-se e isso vai arredondar tudo o resto para fora. Tudo bem. Então, acho que o nosso telescópio está pronto.
6. Como adicionar cores e amostras: Então, agora que temos um gráfico criado, o próximo passo é colorir. Uma coisa muito legal sobre o Illustrator é que você pode pegar jpegs que encontrar online de cores que você gosta e depois experimentar essas cores em suas próprias imagens. Então, eu vou para a minha pasta de recursos e puxar para cima os arquivos finais para este projeto, e que tem a paleta de cores que eu quero mostrar a vocês hoje. Então, eu vou apenas clicar sobre isso. Este é um jpeg de algumas cores que eu criei, e eu quero mostrar a vocês como podemos usar essas cores que são um arquivo raster e não um arquivo vetorial, mas podemos fazer uma amostra delas neste trabalho artístico. Então, eu apenas copiei e colei isso com o comando C, e então vindo aqui para este documento e apertando o comando V. Já que nós realmente não queremos imprimir, eu vou colocá-lo bem fora da tela assim. Ok. Agora, eu quero que partes disto sejam da cor azul claro. Então, eu vou usar minha ferramenta de seleção para clicar neste e neste e eu estou segurando shift para que eu possa obter ambos selecionados ao mesmo tempo. Então, agora nós podemos bater olho para obter a ferramenta conta-gotas que está bem
aqui e, em seguida, certifique-se de que sua cor de preenchimento está
na frente e você pode segurar Shift e clique
nesta cor azul e dessa forma ele só vai mudar o preenchimento e não o acidente vascular cerebral. Vai mudar o que estiver na frente aqui. Então, se você quiser que ele mude o derrame, você poderia apenas dividi-los. Ok. Agora, vamos fazer o mesmo com este. Segure a tecla Shift e clique neste, e eu vou obter a cor azul mais escura para estes e mantenha a tecla Shift e clique e agora, tudo o que resta para fazer bem com os comprimidos é recolorir as estrelas. Então, eu vou destacar todos estes com a minha ferramenta V para a ferramenta de seleção e eu vou pressionar I, para conta-gotas, clique com a tecla Shift pressionada no amarelo. Tudo bem. Nós temos todos os phils que queremos construir feito. Vamos selecionar tudo, comando A, e agora você pode ver que temos um ponto de interrogação aqui na cor de preenchimento e também um ponto de interrogação no traçado e isso é porque alguns deles têm notas e traços diferentes. Então, vamos levar o traço para a frente pressionando X. Agora, esse traço mesmo que seja um ponto de interrogação está na frente. Agora podemos obter nosso conta-gotas, clique com a tecla Shift neste azul escuro, e isso muda todos os traços para a cor azul escuro. Então, vamos ampliar e dar uma olhada. Aperte Z em seu teclado, e você pode dizer agora que os traços são todos da mesma cor azul, e é tão fácil quanto isso. Eu queria trazer à tona, se você está trabalhando com gráficos da Web, você vai estar trabalhando em RGB. momento, este documento está em CMYK, e essas são as quatro cores que você usa quando está trabalhando com impressão. Mas eu acho que muitas pessoas também trabalham com imagens da Web, então é uma boa idéia mudar
seu documento para RGB porque isso é o que funciona melhor na Web. Então, vamos subir aqui e eu vou mostrar a vocês como fazer esse arquivo, o modo de cor do documento e a cor RGB, e ele realmente muda a aparência de suas cores um pouco. Você pode não ter notado isso na tela, mas mudou um pouco. É realmente uma boa idéia ter seu modo de tela corresponder à saída que você deseja e então, se estamos trabalhando com gráficos da Web e estes vão acabar na Web, gostaríamos de usar RGB e como acabamos de mudar nosso documento para ser RGB, nós virá aqui para o modo de cor e clique na mosca para escolher o RGB aqui apenas para que eles combinem e podemos manter tudo igual. Se você quiser alterar todas as cores em seu documento rapidamente e criar uma nova paleta de cores, é realmente fácil fazer isso com uma ferramenta de arte varejista. Então, pegue sua ferramenta V,
sua ferramenta de seleção e desenhe uma caixa em torno de tudo, e então nós vamos vir aqui para este pequeno símbolo de arte de recolorir em seu painel de controle, clique que uma vez e, em seguida, ir direto para a edição, e é aqui que você pode começar a arrastar as cores ao redor. Gosto de mantê-los no mesmo nível que já estão. Então, que eles são tonalmente semelhantes ao que eram. Então, vamos puxar isso aqui e talvez nós podemos fazer este tipo de laranja e se você não gosta das cores aqui, você pode apenas clicar nesta pequena ferramenta conta-gotas
no canto e ele vai completamente voltar para suas cores originais, mas você não pode desfazer à medida que vai. Desculpe esta linha para trazer isso à sua atenção e nós vamos dizer ok, e isso é uma pequena mudança de cor muito rápida para o nosso paladar. Se você quiser ficar ainda mais específico com seus valores de cor são, você tem um monte de maneiras de fazer isso. Vamos selecionar esta cor e então você pode vir aqui para o seu preenchimento e clicar duas vezes sobre isso. O seletor de cores é onde eu vou para realmente fazer algumas mudanças de sintonia fina para minhas cores. Tenho muitas opções aqui. Eu posso realmente escolher uma cor aqui, eu posso usar o controle deslizante para mover para cima e para baixo e escolher uma tonalidade
completamente diferente, ou eu posso realmente inserir valores aqui. Então, eu posso obter exatamente a cor que eu quero RGB, CMYK ou HSB ou até mesmo o valor hexadecimal para Web. Agora, se você quiser todas as cores que estão neste gráfico em sua paleta de amostras, tudo o que você precisa fazer é selecionar todas elas assim e depois vir aqui e fazer um novo grupo de cores que é uma pequena pasta na parte inferior do paleta de amostras. Eu costumo manter o trabalho artístico selecionado, converter processo que caixa global marcada porque dessa forma, se você alterar essa amostra, ele irá atualizar todas essas cores em todo o seu gráfico. Então, como você pode ver, eles são adicionados aqui e agora, se eu desmarcar e escolher uma dessas cores, escolha todas as estrelas e nós as tornaremos verdes. Todos eles se atualizaram. Então, essa é uma ótima maneira de acelerar seu fluxo de trabalho se você estiver usando muitas das mesmas cores em diferentes projetos. Agora, que criamos formas de som simples e conseguimos alguma cor lá, vamos olhar para criar formas mais complexas e trabalhar com caminhos.
7. Como criar caminhos: Compreender caminhos é fundamental no Illustrator. Praticamente tudo no Illustrator é baseado em caminhos e pontos. Todos os passos que fizemos até agora foram uma combinação de caminhos e pontos. Assim que aprendermos a criar nossos próprios caminhos e pontos, estaremos no caminho para criar gráficos muito mais complexos. Para esta próxima seção, eu vou tirar o telescópio
da obra de arte porque nós não vamos usá-lo agora. Então, eu vou usar minha ferramenta V para desenhar uma caixa ao redor da coisa toda, e então clique e arraste e segure o quadro de arte. Vou em frente e colocar os dois em camadas diferentes. Então, eu vou criar uma nova camada, e então vamos apenas bloquear esta camada. Dessa forma, nunca teremos que clicar acidentalmente em nenhuma dessas coisas, mesmo que façamos o comando A, que é selecionar tudo. A melhor maneira de criar nossos próprios caminhos é com a ferramenta caneta. Então, você pode pressionar P no seu teclado, ou ir até aqui para a ferramenta caneta. Agora, quando eu for realmente desenhar com a minha ferramenta de caneta, você verá que nós temos um pequeno ícone não ou parar proibido lá, e isso é porque eu estou na camada errada aqui, eu estou em uma camada bloqueada. Então, isso provavelmente acontecerá com você em algum momento. Basta clicar em uma camada que não está bloqueada, e então você pode continuar e criar seu gráfico. A maneira como a ferramenta de caneta funciona é clicar uma vez para obter um ponto, e então você clica novamente, e ela desenhará um caminho entre esses dois pontos. Para desmarcar aqui e parar na linha, você pode pressionar Shift Command A. Você também pode criar uma forma inteira com a ferramenta caneta, e eu mostrarei como fazer isso. Podemos clicar uma vez, clicar novamente, e faremos um polígono aqui. Então, quando você chegar bem perto, você verá um pequeno círculo no canto inferior direito do seu pino, e isso significa que ele vai fechar o caminho. Na maioria das vezes, você quer ter caminhos fechados, esse é o melhor cenário. Mas você vai ter momentos em que você precisa apenas de uma linha, e isso é bom também. Uma das partes mais poderosas
da ferramenta de caneta é o fato de que você pode criar curvas com ela. Essa é uma das coisas mais difíceis de pegar o jeito,
mas uma vez que você
faz, tudo faz sentido. Então, para fazer isso, primeiro você clica uma vez, e então você clica e arrasta para obter essas alças onduladas. Estes irão ajudá-lo a manipular esse caminho mais tarde. Em seguida, você pode clicar no seu próximo ponto e também arrastar um pouco para obter o ângulo que você deseja. Voltarei aqui, arrastarei de novo, e finalmente terminarei o caminho. Se você decidir que não gosta do jeito que a forma está agora, você pode ajustar essas curvas bezzier. A maneira de fazer isso, você precisará acessar sua ferramenta A, que é sua ferramenta de seleção direta. É bem aqui em cima. Em seguida, basta clicar em um ponto como este. Agora você tem duas alças que você pode manipular, incluindo esta alça aqui em baixo, então três, se você quiser ser técnico. Podemos arrastar esta alça assim, podemos movê-la para dentro e trazê-la até o ponto para criar um ponto de canto lá, e o mesmo com este. Então, ele realmente não foi convertido em um ponto de canto, mas dá a mesma aparência de um ponto de canto. Se quisermos mudar esta linha, podemos dar toda a volta assim. Então, eu realmente acho que você deve mexer com isso, e ter uma idéia para isso, e como essas maçanetas podem se comportar. Desde que acabamos de mencionar a ferramenta A, ou a ferramenta de seleção de arrastar. Agora é provavelmente uma boa hora para falar sobre o que essa ferramenta pode fazer. Quando você estiver em um ponto âncora como este, você pode clicar e arrastar apenas esse ponto de ancoragem. Você também pode clicar direito em um caminho, e você tem que estar bem na borda dele para que isso funcione, e então basta arrastar e ele irá ajustar o caminho entre esses dois pontos. Você também pode selecionar alguns pontos diferentes, nós vamos obter este, e eu vou segurar Shift, e obter este outro, e ele vai mover apenas esses dois pontos. Então, se eu quisesse tornar este retângulo mais alto, eu poderia apenas segurar A e desenhar uma caixa em torno desses dois pontos, e então mover isso ao redor. Eu poderia distorcê-lo. Então, a ferramenta A é muito poderosa. Mais uma coisa a mencionar sobre a ferramenta de caneta é que enquanto você está desenhando suas linhas curvas com a ferramenta caneta, Illustrator tentará ajudá-lo a criar a linha mais suave possível, e você pode ver como ela está fazendo isso. Mas às vezes você não quer realmente uma linha curva, você quer uma linha reta. Então, para fazer isso, você volta e clica no ponto de ancoragem, e então você pode continuar desenhando com uma linha reta. Agora você tem uma fatia de pizza. Como minha fatia de pizza não é muito simétrica, eu vou usar minha ferramenta A,
e apenas desenhar uma caixa em torno de apenas esse ponto, e então eu vou usar minhas teclas de seta para movê-lo para cima e para cima, que pareça mais uma fatia de pizza.
8. Como desenhar com caminhos — parte 1: Agora, vamos usar a ferramenta caneta para criar nosso próprio gráfico. Então eu vou tirar estes do caminho pressionando o comando A, e isso não vai selecionar nada que está nesta camada bloqueada, mas ele vai selecionar tudo na camada dois que é onde estamos. Agora eu posso apenas apertar excluir e eu tenho uma tela em branco, ainda tenho minhas coisas aqui em cima que eu quero manter, mas eu posso começar do zero. Para este próximo gráfico, vou trazer um desenho manual que fiz e digitalizado. Então este será um gráfico raster que eu quero criar em um formato vetorial. Então abra este com o homenzinho alienígena e eu vou clicar nele,
copiar, e então eu vou mudar para o meu outro documento e colar. Agora isso é algo que eu vou estar desenhando bem em cima de então eu não quero ser capaz de selecioná-lo quando eu não quero que ele seja selecionado. Então para o t que eu vou desbloquear minha camada, e há um pequeno quadrado vermelho na camada dois e eu vou clicar e arrastar isso para a camada um. Então agora ele está na camada um e eu posso bloquear uma camada novamente, e agora eu não posso selecionar nenhuma dessas coisas. Então vamos dar um zoom no homenzinho alienígena. Então, este é apenas um rabisquinho que eu fiz em casa e eu apenas tirei uma foto dele e carreguei-o. Então, sinta-se livre para usar o alienígena
na pasta de recursos que eu desenhei ou você pode trazer o seu próprio para trabalhar com isso. Agora, primeiro precisamos clicar de volta na camada em que estamos trabalhando caso contrário teremos aquele pequeno ícone proibido. Nós não queremos isso. Agora, vamos apertar p para a ferramenta de caneta. Vou começar aqui em cima. Então eu vou colocar um ponto de ancoragem no topo. Quando estou colocando meus pontos de ancoragem e puxando para curvas, eu quero colocá-los nos pontos mais distantes possíveis para o canto inferior direito esquerdo ou o que quer que seja. Então eu vou colocar um bem aqui, um aqui em baixo, um aqui, e então eu tenho o no topo. Isso é algo que você quer fazer com tudo que você está rastreando. Isso realmente ajuda com o quão suave seus pontos e curvas são. Por exemplo, se eu apenas comecei e tentei fazer uma curva a partir daqui, eu simplesmente não tenho controle. Não consigo que combine muito bem com o lado da cabeça dele. Então desfaça isso, e eu vou colocar minha curva aqui fora do lado. Agora, posso fazer com que corresponda à vantagem que eu quero. Neste momento, o meu preenchimento é branco e não
quero isso porque quero que você veja o que estou fazendo. Normalmente, se eu tiver um preenchimento que eu não quero, eu só vou apertar a letra D, e isso vai me dar um preenchimento branco e um contorno preto. Isso sempre acontecerá se você acertar a letra D. Mas agora eu acho que quero um preenchimento verde. Então vamos fazer isso, e eu mudei de idéia mais uma vez, tal apenas o contorno verde? Shift X irá trocá-los. Então podemos nos livrar do contorno preto apertando a tecla backspace. A tecla backspace limpará o atributo selecionado, se é o traçado de preenchimento. Então, o que estiver em cima, basicamente. Em seguida, vamos descer aqui no queixo dele e apenas clicar e arrastar até que tenhamos algo muito perto do nosso limite. Quando você está fazendo isso, ele realmente não tem ser exato porque o que você está querendo
fazer é obter uma versão realmente limpa e suave do seu desenho, você não quer que ele tenha todas essas bordas ásperas de qualquer maneira. Então, de qualquer maneira, agora eu vou clicar no queixo para obter uma linha reta e eu vou até aqui para o meio assim e fechar esse caminho. Agora eu vou selecionar isso e eu vou apenas para espelhar imagem deste para que ele vai coincidir em ambos os lados. Então eu vou copiar, colar na frente, que é o comando F, e então eu vou pressionar O para a ferramenta de reflexão e, em seguida eu vou opção clique direito no meio e fazer uma largura vertical. Então não se alinharam e eu vou olhar para o comando Y para ver o wireframe aqui. Parece muito bom aqui em cima, mas aqui em baixo não está alinhando. Então, eu vou ampliar para essa área e eu vou usar a
minha ferramenta A para selecionar ambos os pontos e, em seguida, eu vou apertar o comando opção J, que é a média, eo que isso faz ele vai levar ambos os pontos e colocá-los
no exatamente o mesmo ponto e você pode escolher o eixo horizontal, o eixo vertical, mas para este eu quero que eles sejam exatamente no mesmo. Então, vamos dizer “Ok”. Vamos diminuir o zoom e depois vamos até o topo. Podemos trabalhar com isso. Nós não selecionamos, então vamos usar a ferramenta de construtor de formas para excluir esses pontos. Vou aproximar de perto aqui, aperte a tecla Shift M para chegar ao construtor de formas bem aqui e, em seguida, mantenha a opção de clicar aqui e clique aqui. Podemos selecionar a coisa toda, comando A e, em seguida, fazer a forma unir aqui em baixo no Pathfinder. Isso nos deu apenas a cabeça dele, tudo bem, então estamos no meio do caminho.
9. Como desenhar com caminhos — parte 2: Em seguida, faremos metade do olho, clicando uma vez. Este eu poderia ser capaz de fazer tudo de uma vez, assim. Parece que vai ser muito bom. Vamos limpar, ou clicar fora, selecionar esse verde novamente, copiar e colar na frente, e então vamos refletir pressionando O, e depois retornar. Já está na vertical, e batendo em retorno novamente. Agora podemos girar isso, assim. Já que vamos estar trabalhando em refletir quase tudo com essa imagem, vou pegar um guia da régua,
assim, e colocá-lo bem no meio, e vamos apertar o ponto
e vírgula de Comando, para ter esse guia Apareça. Tudo bem. Então, temos um olho feito. Agora vamos pegar a boca. Só vou fazer uma fila para a boca dele. Então aperte P, clique uma vez
e, em seguida, clique novamente, mantendo SHIFT, para obter uma linha reta. Já que o corpo dele é bastante simétrico, eu só vou desenhar metade dele, então vamos refletir a outra metade, e desenhar as peças que faltam. Agora vamos começar com a cor. Vou pressionar P, clicar uma vez e depois clicar novamente. Todas estas são linhas retas, você não precisa clicar e arrastar, até chegarmos a este. Agora vamos clicar e vamos arrastar um pouco assim. Eu quero completar este caminho, mas eu não quero ir até aqui, então eu vou clicar no ponto de ancoragem, subir aqui, e apenas completar o caminho dessa maneira. Vamos nos livrar disso um pouco mais tarde, ok? Para algumas curvas realmente loucas funcionam. Para essas curvas, vamos começar aqui, clicar uma vez, e então arrastar assim, e eu vou deixar essas como curvas, mesmo que pareçam pontos difíceis lá embaixo. Agora pode ser um bom ponto para mudar para a ferramenta lápis, porque a ferramenta lápis é bastante suave, mas é uma ferramenta de desenho de forma livre. Então vamos bater N, e eu vou começar por este caminho por aí. Você realmente precisa começar no caminho existente. Vamos fazer isso. Eu só vou desenhar os dedos dele aleatoriamente, e nós vamos até aqui. Está bem. Temos alguns problemas aqui. Vou apertar o comando Y, para ver como consertar isso. Estes três dedos parecem muito bons, mas este dedo tem uma borda dura e tem um canto. Vamos redesenhar isto com a ferramenta de lápis. Eu vou bater N, e eu vou começar aqui, e eu vou terminar na mesma linha. Você tem que começar e parar de desenhar, na mesma linha indo na mesma direção, ou não vai funcionar. Você só quer lembrar, se você está começando o caminho em uma direção, você precisa terminá-lo na mesma direção, e no mesmo caminho. Tudo bem. Aqui temos outra pequena seção que eu quero consertar, e eu vou usar a ferramenta suave para fazer isso. A ferramenta suave faz parte da ferramenta lápis. Está aqui embaixo, então você pode segurar, está bem ali, mas você pode segurar a opção quando você está na ferramenta de lápis. Faremos isso agora, para suavizar esta parte do braço. Estou segurando OPTION, e vamos repassar algumas vezes, certo? Ainda quero que este braço seja um pouco mais magro. Vou mudar para a minha ferramenta A. Vamos pegar aquele ponto de ancoragem bem ali, e eu vou... Oh, veja até onde ele se move? Isso é porque eu coloquei minhas unidades em um valor muito alto. Vamos mudar isso. Aperte o comando K, e vamos levá-lo de volta para o ponto cinco pixels. Agora, quando eu mexo, funciona muito melhor. Vou apertar o comando Y para voltar à visão normal. Agora, vou usar a ferramenta de caneta, para completar o resto do gráfico. Agora temos todos os caminhos de um lado. Vamos voltar e refletir estes, para criar o personagem do outro lado. Para fazer isso, eu vou bater V, e eu vou selecionar tudo,
exceto a cabeça, exceto a cabeça, e eu também não quero que o cinto dele fivela, porque já está completamente desenhado. Eu vou copiar e colar na frente, então comando C e comando F, e então eu vou pressionar O, e então eu vou pressionar Opção, clique direito no ponto central
e, em seguida, pressione OK, para reflexão vertical. Tudo bem. Ele está bem centrado para cima... oh eu esqueci de fazer seus olhos, nós vamos apenas fazer isso muito rápido. Copie, cole na frente
e, em seguida, pressione O, Option. Está bem. Tem esse olho. Vamos esconder a camada para ver o que fizemos. Ele está parecendo incrível. fivela do cinto precisa ser movida um pouco. Neste ponto, podemos começar a combinar formas, para criar todo o seu corpo. Vou destacar essas partes, e descer até o Pathfinder, e uni-las. Já que não quero mais vê-los, vou escondê-los com o comando três. Isso nos deixa com esta forma, e este comprimento. Combinarei esses com o localizador, e esconderei isso com o comando três. fivela do cinto precisa ser centrada um pouco mais, quero que esteja ao longo deste eixo, e agora a cor é outra. Isso é algo que precisamos ampliar. Acerte Z, e estes dois não se tocam. Se não se tocarem, não se combinarão com o localizador. Eles têm que estar se sobrepondo de alguma forma. Se acertarmos a ferramenta Unite agora, nada acontece. Para resolver esse problema, podemos usar a ferramenta A, e então desenhar uma caixa em torno de apenas esses dois pontos, segure Shift, venha aqui e desenhe uma caixa, em torno desses dois pontos. Se você pode dizer os que são preenchidos, são os que estão selecionados. Estes aqui são brancos. Eles têm um preenchimento branco, eles não são selecionados. Agora vamos apertar Opção Command J, e vamos escolher vertical. Isso vai mediá-los e empurrá-los juntos. Quando fizermos a ferramenta de unir, ela os unirá. Tudo bem. Vamos diminuir o zoom. Acho que temos tudo o que precisamos, mas agora quero mostrar tudo, e para fazer isso, é a Opção Comando 3. Agora, provavelmente estamos prontos para algum trabalho de cores.
10. Como colorir em caminhos: Então, agora, eu fui pegar algumas cores indo com ele, e para fazer isso, eu vou voltar para a pasta de recursos e pegar a paleta de cores do mesmo arquivo. Então, eu só vou saltar para a outra guia, e para fazer isso, você pode fazer um comando tilda. Vamos pegar essas cores aqui com a ferramenta “V”. Copie-os e cole-os. Acho que desta vez, não teremos nenhum contorno. Vamos fazer tudo com ele. Então, eu vou bater em V, agarrar a cabeça, e nós vamos ter esta cor verde claro. Então, bati em I para o conta-gotas e depois preenchi isso. Vou esconder isso agora, comando três. Vou acertar V para pegar esses dois olhos, e vou conta-gotas aqueles, comando três. O boca, Eu também quero ser o verde mais escuro. Então, eu vou levar isso para a frente apertando X. Hit I para o conta-gotas. Shift clique neste verde, ea razão que você tem que mudar clique nesta parte é porque este é um preenchimento verde aqui em cima. Então, ele vai querer fazer automaticamente um preenchimento verde sobre o que você tem. Se você mudar o clique, ele vai fazer o que estiver na frente, e é isso que queremos, e vamos esconder isso. Agora, acho que vamos fazer o colarinho dele ficar vermelho mais escuro. Eu vou bater em I, mudar clique e esconder, e então nós vamos deixar o corpo dele verde, esconder isso. Vou me livrar de um desses, destacar isso. Faremos com que seja uma cor mais escura. Agora, eu vou fazer a fivela do cinto. Vamos acertar eu, eu vou torná-lo este verde mais escuro. Esconda isso. Então, vamos fazer o cinto em si, e vamos fazer com que o verde mais claro. Mas agora, a fivela do cinto está atrás do cinto, então precisamos trazê-lo para a frente, ou enviar este para trás. Para enviar o cinto para trás é o suporte esquerdo do Shift
Command, e isso nos dará o que precisamos. Agora, eu vou mostrar tudo, e essa é a opção de comando três. Está bem. Então, lá está ele, todo colorido. Quando você mostrar algo, ele vai selecionar tudo o que estava escondido, que é ótimo porque agora, eu preciso enviar todas essas coisas para trás. Então, eu vou apertar Shift Command, colchete esquerdo. Agora, temos exatamente o que queremos. Uma coisa que eu também notei é que a cor está atrás do peito dele, então precisamos levar isso para a frente. Para fazer isso, vamos fazer Shift Command colchete direito. Agora, ele está pronto para ir.
11. Como trabalhar com fonte: Type in Illustrator permite criar imagens e gráficos que podem expressar qualquer coisa realmente. Um Illustrator facilita muito a manipulação do tipo dois. As fontes são baseadas em vetores e, como o Illustrator também é baseado em vetor, ele facilita muito o trabalho com fontes. Para a próxima seção, já tirei o alienígena da prancheta. Então, temos um espaço de trabalho limpo. Vamos falar sobre os dois tipos diferentes de
Tipo que são tipo de ponto e tipo de área. Para obter o tipo de ponto, basta pressionar T no teclado e clicar uma vez, e isso irá colocar apenas uma linha do tipo e vamos digitar tipo de ponto aqui. A razão pela qual você usaria o tipo de ponto é se você quiser adicionar algum texto a um gráfico, ou um logotipo, ou algo assim, e tipo muito mínimo para algo. Se você tem mais linhas, se você tem, digamos, mais de duas linhas do tipo, você vai querer ir com o tipo de área. Então, para fazer o tipo de área, você também clica em T no teclado e, em seguida, você apenas desenha uma caixa. Quando você desenha uma caixa, ela se encherá de Lorem Ipsum se você estiver na versão mais recente do Illustrator. Isso é muito bom, é algo que eu realmente me acostumei porque se você precisa de texto fictício ou um texto para preencher o espaço, ele já está lá para você e se você não quiser, você pode simplesmente apertar delete em seu teclado. Agora, há muitas maneiras de editar texto. Então, eu vou clicar no tipo de área, vamos comandar A para selecionar tudo, e então vamos vir aqui para a paleta de caracteres. Agora, isso pode não ser expandido todo o caminho e se não for, basta clicar duas vezes na palavra
caractere algumas vezes, e eu expandirei tudo para que você possa ver todas as opções. Temos muitas maneiras diferentes de ajustar o tipo aqui. Você pode ajustar o espaço entre as letras e para fazer isso, você pode pressionar opção e setas direita e esquerda para adicionar espaço ou excluí-lo. Quando você faz isso, você pode vê-lo mudando aqui e este é o rastreamento. Então, se você selecionar um monte inteiro de texto e, em seguida, mudar no espaço entre todas as letras, isso é chamado de rastreamento e você pode ajustá-lo aqui, ou você pode apenas digitar um número. Ok. Vou dar um zoom aqui um pouco. Se você quiser alterar o espaço entre duas letras, você pode clicar entre essas duas letras e, em seguida, opção clique
direito e esquerdo para obter esse espaço para mover. Agora, eu vou vir aqui e menos para diminuir um pouco. O espaço entre as linhas é chamado de entrelinha, e você pode usar a opção setas para cima e para baixo para ajustar a entrelinha. Enquanto você está fazendo isso, você pode olhar para cima e ver que este número foi alterado. Então, se você quiser ajustar isso manualmente, você pode fazer isso aqui. Tudo bem. Agora, eu vou clicar no tipo de ponto e eu quero mostrar o tipo de toque e para fazer isso, eu vou ter um pouco de fonte diferente. Esta fonte, Montserrat-Bold, deve estar na sua pasta de recursos e esta é uma boa fonte para mostrar como funciona o tipo de toque,. Mas, claro, funcionará em qualquer tipo. Então, para chegar à ferramenta de texto de toque, basta pressionar Shift + T no seu teclado e é este aqui, e então você pode clicar em letras individuais e ajustá-las. Você pode apenas clicar e arrastar, você pode girá-los com este pequeno. Você tem que estar bem naquele pontinho ali, e então apenas girá-lo ao redor. Eu não sei por que eu estou girando um O, nós vamos girar isso. Eu vou girá-lo para cima e, em seguida, movê-lo um pouco para cima, e isso é realmente útil se você está projetando cartões de saudação. Porque muitas vezes, se você está projetando cartões infantis, se você abrir esse cartão, você pode ver que o tipo foi saltado para cima e para baixo e dá uma espécie de sensação caprichosa.
12. Como personalizar fontes: Vamos limpar a nossa tela. Vou apertar a ferramenta V, em seguida, selecionar todos os comandos A e, em seguida, excluir. Agora, vamos começar o nosso pequeno gráfico do astronauta. Quero que este gráfico diga: “Meu Foguete Espacial é incrível.” Então, é para um homenzinho alienígena. Então, primeiro vamos começar com o tipo de ponto. Vou apertar T para chegar àquela ferramenta, e clicar uma vez, e vou digitar foguete. Agora, este arquivo será Pacifico. Então, eu vou torná-lo um pouco maior segurando Shift e em seguida, arrastando um canto e vamos mudar a fonte para Pacifico. Tudo bem. Agora, eu quero transformar esse R em um swoosh que vai por baixo da palavra. Então, eu vou fazer uma cópia disso segurando a opção, e então arrastando para fora do quadro de arte. A razão pela qual eu quero fazer isso é porque, eu vou precisar delinear essa fonte para manipulá-la. Quando eu delinear, eu perco essa fonte ou eu não saberei que tipo de letra é essa. Então, eu vou tê-lo aqui em cima se eu precisar fazer alterações nele mais tarde. Então, eu vou clicar neste e apertar Shift, Command, O. Você também pode fazer isso em Type and Create Outlines. Então, Shift, Comando, O, isso nos dará pontos que podemos manipular facilmente. Então, mas primeiro, eu vou clicar no R, e como você pode ver, eles estão agrupados, então eu vou usar minha ferramenta A, clicar fora, e então apenas selecionar o R em si, e então eu vou pressionar V para redimensioná-lo arrastando um canto. Então, vamos torná-lo um pouco maior, e então eu vou movê-lo de volta para um lugar que faz sentido. Quero pegar esta parte do R e estendê-la desta forma. Então, eu vou pegar minha ferramenta P, e eu vou clicar aqui e então eu vou clicar e arrastar um pouco. Então, eu vou clicar mais uma vez aqui. Como você pode ver, eu tenho um preenchimento e não um traço, então eu vou apertar Shift, X para trocar esses dois, e então eu tenho um golpe e não um preenchimento, que é o que eu quero. Agora, que eu tenho o derrame, eu vou trazê-lo para a frente apertando X, e então eu vou vir aqui para a aparência e aumentar o golpe aqui. Agora, existem várias maneiras de fazer isso. Eu quero ter o derrame quase do tamanho desta parte do R, o que eu fiz. Agora, eu acho que esta parte parece um pouco rígida,
então eu vou pressionar N, que é a minha ferramenta Lápis, e, em seguida, manter Option
e arrastar sobre isso,
e, em seguida, mudar minha ferramenta Lápis para uma ferramenta Suavizar. Agora, a ferramenta Suavizar também está localizada bem aqui embaixo. Para algumas pessoas, isso não vai funcionar. Então, você terá que clicar duas vezes em sua ferramenta Lápis e certifique-se que a tecla de opção alternar para a ferramenta Suavizar está marcada. Então, se não for, basta verificar, e você sempre terá essa habilidade. Então, vamos suavizar isso apenas revisando algumas vezes. Eu não acho que eu preciso deste ponto aqui, então eu vou apertar P e depois menos, agora vai me levar para a ferramenta Pen menos,
e nós vamos apenas excluir esse ponto de ancoragem. Ok, agora isso é muito perto do que eu quero. Mas acho que quero que esta parte seja um pouco mais larga. Então, vamos mudar para a ferramenta Largura, e para fazer isso eu vou apertar Shift, W. Agora, eu posso puxar aqui para fora e obter um pouco mais largo. Tudo bem, agora parece muito bom. Acho que vou suavizar isso um pouco mais. Perfeito. Certo, agora, temos apenas um derrame, e queremos que isso seja um preenchimento. Então, se você pressionar Command, Y no teclado, você pode ver que é um estilo de caminho diferente destes, e eu quero que ele corresponda a estes. Então, para fazer isso, preciso expandi-lo. Então, vamos até Objeto e Expandir Aparência. Às vezes você vai precisar Expandir Aparência e às vezes você vai precisar Expandir, eu apenas ir e voltar entre os dois, o que está disponível realmente. Certo, e agora é isso que queremos. Se apertarmos Comando, Y, podemos ver que este tipo de forma é semelhante a este tipo de forma. Aperte o Comando, Y novamente para voltar. Agora, eu quero arredondar esses cantos um pouco, mas eu não quero que eles sejam do mesmo tipo de arredondamento, então eu vou apertar A para escolher apenas esse canto, e então eu posso vir aqui abaixo neste pequeno ponto, que me permite em torno dos cantos como eu gosto, então rodada este um pouco. Vamos clicar aqui em baixo nesta linha, e eu vou arredondar este muito, então todo o caminho para dentro assim. Eu realmente gosto do jeito que isso parece, mas eu estava planejando colocar um texto aqui. Vou tornar isto um pouco mais amplo por aqui. Para fazer isso, eu vou apertar Q, que é a ferramenta Laço, e agora nós podemos desenhar um círculo em torno dos pontos que eu quero mover, apenas certifique-se de que você não está recebendo nenhum ponto que você não quer. Agora, você pode ver que esses são azuis e os outros pontos são brancos, e isso significa que eles são selecionados. Vamos precisar mudar para a nossa ferramenta A e chegar na borda disso, e puxá-la para baixo um pouco assim. Tudo bem, como você pode ver isso bagunçou esta parte do swoosh. Então, irá suavizar isso com a ferramenta Lápis e manter a opção pressionada para obter este suave. Às vezes você tem que passar por cima algumas vezes para fazê-lo funcionar. Parece um pouco estranho, então eu vou usar minha ferramenta A para clicar em alguns pontos, e então movê-los para cima, para que eles não tenham aquele olhar estranho. Agora, eu vou excluir mais alguns pontos, então eu pego minha ferramenta P menos, e exclui esses. Agora, vamos puxar esta alça para baixo na âncora para suavizar a linha ainda mais, e eu estou muito feliz com isso, mas temos essa coisa extra aqui que eu realmente preciso me livrar. Então, vamos desmarcar tudo com Shift,
Command, A, e eu vou ampliar essa parte desenhando uma caixa em torno dela. Ok, então nós temos esta peça, e nós temos essa peça, mas esta parte não se sobrepõe, esta parte e nós precisamos que ela se sobreponha para fazer isso funcionar direito. Então, agora eu vou apertar Command, Y e eu vou clicar direito nesse ponto e dar-lhe para se sobrepor apenas um pouco, e então eu vou Command Menos. A próxima coisa que quero mostrar é a ferramenta Construtor de Formas. Com a minha ferramenta A, selecionarei todas essas peças. Ele não recebeu o resto do grupo porque eu escolhi a ferramenta A e então a ferramenta V,
a ferramenta V, selecionar o grupo inteiro. Então, agora vamos chegar à nossa ferramenta Construtor de Formas, que é Shift, M. Podemos combinar essas peças apenas clicando e arrastando. Às vezes, com formas como esta, com algo cortado deles, isso vai acontecer, mas vamos consertar isso em um minuto. Então, nós também temos esta peça aqui que eu não quero, então eu vou para Option clique que, e isso vai se livrar dele. Então eu vou ampliar muito perto dessa parte de sobreposição, e eu vejo outro ponto aqui que eu não queria. Vou para Shift, M para selecionar essa ferramenta novamente
e, em seguida, Option para excluí-la. Vamos suavizar isso agora, então N para a ferramenta Lápis
e, em seguida, mantenha pressionada a opção e arraste para suavizar um pouco. Eu não estou realmente focado em obtê-lo perfeito agora já que este é apenas um tutorial, mas eu quero mostrar-lhe como corrigir esta peça. Se apertarmos Command, Y, podemos ver que esta outra peça está de volta aqui apenas não está sendo exibida, então eu vou pressionar Command, Y novamente, e usar minha ferramenta A para selecionar ambos, e então nós podemos pressionar Shift, M, que é o Construtor de formas e, em seguida, opção e excluir essa parte do meio,
e isso nos leva ao que queremos. Então, temos apenas a palavra foguete. O K me incomoda um pouco porque eu acho que ele se parece muito com um h. Então, eu vou ampliar esse K, e agora eu vou fazer algumas coisas que vão ajudá-lo parecia mais com um K. Então, basicamente, eu quero pegar essa peça e fazer com que se conecte bem aqui. Para fazer isso, vou usar a ferramenta “N”. Quando você usa a ferramenta N, você precisa começar em um caminho e continuar nesse mesmo caminho para que ele funcione corretamente, Então, eu vou mudar essa peça primeiro. Eu vou começar aqui, e então eu vou entrar assim e me sobrepor e depois continuar por esse caminho, e então eu vou vir aqui e fazer a mesma coisa. Claro, vamos suavizar tudo isso com a ferramenta Lápis. Tudo bem, a próxima coisa que você quer fazer é adicionar Meu Espaço sobre o topo do K. Então, para fazer isso, eu vou usar Type On A Path, e primeiro de tudo desenhar um círculo. Eu vou começar aqui, isso é quase certo. Eu não quero um preenchimento ou um derrame nisso. Então, eu vou apertar a tecla de barra para limpar isso. Ok, eu vou mover isso um pouco para baixo, então nós vamos obter a nossa ferramenta Type On A Path, e clicar direito na borda disso. Como você pode ver, já preencheu com texto fictício, e agora eu vou digitar, Meu Espaço. Já que este é o Pacifico, não parece muito bom. Nunca é uma boa idéia colocar uma fonte de script em um caminho como este no círculo. Então, vamos mudar isso para Montserrat, que também está em sua pasta de recursos. Ok, então está lá, mas está um pouco fora do centro, como você pode ver. Então, vamos pegar nossa ferramenta V, e eu vou clicar e puxar esta barra ao redor do círculo, eu vou movê-la todo o caminho até aqui. Às vezes, quando você faz isso, seu texto vai desaparecer, e se for esse o caso, tente entrar no outro da barra pequena e puxá-lo ao redor. Ok, normalmente eu gosto de centralizar meu texto aqui, então eu vou apertar Shift, Command, C, e então esses dois devem ser iguais. Então, eu vou mover este um pouco para cima, para que fique bem. Quero que o swoosh se alinhe melhor com o foguete. Como você pode ver, há muito espaço aqui embaixo e só um pouco de espaço aqui. Para que isso funcione, vou usar Shift, P, que é algo relativamente novo no Illustrator e que é chamado de ferramenta Dobra de Marionete. Eu vou apertar A no meu teclado
e, em seguida, basta selecionar a forma R. Agora, eu vou ter minha ferramenta Shift, P, que é a Warp de Marionete, e eu vou definir alguns pontos de ancoragem com a ferramenta Warp de Marionete, você precisa clicar nas coisas que você deseja mover, e também clicar nas coisas que Você não quer se mover. Então, eu quero que essa parte se mova, mas eu não quero que esses outros pontos se movam. Então, agora eu vou clicar bem no meio desse ponto, e apenas arrastá-lo para cima. Tudo bem, eu acho que parece muito melhor, talvez até um pouco mais, sim, ok. Tudo o que precisamos fazer neste momento é apenas adicionar “É Incrível” na pequena área de swoosh do R. Então, para fazer isso, eu vou apertar T e apenas digitar “É Incrível”. Primeiro, vou movê-lo para o swoosh e depois vou mudá-lo para branco. Para fazer isso, vou acertar a letra D, que nos dá um preenchimento branco e um contorno preto. Eu vou trazer o contorno preto de trás para a frente pressionando X, e então eu vou deletar isso pressionando barra para a frente. Agora, eu acho que as letras são um pouco grandes, então vamos reduzi-las pressionando Shift, Command e cursor esquerdo, é a acima da vírgula. Tudo bem, isso reduziu um pouco. Agora, vamos adicionar um pouco de espaço lá. Vou apertar Opção, Arrow
Direita, e espaço para fora. Muitas vezes em um swoosh como este, você realmente precisa girar o texto, e você pode fazer isso pressionando a letra R e definindo um ponto de ancoragem clicando uma vez e você pode girá-lo assim. Mas acho que o nosso parece muito bom. Muito bem, agora temos um tipo gráfico para o nosso alienígena espacial.
13. Como exportar: Tudo bem, então vamos juntar tudo para ver o que fizemos. Eu vou subir aqui para as minhas camadas e ver a camada 1 e desbloqueá-la. Em seguida, selecionaremos as coisas que criamos e movê-las para baixo. Vou mover este fundo para longe, vou pegar o homenzinho do espaço e movê-lo. Ok, então temos o nosso pequeno alienígena
e ele tem um telescópio porque ele quer olhar para nós aqui na Terra. Ele também quer que saibamos que o foguete espacial dele é incrível. Agora, vou mostrar-lhe como salvá-los como um JPEG se você quiser compartilhá-lo em mídias sociais ou algo assim e, em seguida, vamos salvá-los individualmente como PNG com um fundo transparente. Então, para que estes pareçam um pouco melhor neste espaço, vamos fazer a prancheta um pouco menor. Para fazer isso, pressione Shift-O e você terá alças onde você pode arrastar a prancheta um pouco. Vamos nos mudar para cá e arrastar esta parte da prancheta para cima. Ok, eu vou apertar Command+0 para centralizar tudo no espaço de trabalho e então vamos pressionar Shift-Option, Command+S, e este é Arquivo, Salvar para Web. Um bom tamanho para isso provavelmente vai ser em torno de 1.000 pixels, e vamos mudar isso para JPEG aqui em cima, e isso é tudo que você realmente precisa fazer. Vamos salvar e colocá-lo na área de trabalho e vamos salvá-lo como gráficos. Ok, então vamos para a nossa área de trabalho e abrir o gráfico. Lá está em formato raster. Agora, se você quiser usar cada um desses gráficos separadamente em seus próprios projetos, eu posso mostrar como colocá-los em suas próprias pranchetas e exportá-los como PNG com fundo transparente, então vamos fazer isso. Primeiro, vou limpar minha prancheta e selecionar todos esses [inaudíveis] aqui e excluí-los. Em seguida, vamos descer até o painel de pranchetas e eu vou criar duas novas pranchetas. Para fazer isso, eu apenas apertei este pequeno botão novo prancheta na parte inferior da paleta. Vou desenhar uma caixa com a minha ferramenta V em torno de cada gráfico. Mas eu acidentalmente selecionei isso, então eu vou segurar Shift e clicar nele. Então vamos arrastá-lo para o seu próprio e redimensioná-lo para ser um pouco maior para preencher o espaço. Vou pegar esse gráfico com minha ferramenta V e movê-lo para sua própria prancheta. Ok, e então vamos redimensionar este gráfico de foguete para preencher o espaço, também. Está bem. Em seguida, vá para Arquivo, Exportar, Exportar como, e aqui, podemos escolher um título, eu só vou colocar espaço. Aqui em Formato, você verá Usar pranchetas, e você definitivamente quer ter isso marcado, e dessa forma, ele saberá exportar todas as pranchetas
e, em seguida, dizer Exportar. Aqui, depende do que você quer fazer, mas para a web, Tela 72 PPI é o que você vai querer ir para e cor de fundo será transparente, e depois dizer Ok. Agora, vamos olhar para a nossa área de trabalho. Aqui, temos nossos três gráficos de espaço e ele irá nomeá-los dependendo do nome da prancheta. Então, você também pode alterar os nomes da prancheta e atualizá-la dessa forma. Está bem. Então, vamos voltar para o arquivo e eu vou te mostrar como salvar isso. Então, pressione Shift-Command-S, e honestamente você deve estar salvando durante todo o projeto. É uma má ideia deixá-la sem título o tempo todo. Então, vamos salvar isso como gráficos espaciais. Mesmo depois de exportar seus JPEGS e PNGs, você vai querer salvar esse arquivo de IA para que você sempre tenha acesso para editá-lo mais tarde. Então, agora que você tem seus gráficos prontos para uso, você pode compartilhá-los na Web, nas mídias
sociais ou em qualquer lugar que você gosta.
14. Considerações finais: Tudo bem. Nós fizemos isso. Nós cobrimos tudo, desde trabalhar com tarefas, trabalhar com formas e criar nossos próprios textos. Ao aprender essas habilidades essenciais, você realmente tem a capacidade de sair e criar praticamente tudo o que quiser no Illustrator. Agora que você tem a posição da terra com essas habilidades, tudo o que é preciso é praticar para realmente torná-la segunda natureza. Se você foi criando seus próprios gráficos ao longo do caminho, absolutamente fazer upload deles para a galeria do projeto, porque eu gostaria de ver o quão longe você chegar. Espero que tenham gostado da aula, e mal posso esperar para ver o que vocês criaram.
15. Explore mais cursos:
Anne Larkina, Graphic Designer, Adobe Max Speaker
