O 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 de 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 podem. 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 ilustradora espaço de trabalho

Video: 01 Curso de Illustrator CC para principiantes: Menú Archivo y Movimientos Básicos

§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ê decidiu 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?

Video: Adobe Illustrator CC

Isso significa que os gráficos vetoriais (como um desenho Illustrator) pode ser escalado ou ampliado para qualquer tamanho sem perder qualidade, enquanto as imagens raster (como uma imagem editada no Photoshop) pixelate como você escala:

Basicamente, desenhos vector pode ser dimensionado para se ajustar arranha-céus de tamanho imagens de varredura das bandeiras não pode. Então, se você pretende usar seu trabalho para vários tamanhos, use um programa baseado em vetores como o Illustrator.

• Vantagens de gráficos de vetor:

• Alta resolução em qualquer tamanho-

• tamanho- arquivo pequeno

• IMP 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 quer se aproximar com o 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 vão 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:

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 Swatches, camadas, opções de curso, 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 Tools

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 internas, que podem ser selecionados segurando o ícone da ferramenta):

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:

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

3.1 Usando a ferramenta Pen

Usaremos o Caneta ferramenta, que é uma das ferramentas mais utilizadas no Illustrator. Ele é usado para criar todos os tipos de formas e objetos. Selecioná-lo 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 em que você deseja as bordas para ser:

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

Para fechar o caminho, clique no primeiro ponto:

Agora ele está pronto para ser preenchido com uma cor. Certifique-se o triângulo é selecionado (clique nele com ferramenta de selecção, V) E escolha um tom amarelo:

3.2 Fazendo Round Corners

Precisamos de cantos arredondados, a fim de tornar o nosso segmento de cal (triângulo) mais suave. Usaremos o cantos arredondados efeito:

No cantos arredondados caixa de diálogo, colocar algo como 4 milímetros (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 Photoshop

Em Adobe Illustrator, quando você vá até o menu Effects, você vai ver que existem efeitos ilustrador e dos efeitos de Photoshop:

Nós vamos usar Vitral (Efeitos gt; textura-gt; vitral).

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

3.4 copiar 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.

Video: Alternative Drawing Techniques in Adobe Illustrator CC

Para colar uma cópia de um objecto seleccionado por cima do original na posição exacta, primeiro copie-(Ctrl + C) e colá-lo usando Ctrl + F (se você usar 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 copiar / colar.

Copie e cole o nosso triângulo em 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 (O tamanho de célula = 17- espessura border = 2- A intensidade da luz = 0):

3,5 Expand Appearance

Expandir aparência está localizado no Objeto menu e é uma das ferramentas mais importantes no Illustrator. Ela pode exigir um guia separado para descrever em detalhes, mas hoje estamos apenas aprender o básico.

Assim, em termos simples, Expandir aparência é utilizado para dividir um objeto em caminhos ou imagens separadas após 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 Objecto gt; Expand Appearance. Agora nosso objetivo é uma imagem:

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 configurações personalizadas.

Vamos para Objetos gt; Traçado -gt; Opções de rastreamento e os valores definidos como a seguir:

3.7 Expandir

Expandir é utilizado para converter objectos de rastreio em caminhos editáveis ​​(vector). Depois de traçar uma imagem raster, você deve usar Expandir.

Como nosso objeto textura agora é rastreada e pronto para ser devolvido aos 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 borrão

Vamos para Efeitos-gt; borrão-gt; borrão Gaussian, definir raio para 2,8 pixels e você deve ter o seguinte:

Neste momento, estamos a fazer com a nossa fatia de limão. O resto é mais fácil.

3,9 objectos Agrupamento

Neste momento a nossa fatia de limão está pronto, e nós precisamos de duplicá-lo. Mas ele é composto de múltiplas 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 Ctrl + L. 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 um grupo deles (Ctrl + L):

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 no topo do triângulo para definir o nosso centro de rotação. Na caixa de pop-up definido da seguinte forma e clique cópia de:

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. Selecione a nova fatia e usar Ctrl + D 6 vezes:

Voila! Temos um limão saboroso. Agora, para alguns detalhes.

Primeiro de tudo, do grupo todas as fatias em conjunto para manter as coisas em ordem. 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 Encher e nenhum para Acidente vascular encefálico:

Selecione os Elipse ferramenta (um 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 cobre toda a cal:

Nota: você não tem que encontrar o centro exato para começar com - vamos alinhar objetos mais tarde.

3.13 organização de 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:

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 Tipo 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:

Note-se que estes exemplos são verdadeiras para Alinhar à prancheta:

Se você escolher Alinhar à Seleçã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 do painel de controle, clique em Horizontal Align Center (número 2):

É 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:

Tudo bem, parabéns com o seu primeiro logo!

Vamos começar a 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: File-gt; Export ou File-gt; 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 (File-gt; 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.

Observe também: 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 em 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. Tomei um do Stock Image:

Copiar e colá-lo em seu documento Adobe Illustrator. Muito provavelmente será muito grande, então você terá que 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 temos a nossa imagem de fundo pronto, mas vamos adicionar mais alguns efeitos a ele. Primeiro, vamos criar um retângulo e, em seguida, vamos adicionar efeito Inner Glow e usar painel Transparência para mudar mistura entre a imagem e o retângulo.

4.2 Criação de um retângulo

Selecione Retângulo 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 exactos) e definir o Encher cor para castanho-claro e nenhum traço:

4.3 Adição de Brilho interno Efeito

Vamos para Efeito-gt; Estilização-gt; Brilho interno e definir valores como mostrado:

Aqui está o que você deve ter:

4.4 Uso do painel Transparência

Você sempre pode usar painel transparência para alterar a forma de um objecto ou de uma camada de mistura com 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 de imagem clicando na imagem e aberto Painel de transparência (Janela-gt; transparência) e escolha Multiplicar como o modo de mistura:

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

4.5 Trabalhando com ferramenta Type

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 rastreamento para -20 e escolher o Branco cor:

4.6 Criar Contornos

Usar Criar contornos - clique com o botão direito sobre o texto e escolha Criar contornos, para converter texto em caminhos vetoriais:

4.7 Adição de efeitos 3D

efeitos 3D pode ser aplicada a todos os objetos, bem como texto. Selecione o texto, vá para o Efeito-gt; 3D-gt; Extrusão & bisel e aplicar as seguintes:

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

Agora temos de separar as faces do texto e nosso efeito 3D do outro. Usar Expandir aparência fazer isso (Objecto gt; Expand Appearance).

Com Direct Selection Tool (A), selecionar apenas as faces do texto (mantenha Mudança para selecionar vários objetos):

Gorjeta: 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).

Usando 4,8 unem-se a partir do painel Pathfinder

Agora copie e cole sua seleção e usar Unir a partir de decalcador 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 curso Peso a 1pt:

Estamos quase lá.

4.9 Adição de Gradiente Estilo

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é-definido bibliotecas a partir de Janela-gt; Amostra de Bibliotecas-gt; Gradientes. Mas desta vez, vamos configurá-lo manualmente.

No Gradiente painel, configurado Tipo para Linear, definir primeira cor, a 0% de localização para vermelho escuro segunda cor, a 80% de localização para laranja e a cor final a 100% para o vermelho brilhante, Ângulo de -90 °:

Gorjeta: Usar o cursor superior para controlar a gama de cores do gradiente.

4.10 Adicionando Sombra

Para dar o nosso texto alguma profundidade, vamos adicionar um pouco de sombra para ele. Usaremos o Gaussian blur efeito.

Primeiro, cópia (Ctrl + C) A nossa nova camada e colá-lo em frente (Ctrl + F). Em seguida, mudar sua cor para traço preto e definido para nenhum, enviá-lo por trás da camada efeito 3D com Ctrl + [ (Certifique-se que está acima das camadas de fundo):

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

4.11 Aplicando Gaussian Blur

Nossa sombra não parece realista agora- precisamos esbater-lo um pouco. Vamos para Efeito-gt; borrão-gt; borrão Gaussian e definir Radius de 9 pixels:

Acabamos!

5. Algumas dicas úteis

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

• Bloqueio de camadas - quando você quer 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 - quando se trabalha 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, é bloqueado, 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 de uma camada antes através de painel Aparência (Janela- gt; Aspecto) -

• Usar Bibliotecas - há alguns nice bibliotecas pré-definidos de fazer uso de em seus trabalhos. Ir para Window-gt; Bibliotecas e selecione a partir da escova Libraries, bibliotecas de amostras, o gráfico do estilo bibliotecas ou bibliotecas de símbolos. Há muitos deles.

Video: Adobe Illustrator CC | 3D Logo Design Tutorial (Claw)

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: agosto 2012