O guia do iniciante para o Adobe Illustrator

Propaganda

Quer começar a aprender o Adobe Illustrator, mas se sentir sobrecarregado? Confira “Getting Started With Illustrator”, o primeiro manual do Illustrator da MakeUseOf. Com instruções fáceis de seguir e muitas capturas de tela anotadas, este manual simplifica o aprendizado do aprendizado.

Este guia está disponível para download como PDF gratuito. Baixe o Guia do Iniciante para o Adobe Illustrator agora . Sinta-se à vontade para copiar e compartilhar isso com seus amigos e familiares.

O Adobe Illustrator é um programa de desenho vetorial. Muitas vezes é usado para criar logotipos, ícones, ilustrações, gráficos, infográficos, camisetas, cartões de visita, papel de carta, envelopes, design de embalagens - o nome dele. Tudo somado, é usado principalmente para criar gráficos de alta resolução, que posteriormente podem ser impressos também.

Ao contrário do Photoshop, que armazena informações de imagem em pontos, o Illustrator usa equações matemáticas ao desenhar formas. Desenhos vetoriais podem ser dimensionados para se adequarem a banners do tamanho de arranha-céus; imagens raster não podem. Por causa disso, o Illustrator é usado para fazer desenhos que precisam ser dimensionados facilmente - coisas como logotipos.

Este manual do Adobe Illustrator explica as ferramentas básicas necessárias para criar um logotipo, então confira. Abra o Illustrator e acompanhe para ter uma ideia do incrível programa de arte vetorial da Adobe.

Índice

§1. Introdução

§2 - O espaço de trabalho do Illustrator

§3 - Criando um logotipo no Illustrator

§4 - Criando um texto 3D no Illustrator

§5 - Algumas dicas úteis

§6. Conclusão

1. Introdução

Se você decidiu aprender o Illustrator, então você precisa começar com o básico. É um programa muito poderoso, mas também complexo. Depois de se familiarizar com a interface, ferramentas básicas, paletas e espaço de trabalho, você economizará muito tempo e nervos, e seu fluxo de trabalho parecerá suave e agradável.

O Adobe Illustrator é um programa de desenho vetorial. É frequentemente usado para criar logotipos, ícones, ilustrações, gráficos, infográficos, camisetas, cartões de visita, papel de carta, envelopes, design de embalagens - o nome dele. Tudo somado, é usado principalmente para criar gráficos de alta resolução, que posteriormente podem ser impressos também.

Ao contrário do Photoshop, que armazena informações de imagem em pontos, o Illustrator usa equações matemáticas ao desenhar formas. Sobre o que é isso?

Isso significa que os gráficos vetoriais (como um desenho do Illustrator) podem ser dimensionados ou ampliados para qualquer tamanho sem perder a qualidade, enquanto as imagens rasterizadas (como uma imagem editada no Photoshop) serão pixelizadas à medida que você escala:

Basicamente, os desenhos vetoriais podem ser dimensionados para se adequarem a banners do tamanho de arranha-céus; imagens raster não podem. Então, se você planeja usar seu trabalho para vários tamanhos, use um programa baseado em vetores como o Illustrator.

• Vantagens de gráficos vetoriais:

• Alta resolução em qualquer tamanho;

• tamanho de arquivo pequeno;

• impressão de alta qualidade;

• Nenhuma perda de resolução durante a edição.

Desvantagens:

• Difícil de produzir desenhos realistas (mas ainda possíveis).

Ok, então você ainda está lendo este guia. Isso me diz que você realmente quer se aproximar do Illustrator, então estou aqui para compartilhar meu conhecimento com você. Neste guia, apresentarei o espaço de trabalho, ferramentas básicas, formas e criaremos nosso primeiro logotipo usando este incrível software.

Por favor, note que estou usando o Illustrator CS5 no Windows, portanto, os usuários do Mac terão que usar combinações de teclas ligeiramente diferentes: Command key em vez de Ctrl e Option em vez de Alt .

2. O espaço de trabalho do Illustrator

Se você estiver familiarizado com o Photoshop, o espaço de trabalho do Adobe Illustrator não irá surpreendê-lo muito, já que as principais partes dele são basicamente as mesmas:

Você usará principalmente o painel Ferramentas, já que todas as ferramentas necessárias estão lá. Para configurar uma ferramenta ativa, você usará o painel de controle, onde todas as opções para a ferramenta atual são mantidas. E, claro, a área de encaixe do painel - ele mantém paletas importantes como Amostras de cores, Camadas, Opções de traçado, Aparência, Configurações de gradiente, etc. (todas as paletas podem ser ativadas ou desativadas no menu do Windows ).

Vamos verificar o painel Ferramentas primeiro.

2.1 Painel de Ferramentas

Existem muitas ferramentas disponíveis na caixa de ferramentas, mas você não precisa memorizar tudo. Apenas alguns deles farão o trabalho.

Aqui está uma tabela de referência (algumas ferramentas, como Rectangle, contêm mais ferramentas dentro, que podem ser selecionadas segurando o ícone da ferramenta):

Eu sempre digo que a melhor maneira de aprender é praticar. Então, vamos aprender as ferramentas básicas usando-as de fato.

3. Criando um logotipo no Illustrator

Eu costumo usar o Adobe Illustrator para criar logotipos para meus clientes. Por que não tentamos um?

Vamos chamar nossa incrível empresa de “LimeWorks” . Precisamos criar um limão e colocar o nome sob ele. Como isso:

Tenha em mente, porém, que criaremos um logotipo simples, apenas para você se familiarizar com algumas ferramentas e métodos. Vamos começar desenhando segmentos de cal.

3.1 Usando a ferramenta Pen

Vamos usar a ferramenta Pen, que é uma das ferramentas mais usadas no Illustrator. É usado para criar todos os tipos de formas e objetos. Selecione-o clicando em seu ícone na caixa de ferramentas ou use a tecla P.

Usando a ferramenta Pen, crie seu primeiro triângulo clicando três vezes onde deseja que as bordas sejam:

Nota: como você vê, eu uso o Grid (Ctrl + ”) para ser mais preciso.

Para fechar o caminho, clique no primeiro ponto:

Agora está pronto para ser preenchido com uma cor. Verifique se o triângulo está selecionado (clique nele com a ferramenta Selection, V ) e escolha um tom amarelo:

3.2 Fazendo Cantos Redondos

Precisamos de cantos arredondados para tornar o segmento de cal (triângulo) mais suave. Vamos usar o efeito Round Corners :

Na caixa de diálogo Cantos redondos, coloque algo como 4 mm (eu uso milímetros como unidades) e clique em OK para aplicar as alterações:

Parece bom. Agora vamos adicionar alguma textura, então parece mais realista.

3.3 Adicionando Efeitos do Photoshop

No Adobe Illustrator, quando você vai para o menu Efeitos, você verá que existem efeitos do Illustrator e do Photoshop:

Nós usaremos Stained Glass (Effects-> Texture-> Stained Glass) .

Mas antes disso, precisamos de uma cópia do nosso triângulo acima da camada original.

3.4 Copiando Objetos

Mostrarei algumas dicas rápidas sobre como copiar e colar facilmente objetos acima da camada atual e abaixo, mantendo a posição exata.

Para colar uma cópia de um objeto selecionado acima do original na posição exata, copie-o primeiro ( Ctrl + C) e cole-o usando Ctrl + F (se você usar Ctrl + V, ele colará no meio da tela ). Para colá-lo abaixo do objeto original, use Ctrl + B :

OK, agora você conhece os truques de copiar / colar.

Copie e cole nosso triângulo na sua frente (Ctrl + F) e preencha o objeto colado com a cor branca:

Abra a caixa de diálogo Stained Glass e defina como meu ( Tamanho da célula = 17; Espessura da borda = 2; Intensidade da luz = 0 ):

3, 5 Expandir Aparência

Expandir Aparência está localizado no menu Objeto e é uma das ferramentas mais importantes no Illustrator. Pode ser necessário um guia separado para descrever em detalhes, mas hoje estamos aprendendo apenas o básico.

Portanto, em termos simples, Expandir aparência é usado para dividir um objeto em caminhos ou imagens separados depois que um efeito é aplicado a ele. Bem, isso parece um pouco confuso. Vamos apenas usá-lo e vê-lo em ação.

Certifique-se de ter selecionado seu triângulo branco com o efeito Stained Glass e vá até Object-> Expand Appearance . Agora nosso objetivo é uma imagem:

3.6 Rastreamento ao Vivo

Outro recurso interessante do Adobe Illustrator, o Live trace é usado para converter imagens raster em objetos de rastreamento. Existem algumas predefinições de rastreio padrão, mas usaremos configurações personalizadas.

Vá até Object-> Live Trace -> Tracing Options e defina valores como abaixo:

3.7 expandir

Expandir é usado para converter objetos de rastreamento em caminhos editáveis ​​(vetoriais). Após traçar uma imagem raster, você deve usar Expandir .

Como nosso objeto texturizado está agora rastreado e pronto para ser retornado aos caminhos, usaremos o Expand :

Como você pode ver, nossa textura agora é um conjunto de caminhos, mas precisamos mudar sua cor de preto para branco. Desta vez vamos usar o Stroke (já que a textura é um conjunto de traços):

ESTÁ BEM. Mas agora está um pouco afiado demais. Vamos borrar um pouco.

3.8 Efeito de Desfoque

Vá para Effects-> Blur-> Gaussian Blur, defina o raio para 2, 8 pixels e você deve ter isto:

Neste ponto, terminamos com a nossa fatia de limão. O resto é mais fácil.

3.9 Agrupando objetos

Neste ponto, nossa cunha de cal está pronta e precisamos duplicá-la. Mas ela é composta de várias camadas (objetos), então, para facilitar as coisas durante a duplicação, vamos agrupá- las.

Para agrupar um conjunto de objetos, selecione-os arrastando o mouse sobre eles e clicando em Ctrl + G. Outra maneira conveniente de selecionar vários objetos é segurar a tecla Shift e clicar nos objetos.

Mas como não temos outros objetos em nossa prancheta, você pode selecionar todos os objetos ( Ctrl + A ) e agrupá-los ( Ctrl + G ):

3.10 Usando a ferramenta Girar

A ferramenta Rotate (R) é usada para… adivinhe? Sim, para girar objetos ou formas.

Selecione a ferramenta Rotate e Alt + clique no topo do triângulo para definir o centro de rotação. Na caixa pop-up, defina como segue e clique em Copiar :

Você deveria ter isso agora:

3.11 Um pequeno truque

Há um pequeno truque (um dos muitos) que tornará sua experiência com o Adobe Illustrator mais fácil em projetos futuros. O truque é apenas um atalho de teclado ( Ctrl + D ). Repete ou aplica a transformação mais recente ao objeto selecionado.

É útil para a nossa prática também. Selecione a nova fatia e use Ctrl + D 6 vezes:

Voila! Nós temos um saboroso limão. Agora, para alguns detalhes.

Primeiro de tudo, agrupe todas as fatias para manter as coisas em ordem. Em seguida, certifique-se de que nada esteja selecionado clicando em algum outro lugar na prancheta.

3.12 Desenhando um Círculo

Selecione uma cor verde clara para Preenchimento e nenhuma para traçado :

Selecione a ferramenta Elipse (uma sub-ferramenta em Rectangle ou pressione L ):

Segure Shift + Alt, aponte o mouse para o centro do limão e arraste o mouse até obter um círculo que cubra toda a cal:

Nota: você não precisa encontrar o centro exato para começar - nós alinharemos os objetos mais tarde.

3.13 Organizando Objetos

Como você vê agora, o círculo verde está na frente ou acima do nosso cal. Para enviá-lo de volta ou abaixo, selecione-o e pressione Ctrl + [(Ctrl +] para trazê-lo acima da camada atual):

Boa. Selecione esse círculo e duplique-o abaixo de si mesmo (como fizemos em 3.4.) Com Ctrl + C e depois Ctrl + B :

Altere sua cor de preenchimento para um verde mais escuro e torne-o um pouco maior que o primeiro círculo, segurando Shift + Alt e arrastando um dos pontos de referência:

Isso parece muito bom. Melhor ainda: terminamos com a parte difícil.

3.14 Adicionando Texto

Vamos adicionar o nome da nossa empresa abaixo do cal. Selecione a ferramenta Type ( T ), clique sob o cal e digite “ LimeWorks” :

Agora vamos alinhar tudo ao centro.

3.15 Alinhando Objetos

Para alinhar objetos perfeitamente, use as ferramentas Alinhamento. Essas ferramentas estão localizadas no Painel de Controle, quando a Ferramenta de Seleção está ativa. Veja abaixo para entender vários alinhamentos:

Observe que esses exemplos são verdadeiros para Alinhar ao Artboard :

Se você escolher Alinhar à seleção, os objetos serão alinhados em relação aos limites externos da seleção.

ESTÁ BEM. Selecione todos os objetos (Ctrl + A) e no painel de controle, clique em Horizontal Align Center (número 2):

É isso aí. Agora você pode brincar com tamanhos e cores, se quiser.

Se você diminuir o cal e alterar as cores do texto, ficará muito melhor:

Tudo bem, parabéns pelo seu primeiro logotipo!

Vamos começar a salvar e exportar.

3.16 Salvando e Exportando

Para salvar seus arquivos do Illustrator, basta pressionar Ctrl + S (como sempre) e salvá-lo no formato .ai .

Se você quiser salvar seu logotipo em. png, então você pode fazer uso de uma das duas maneiras: Arquivo-> Exportar ou Arquivo-> Salvar para Web e Dispositivos .

Enquanto a segunda maneira exporta todo o Artboard, a primeira maneira permite exportar apenas seu (s) objeto (s).

Aqui está um exemplo:

Nota : você sempre pode alterar o tamanho do seu Artbardard (File-> Document Setup e clique em Edit Artboards ). Depois disso, quando você usar Save For Web e Devices, verá que o tamanho da imagem é o novo tamanho do seu Artboard.

Além disso, observe: você pode verificar a Transparência ao salvar para a web e você terá seu logotipo com um fundo transparente.

Vamos passar por outro tutorial para aprender outras ferramentas básicas. Vamos criar um texto 3D com um fundo sujo.

4. Criando um texto 3D no Adobe Illustrator

Embora os gráficos vetoriais sejam tipicamente de duas dimensões, você também pode criar objetos 3D com boa aparência. Neste tutorial vamos criar um texto 3D simples com um fundo sujo como abaixo:

Como eu disse, agora estamos aprendendo o básico, para que você fique mais familiarizado com a interface e algumas ferramentas úteis. Quando estiver, você verá que não há limites para o que você pode fazer com o Illustrator.

4.1 Adicionando um fundo sujo

Vamos começar com um fundo legal.

Ir para o seu site favorito para texturas e fundos livres e encontrar um bom fundo sujo. Eu tomei um do estoque da imagem:

Copie e cole no seu documento do Adobe Illustrator. Muito provavelmente será muito grande, então você precisará reduzi-lo. Use o painel de transformação para controlar o tamanho da sua imagem:

Nota: você pode usar seus próprios valores, apenas certifique-se de que ele se encaixa no documento.

Agora temos nossa imagem de plano de fundo pronta, mas vamos adicionar mais alguns efeitos a ela. Primeiro, criaremos um retângulo e, em seguida, adicionaremos o efeito Inner Glow e usaremos o painel Transparência para alterar a mesclagem entre a imagem e o retângulo.

4.2 Criando um retângulo

Selecione Retângulo em Ferramentas (M), desenhe um retângulo, mesmo tamanho da sua imagem de plano de fundo (você pode querer usar o painel Transformar para definir valores exatos) e defina a cor de preenchimento como marrom claro e sem traço:

4.3 Adicionando efeito de brilho interno

Vá para Effect-> Stylize-> Inner Glow e defina os valores como mostrado:

Veja o que você deve ter:

4.4 Usando o Painel de Transparência

Você sempre pode usar o painel Transparência para alterar a maneira como um objeto ou uma camada se misturam às camadas abaixo. Primeiramente, vamos enviar nosso retângulo para trás da imagem. Selecione o retângulo clicando nele e use Ctrl + [ .

Agora selecione a camada da imagem clicando na imagem e abra o Transparency Panel (Window-> Transparency) e escolha Multiply como o modo de mesclagem:

Agradável. Nós terminamos com o plano de fundo. Vamos ao próprio texto 3D.

4.5 Trabalhando com a ferramenta Type

Usando a ferramenta Type (T) escreva “MakeUseOf” com alguma fonte legal (eu escolhi Diavlo Bold, que pode ser baixado em exljbris Font Foundry). Torne-se grande o suficiente como 65pt, defina o rastreamento para -20 e escolha a cor branca :

4.6 Criando Esboços

Use Criar contornos - clique com o botão direito do mouse no texto e escolha Criar contornos, para converter texto em caminhos vetoriais:

4.7 Adicionando efeitos 3D

Os efeitos 3D podem ser aplicados a qualquer objeto e texto. Selecione o texto, vá para Effect-> 3D-> Extrude & Bevel e aplique da seguinte forma:

Isto é o que você deve ter até agora:

Agora precisamos separar as faces do texto e nosso efeito 3D um do outro. Use Expand Appearance para fazer isso ( Object-> Expand Appearance ).

Com a Direct Selection Tool (A), selecione apenas as faces do texto (segure a tecla Shift para selecionar vários objetos):

Dica : ao selecionar, verifique se as âncoras são azuis e nenhuma delas é branca. Para fazer isso, amplie um pouco e clique em algum lugar no meio dos objetos (aqui - faces de texto).

4.8 Usando o Unite do painel Pathfinder

Agora copie e cole sua seleção e use o painel Unite do Pathfinder para unir todas as faces selecionadas em um caminho agrupado:

Coloque a nova camada em cima da antiga e defina sua cor de traçado como branco e peso do traçado como 1pt:

Estamos quase lá.

4.9 Adicionando Estilo Gradiente

Adicionar o gradiente é muito fácil - basta selecionar o objeto, clicar no painel Gradiente à direita e configurar suas cores. Além disso, você sempre pode fazer uso de Bibliotecas pré-definidas de Window-> Swatch Libraries-> Gradients . Mas desta vez, vamos configurá-lo manualmente.

No painel Gradiente, defina o Tipo como Linear, defina a primeira cor em 0% para vermelho escuro, a segunda cor em 80% para laranja e a cor final em 100% para vermelho brilhante, Angle para -90 °:

Dica : use o controle deslizante superior para controlar o intervalo de cores do gradiente.

4.10 Adicionando Sombra

Para dar uma profundidade ao nosso texto, vamos adicionar alguma sombra a ele. Nós vamos usar o efeito Gaussian Blur .

Primeiro, copie ( Ctrl + C ) nossa nova camada e cole-a na frente ( Ctrl + F ). Em seguida, altere sua cor para preto e defina o traço para nenhum, envie-o para trás da camada de efeito 3D com Ctrl + [ (verifique se ele está acima das camadas de plano de fundo):

Mova-o para baixo usando as teclas de seta (você também pode alterar as coordenadas Y do painel Transformar para ser mais preciso):

4.11 Aplicando o Gaussian Blur

Nossa sombra não parece realista agora; precisamos borrar um pouco. Vá para Effect-> Blur-> Gaussian Blur e defina o Radius para 9 pixels:

Acabamos!

5. Algumas dicas úteis

Dicas e truques são infinitos, mas vou mostrar alguns deles:

• Bloquear camadas - quando você deseja selecionar alguns objetos pequenos que estão na frente de outros objetos (como um fundo), em vez de clicar em Shift + em cada um deles, basta bloquear o fundo com Ctrl + 2 ou colocar um sinal de bloqueio o painel Camadas.

• Sempre verifique a paleta Camadas - quando estiver trabalhando com muitos objetos e camadas, é realmente útil nomear suas camadas e verificar como suas camadas estão alinhadas (se uma camada está acima ou abaixo da outra, se está bloqueada, etc.);

• Reedite os estilos de camada sempre que precisar - sim, sempre é possível alterar as configurações de estilo ou efeito que você já aplicou a um objeto ou camada antes através do painel Aparência (Janela-> Aparência);

• Use Bibliotecas - existem algumas bibliotecas pré-definidas para usar em seus trabalhos. Vá para Window-> Libraries e selecione de Brush Libraries, Swatch Libraries, Bibliotecas de Estilo Gráfico ou Bibliotecas de Símbolos. Há muitos deles.

6. Conclusão

Espero que tudo esteja claro o suficiente para você começar a amar o Adobe Illustrator. O que eu tenho coberto neste guia é apenas o básico. Na próxima vez, mostrarei usos mais complexos de outras ferramentas e truques incríveis. Até então - pratique .

Guia Publicado em agosto de 2012