A guia do novato para adobe illustrator

Quer começar a aprender Adobe Illustrator, mas sentir-se oprimido? Confira "Começando a Illustrator," o primeiro manual Illustrator a partir MakeUseOf. Com fácil de seguir instruções e abundância de screenshots anotados, este manual torna o aprendizado Illustrator simples.

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

Ao contrário de Photoshop, que armazena informações de imagem em pontos, Illustrator utiliza equações matemáticas quando você desenhar formas. desenhos vetoriais podem ser dimensionadas para caber arranha-size imagens raster das bandeiras não pode. Devido a isso, Illustrator é usado para fazer desenhos que necessita para escalar facilmente - coisas como logotipos.

Este manual Adobe Illustrator explica as ferramentas básicas necessárias para fazer um logotipo, de modo a verificar-lo. Abra o Illustrator si mesmo e seguir junto para realmente ter uma idéia de programa do vetor arte surpreendente da Adobe.

Índice

§1. Introdução

§ 2º-A Illustrator Workspace

§3-criação de um logotipo no Illustrator

§4-criar um texto 3D no Illustrator

§5-Algumas dicas úteis

§6. Conclusão

1. Introdução

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

Adobe Illustrator é um programa de desenho vetorial. Ele é frequentemente usado para criar logotipos, ícones, ilustrações, gráficos, infográficos, camisetas, cartões, artigos de papelaria, envelopes, design de embalagem - o nome dela. Tudo somado, é usado principalmente para criar gráficos de alta resolução, que podem mais tarde ser impressos também.

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

Isso significa que os gráficos vetoriais (como um desenho Illustrator) pode ser escalado ou ampliado para qualquer tamanho sem perder a qualidade, enquanto as imagens raster (como uma imagem editada no Photoshop) pixelate como você escala:
Adobe Illustrator
Basicamente, desenhos vetoriais podem ser dimensionadas para caber arranha-size imagens raster das bandeiras não pode. Portanto, se você pretende usar seu trabalho para vários tamanhos, usar um programa baseado em vetores como o Illustrator.

• Vantagens de gráficos de vetor:

• Alta resolução de qualquer tamanho;

• Tamanho de arquivo pequeno;

• Cópia de alta qualidade;

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

desvantagens:

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

Ok, então você ainda está lendo este guia. Isso me diz que você realmente deseja obter mais estreita com Illustrator, por isso estou aqui para compartilhar meu conhecimento com você. Neste guia, vou apresentá-lo ao espaço de trabalho, ferramentas básicas, formas e vamos criar o nosso primeiro logotipo usando este software incrível.

Por favor, note que estou usando Illustrator CS5 no Windows, para que os usuários de Mac terá que usar combinações de teclas ligeiramente diferentes: Comando chave, em vez de Ctrl e Opção ao invés de Alt.

2. O Illustrator Workspace

Se você estiver familiarizado com o Photoshop, então o espaço de trabalho Adobe Illustrator não irá surpreendê-lo muito, já que as partes principais que são basicamente os mesmos:
Adobe Illustrator
Você vai usar principalmente o painel Ferramentas, uma vez que todas as ferramentas que você precisa está lá. Para configurar uma ferramenta ativa, você vai usar o painel de controle, onde todas as opções para a ferramenta atual são mantidos. E, claro, a área do painel de encaixe - que mantém essas paletas importantes como a cor Amostras, camadas, opções de traçado, aparência, configurações de gradiente, etc. (todas as paletas pode ser ligado ou desligado no janelas cardápio).

Vamos verificar o Ferramentas primeiro painel.

Painel 2.1 Ferramentas

Existem muitas ferramentas disponíveis na caixa de ferramentas, mas você não tem que memorizar tudo. Apenas alguns deles vão fazer o trabalho.

Aqui está uma tabela de referência (algumas ferramentas, como Retângulo, conter mais ferramentas dentro, que podem ser selecionados segurando o ícone da ferramenta):
Adobe Illustrator
Eu sempre digo que a melhor forma de aprender é praticando. Então, vamos aprender as ferramentas básicas de realmente usá-los.

3. Criação de um logotipo no Illustrator

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

Vamos chamar a nossa empresa incrível "LimeWorks". Nós vamos precisar para criar um limão e colocar o nome sob ela. Como isso:
tutoriais adobe illustrator
Tenha em mente, porém, que irá criar um logotipo simples, apenas para que você se familiarizar com algumas ferramentas e métodos. Vamos começar com o desenho de segmentos de cal.

3.1 Usando a ferramenta Pen

Nós vamos usar o Caneta ferramenta, que é uma das ferramentas mais utilizadas no Illustrator. Ele é utilizado para criar todos os tipos de formas e objectos. Selecioná-lo clicando no ícone da caixa de ferramentas ou use a tecla P.

Usando a ferramenta Pen, crie seu primeiro triângulo clicando três vezes em que você deseja as arestas a ser:
guia Adobe Illustrator



Nota: como você pode ver, eu uso Grid (Ctrl + ") para ser mais preciso.

Para fechar o caminho, clique no primeiro ponto:

Agora que está pronto a ser preenchido com uma cor. Certifique-se o triângulo é selecionado (clique nele com ferramenta de seleção, V) E escolha um tom amarelo:
tutoriais adobe illustrator

3.2 Fazendo Cantos arredondados

Precisamos de cantos arredondados, a fim de tornar o nosso segmento de cal (triângulo) mais suave. Nós vamos usar o Cantos arredondados efeito:

No Cantos arredondados caixa de diálogo, colocar algo como 4 mm (Eu uso milímetros como unidades) e clique em OK para aplicar as alterações:

Parece bom. Agora vamos adicionar um pouco de textura, de modo que parece mais realista.

3.3 Adição de efeitos de Photoshop

No Adobe Illustrator, quando você vá para o menu Effects, você vai ver que existem efeitos ilustrador e dos efeitos de Photoshop:
tutoriais adobe illustrator
Nós vamos usar Vitral (Effects> Texture-> Stained Glass).

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

3.4 Cópia de Objetos

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

Para colar uma cópia de um objeto selecionado acima o original na posição exata, primeiro copie-o (Ctrl + C) e colá-lo usando Ctrl + F (Se você usa Ctrl + V ele irá colá-lo no meio da tela). Para colá-lo a seguir o uso objeto original Ctrl + B:

OK, então agora você sabe os truques de copiar / colar.

Copie e cole o nosso triângulo na frente de si mesmo (Ctrl + F), e preencher o objeto colado com a cor branca:

Abra o vitral caixa de diálogo e definir como o meu (tamanho da célula = 17- espessura Border = 2- A intensidade da luz = 0):
guia Adobe Illustrator

3,5 Expand Appearance

Expand Appearance está localizado na Objeto menu e é uma das ferramentas mais importantes no Illustrator. Ela pode exigir um guia separado para descrever em detalhe, mas hoje estamos apenas aprender o básico.

Assim, em termos simples, Expand Appearance é usada para dividir um objeto em caminhos ou imagens separadas depois de 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 escolhido o seu triângulo branco com a vitral efeito sobre ele e ir para Objeto> Expand Appearance. Agora nosso objetivo é uma imagem:
tutoriais adobe illustrator

3.6 Live Trace

Outro recurso interessante do Adobe Illustrator, Traço vivo é usado para converter imagens raster em objetos de rastreamento. Existem alguns pré-ajustes padrão de rastreamento já, mas vamos usar as configurações personalizadas.

Vamos para Objeto> Traço em tempo real -> Opções Trace e os valores definidos como a seguir:
Adobe Illustrator

3.7 Expandir

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

Como nosso objeto textura agora é rastreada e pronta a ser retornado para caminhos, usaremos Expandir:

Como você vê, a nossa textura é agora um conjunto de caminhos, mas precisamos mudar a sua cor de preto para branco. Desta vez, vamos usar Acidente vascular encefálico (Uma vez que a textura é um conjunto de traços):

ESTÁ BEM. Mas agora é um pouco forte demais. Vamos esbater-lo um pouco.

3.8 Efeito Blur

Vamos para Effects> Blur> Gaussian Blur, definir raio para 2,8 pixels e você deve ter o seguinte:
guia Adobe Illustrator
Neste momento, estamos a fazer com a nossa fatia do cal. O resto é mais fácil.

3.9 Agrupando objetos

Neste ponto a nossa fatia de limão está pronto, e nós precisamos de duplicá-lo. Mas ele é composto de várias camadas (objetos), de modo a tornar as coisas mais fáceis, enquanto a duplicação, vamos Grupo eles.

Para agrupar um conjunto de objetos, selecione todos eles, arrastando o mouse em torno deles e clicando em Ctrl + G. Outra maneira conveniente de selecionar vários objetos está segurando Mudança e clicando em objetos.

Mas desde que não temos quaisquer outros objetos em nosso prancheta é possível selecionar todos os objetos (Ctrl + A) E agrupá-los (Ctrl + G):

3.10 Usando a ferramenta Rotate

Rodar ferramenta (R) é usado para ... adivinhem? Sim, para girar objetos ou formas.

Selecione a ferramenta Girar e Alt + clique na parte superior do triângulo para definir a centro de rotação. Na caixa de pop-up definido da seguinte maneira e clique Cópia:

Você deve ter isso agora:

3.11 Um pequeno truque

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

É útil para a nossa prática também. Seleccione a nova fatia e usar Ctrl + D 6 vezes:
Adobe Illustrator
Voila! Temos um limão saboroso. Agora, para alguns detalhes.

Em primeiro lugar, o grupo de todas as fatias em conjunto para manter as coisas, a fim. Em seguida, certifique-se nada for selecionado, clicando em outro lugar na prancheta.

3.12 Desenhar um Círculo

Selecione uma cor verde clara para Preencher e nenhum para Acidente vascular encefálico:
guia Adobe Illustrator
Selecione os Elipse ferramenta (a sub-ferramenta sob Retângulo ou bater eu):

Aguarde Shift + Alt, aponte o mouse para o centro da cal e arraste o mouse até obter um círculo que abrange todo o cal:
tutoriais adobe illustrator
Nota: você não tem que encontrar o centro exato para começar - vamos alinhar objetos mais tarde.

3.13 organizar objetos

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

Boa. Selecione o círculo e duplicá-lo a seguir em si (como fizemos em 3.4.) Com Ctrl + C e depois Ctrl + B:

Mudar sua cor de preenchimento para um verde mais escuro e torná-lo um pouco maior do que o primeiro círculo, segurando Shift + Alt e arrastando um dos seus pontos de referência:
guia Adobe Illustrator
Isso parece muito bom. Ainda melhor: estamos a fazer com a parte mais difícil.

3.14 Adicionando texto

Vamos adicionar o nosso nome da empresa abaixo da cal. selecionar Digitar ferramenta (T), Clique sob a cal e digite "LimeWorks ":

Agora vamos alinhar tudo para o centro.

3.15 alinhar objetos

Para alinhar objetos perfeitamente, use as ferramentas de alinhamento. Essas ferramentas estão localizadas no painel de controle, quando a ferramenta de seleção está ativo. Veja abaixo para entender vários alinhamentos:
Adobe Illustrator
Note-se que estes exemplos são para verdadeiro Alinhar à prancheta:

Se você escolher Alinhar a Selecção, em seguida, objectos serão alinhados no que diz respeito aos limites exteriores da selecção.

ESTÁ BEM. Selecione todos os objetos (Ctrl + A) e no painel de controle, clique em Horizontal Align Center (número 2):
guia Adobe Illustrator
É isso aí. Agora você pode jogar com os tamanhos e cores, se quiser.

Se você fizer a cal menor e mudar as cores do texto ele vai olhar muito melhor:
tutoriais adobe illustrator
Tudo bem, parabéns com o seu primeiro logo!

Vamos para salvar e exportar.

3,16 Salvamento e exportação



Para salvar seus arquivos do Illustrator, é só apertar Ctrl + S (Como sempre) e ele vai salvá-lo em .ai formato.

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

Enquanto a segunda forma exporta toda a prancheta, a primeira forma permite exportar apenas o seu objeto (s).

Aqui está um exemplo:

Nota: Você sempre pode mudar o tamanho de seu ARTbonselho (Arquivo-> Configuração de documento e clique em Editar pranchetas). Depois disso, quando você usa Salvar para a Web e Dispositivos você vai ver que o tamanho da imagem é o novo tamanho de sua prancheta.

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

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

4. Criação de um texto 3D no Adobe Illustrator

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

Como eu disse, estamos agora a aprender o básico, para que você obtenha mais familiarizado com a interface e algumas ferramentas úteis. Uma vez que você é, você vai ver que não há limites para o que você pode fazer com Illustrator.

4.1 Adicionando um fundo sujo

Vamos começar com um fundo legal.

Vá para o seu site favorito para texturas e fundos e encontrar um fundo sujo agradável. Eu levei um de Stock Image:

Copiar e colá-lo em seu documento Adobe Illustrator. Muito provavelmente será muito grande, então você vai precisar para escalá-lo para baixo. Usar Painel Transform para controlar o tamanho da sua imagem:

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

Agora nós temos a nossa imagem de fundo está pronto, mas vamos adicionar mais alguns efeitos a ele. Primeiro, vamos criar um retângulo e, em seguida, vamos adicionar o efeito Inner Glow e usar painel Transparência para alterar a mistura entre a imagem eo retângulo.

4.2 Criação de um retângulo

Selecione Retângulo a partir de Ferramentas (M), desenhe um retângulo, mesmo tamanho de sua imagem de fundo (você pode querer usar o Transformar painel para definir os valores exatos) e definir o Preencher cor para marrom claro e sem traço:
tutoriais adobe illustrator

4.3 Adicionar Inner Glow Effect

Vamos para Efeito-> Stylize-> Inner Glow e definir valores, como mostrado:

Aqui está o que você deve ter:
Adobe Illustrator

4.4 Usando o painel Transparência

Você sempre pode usar painel transparência para mudar a forma de um objeto ou uma camada de mistura com as camadas abaixo. Primeiro, vamos enviar o nosso rectângulo atrás da imagem. Selecione o retângulo, clicando sobre ela e uso Ctrl + [.

Agora selecione a camada da imagem clicando na imagem e aberto Painel Transparência (Janela-> Transparência) e escolha Multiplicar como o modo de mistura:

Agradável. Nós somos feitos com o fundo. Vamos chegar ao texto 3D em si.

4.5 Trabalhar com a ferramenta Tipo

usando o ferramenta de texto (T) escrever "MakeUseOf" com alguma boa fonte (eu escolhi Diavlo Negrito, que pode ser baixado em exljbris Font Foundry). Torná-lo grande o suficiente como 65pt, definir monitoramento para -20 e escolher o Branco cor:

4.6 Criar Contornos

Usar Criar contornos - Direita; clique no texto e escolha Criar contornos, para converter texto em caminhos vetoriais:

4.7 Adicionando efeitos 3D

efeitos 3D pode ser aplicada a quaisquer objectos, bem como texto. Selecione o texto, vá para o Efeito-> 3D-> Extrude bisel e aplicar as seguintes:
guia Adobe Illustrator
Isto é o que você deve ter até aqui:

Agora temos de separar as faces do texto e nosso efeito 3D do outro. Usar Expand Appearance fazer isso (Objeto> Expand Appearance).

Com Direct Selection Tool (A), selecionar apenas as faces do texto (mantenha Mudança para selecionar vários objetos):
tutoriais adobe illustrator
Dica: Ao selecionar, certificar-se de que as âncoras são azul e nenhum deles branco. Para fazer isso, zoom em um pouco e clique em algum lugar no meio dos objetos (aqui - texto enfrenta).

4.8 Usando Unite no painel Pathfinder

Agora copie e cole sua seleção e usar Unir a partir de descobridor painel para juntar todas as faces selecionadas em um caminho agrupados:

Coloque a nova camada em cima do antigo e definir o seu Cor do traço para branco e acidente vascular cerebral Peso a 1pt:

Estamos quase lá.

4.9 Adicionando estilo do inclinação

Adicionando o gradiente é muito fácil - basta selecionar o objeto, clique no Gradiente painel à direita e configurar suas cores. Além disso, você sempre pode fazer uso de pré-definida bibliotecas a partir de Janela-> Swatch Libraries-> gradientes. Mas, desta vez, vamos configurá-lo manualmente.

No Gradiente painel, definir Digitar para Linear, definir primeira cor a 0 localização% ao vermelho escuro segunda cor, em 80% localização para laranja e a cor final a 100% para o vermelho brilhante, Ângulo de -90 °:
Adobe Illustrator
Dica: Use o controle deslizante superior para controlar a gama de cores do gradiente.

4.10 Adicionando Sombra

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

Primeiro, cópia (Ctrl + C) A nossa nova camada e cole-o na frente (Ctrl + F). Em seguida, mudar sua cor para traço preto e definido como nenhum, enviá-lo por trás da camada efeito 3D com Ctrl + [ (Certifique-se que está acima das camadas de fundo):
guia Adobe Illustrator
Movê-lo para baixo usando as teclas de seta (você também pode alterar as coordenadas Y do painel Transformar para ser mais preciso):
tutoriais adobe illustrator

4.11 Aplicando Gaussian Blur

Nossa sombra não parece realista agora- precisamos esbater-lo um pouco. Vamos para Efeito-> Blur> Gaussian Blur e definir Radius para 9 pixels:
Adobe Illustrator
Acabamos!

5. Algumas dicas úteis

Dicas e truques são infinitas, mas vou mostrar-lhe algumas delas:

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

• Sempre verifique a paleta Layers - ao trabalhar com muitos objetos e camadas, é realmente útil para nomear suas camadas e verificar como suas camadas estão alinhadas (se uma camada é acima ou abaixo do outro, é bloqueada, etc.);

• estilos Re-editar camada a qualquer hora que você precisa - sim, você sempre pode mudar as configurações de estilo ou efeito que você já aplicados a um objeto ou uma camada antes através de painel Aparência (Janela-> Aparência);

• Usar Bibliotecas - há alguns nice bibliotecas pré-definidos de fazer uso de em suas obras. Ir para Janela-> Bibliotecas e escolha de Brush Libraries, bibliotecas de amostras, o gráfico do estilo bibliotecas ou bibliotecas de símbolos. Há muitos deles.

6. Conclusão

Espero que tudo estava claro o suficiente para você começar a amar Adobe Illustrator. O que eu tenho abordado neste guia é apenas o básico. Da próxima vez vou mostrar usos mais complexos de outras ferramentas incríveis e truques. Até então - prática.

Guia Publicado em: agosto 2012

Faça o download deste Guia
» » A guia do novato para adobe illustrator