Home-theater-designers
Quer começar a aprender Adobe Illustrator , mas se sente oprimido? Confira 'Getting Started With Illustrator', o primeiro manual do Illustrator da MakeUseOf. Com instruções fáceis de seguir e muitas capturas de tela com anotações, este manual simplifica o aprendizado do Illustrator.
Adobe Illustrator é um programa de desenho vetorial. É frequentemente usado para criar logotipos, ícones, ilustrações, gráficos, infográficos, camisetas, cartões de visita, papelaria, envelopes, design de embalagens - você escolhe. Resumindo, ele é usado principalmente para criar gráficos de alta resolução, que mais tarde também podem ser impressos.
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 redimensionados para caber em faixas do tamanho de arranha-céus; imagens raster não podem. Por causa disso, o Illustrator é usado para fazer desenhos que precisam ser redimensionados facilmente - coisas como logotipos.
Este manual do Adobe Illustrator explica as ferramentas básicas necessárias para fazer um logotipo, então dê uma olhada. Abra o Illustrator você mesmo e acompanhe para realmente sentir o incrível programa de arte vetorial da Adobe.
Índice
§2 - A área de trabalho do Illustrator
§3 - Criação de um logotipo no Illustrator
§4 - Criação de um texto 3D no Illustrator
1. Introdução
Se você decidiu aprender Illustrator, precisa começar com o básico. É um programa realmente 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.
Adobe Illustrator é um programa de desenho vetorial. É frequentemente usado para criar logotipos, ícones, ilustrações, gráficos, infográficos, camisetas, cartões de visita, papelaria, envelopes, design de embalagens - você escolhe. Resumindo, ele é usado principalmente para criar gráficos de alta resolução, que mais tarde também podem ser impressos.
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 redimensionados ou ampliados para qualquer tamanho sem perder qualidade, enquanto as imagens raster (como uma imagem editada no Photoshop) irão pixelar conforme você dimensiona:
Basicamente, os desenhos vetoriais podem ser redimensionados para caber em banners do tamanho de arranha-céus; imagens raster não podem. Portanto, se você planeja usar seu trabalho para vários tamanhos, use um programa baseado em vetor como o Illustrator.
• Vantagens dos gráficos vetoriais:
• Alta resolução em qualquer tamanho;
• Tamanho de arquivo pequeno;
• Impressão de alta qualidade;
• Sem perda de resolução durante a edição.
Desvantagens:
• É difícil produzir desenhos realistas (mas ainda é possível).
Ok, então você ainda está lendo este guia. Isso me diz que você realmente deseja se aproximar do Illustrator, então estou aqui para compartilhar meu conhecimento com você. Neste guia, vou apresentar a você o espaço de trabalho, ferramentas básicas, formas e vamos criar nosso primeiro logotipo usando este software incrível.
Observe que estou usando o Illustrator CS5 no Windows, portanto, os usuários de Mac terão que usar combinações de teclas ligeiramente diferentes: Comando chave em vez de Ctrl e Opção ao invés de Tudo .
2. A área de trabalho do Illustrator
Se você está familiarizado com o Photoshop, o espaço de trabalho do Adobe Illustrator não o surpreenderá muito, pois as partes principais dele são basicamente as mesmas:
Você usará principalmente o painel Ferramentas, uma vez que todas as ferramentas de que você precisa 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 - ela mantém paletas importantes como amostras de cores, camadas, opções de traços, aparência, configurações de gradiente, etc. (todas as paletas podem ser ativadas ou desativadas no janelas cardápio).
Vamos verificar o Ferramentas painel 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 Retângulo , contém mais ferramentas internas, que podem ser selecionadas segurando o ícone da ferramenta):
Sempre digo que a melhor forma de aprender é praticando. Então, vamos aprender as ferramentas básicas, usando-as de fato.
3. Criação de um logotipo no Illustrator
Normalmente uso o Adobe Illustrator para criar logotipos para meus clientes. Por que não experimentamos um?
Vamos chamar nossa empresa incrível LimeWorks . Precisamos criar um limão e colocar o nome abaixo dele. Assim:
Porém, lembre-se de que criaremos um logotipo simples, apenas para que você se familiarize com algumas ferramentas e métodos. Vamos começar desenhando segmentos de limão.
3.1 Usando a ferramenta Pen
Vamos usar o Caneta ferramenta, que é uma das ferramentas mais usadas no Illustrator. Ele é 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.
jogos para jogar com amigos do facebook
Usando a ferramenta Caneta, crie seu primeiro triângulo clicando três vezes onde deseja que as bordas fiquem:
Nota: como você pode ver, 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. Certifique-se de que o triângulo esteja selecionado (clique nele com Ferramenta de seleção, V ) e escolha um tom amarelo:
3.2 Fazendo Cantos Arredondados
Precisamos de cantos arredondados para fazer com que nosso segmento de cal (triângulo) pareça mais liso. Vamos usar o Cantos arredondados efeito:
No Cantos arredondados caixa de diálogo, 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, para que pareça mais realista.
3.3 Adicionando efeitos do Photoshop
No Adobe Illustrator, ao acessar o menu Effects, você verá que existem Illustrator Effects e Photoshop Effects:
Nós vamos usar Vitral (Efeitos-> Textura-> Vitral) .
Mas antes disso, precisamos de uma cópia do nosso triângulo acima da camada original.
3.4 Copiando Objetos
Vou mostrar algumas dicas rápidas sobre como copiar e colar objetos facilmente acima e abaixo da camada atual, mantendo a posição exata.
Para colar uma cópia de um objeto selecionado acima do original na posição exata, primeiro copie-o ( Ctrl + C) e cole usando Ctrl + F (se você usar Ctrl + V irá colá-lo no meio da tela). Para colar abaixo do objeto original, use Ctrl + B :
OK, agora você conhece os truques de copiar / colar.
Copie e cole nosso triângulo bem na frente dele (Ctrl + F) e preencha o objeto colado com a cor branca:
Abra o Vitral caixa de diálogo e definir como meu ( Tamanho da célula = 17; Espessura da borda = 2; Intensidade de luz = 0 ):
3.5 Expandir Aparência
Expandir aparência está localizado no Objeto menu e é uma das ferramentas mais importantes do Illustrator. Pode exigir um guia separado para descrever em detalhes, mas hoje estamos apenas aprendendo o básico.
Então, 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 Vitral efeito sobre ele e vá para Objeto-> Expandir Aparência . Agora nosso objeto é uma imagem:
3.6 Live Trace
Outro recurso interessante do Adobe Illustrator, Traço vivo é usado para converter imagens raster em objetos de rastreamento. Já existem algumas predefinições de rastreamento padrão, mas usaremos as configurações personalizadas.
Vamos para Objeto-> Rastreamento ao vivo -> Opções de rastreamento e defina os valores conforme abaixo:
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 texturizado está agora traçado e pronto para ser retornado aos caminhos, usaremos Expandir :
Como você pode ver, nossa textura agora é um conjunto de caminhos , mas precisamos mudar sua cor de preto para branco. Desta vez vamos usar Golpe (já que a textura é um conjunto de traços):
OK. Mas agora está um pouco nítido. Vamos borrar um pouco.
3.8 Efeito de desfoque
Vamos para Efeitos-> Desfoque-> Desfoque Gaussiano , defina o raio para 2,8 pixels e você deve ter isto:
Neste ponto, terminamos nossa fatia de limão. O resto é mais fácil.
3.9 Objetos de agrupamento
Neste ponto, nossa fatia de limão está pronta e precisamos duplicá-la. Mas é composto de várias camadas (objetos), então para tornar as coisas mais fáceis durante a duplicação, vamos Grupo eles.
Para agrupar um conjunto de objetos, selecione-os arrastando o mouse ao redor deles e clicando Ctrl + G . Outra maneira conveniente de selecionar vários objetos é segurando Mudança e clicando em objetos.
Mas, uma vez que não temos nenhum outro objeto em nossa prancheta, você pode selecionar todos os objetos ( Ctrl + A ) e agrupá-los ( Ctrl + G ):
3.10 Usando a ferramenta Girar
Girar a ferramenta (R) é usada para ... adivinhe? Sim, para girar objetos ou formas.
Selecione a ferramenta Girar e Alt + clique no topo do triângulo para definir nosso centro de rotação. Na caixa pop-up, defina como segue e clique em cópia de :
Você deve ter isso agora:
3.11 Um pequeno truque
Há um pequeno truque (um entre 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 ) Ele repete ou aplica a última transformação ao objeto selecionado.
É útil para nossa prática também. Selecione a nova fatia e use Ctrl + D 6 vezes:
Voila! Temos um limão saboroso. Agora, alguns detalhes.
Em primeiro lugar, agrupe todas as fatias para manter as coisas em ordem. Em seguida, certifique-se de que nada esteja selecionado clicando em qualquer outro lugar da prancheta.
3.12 Desenhando um Círculo
Selecione uma cor verde claro para Preencher e nenhum para Golpe :
Selecione os Elipse ferramenta (uma sub-ferramenta sob Retângulo ou acertar A ):
Segurar Shift + Alt , aponte o mouse para o centro do limão e arraste o mouse até obter um círculo que cobre todo o limão:
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 é em frente ou acima de nosso limão. Para enviar 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 então Ctrl + B :
Mude sua cor de preenchimento para um verde mais escuro e torne-o um pouco maior do que o primeiro círculo segurando Shift + Alt e arrastando um de seus pontos de referência:
Isso parece muito bom. Ainda melhor: terminamos com a parte difícil.
3.14 Adicionando Texto
Vamos adicionar o nome da nossa empresa abaixo do limão. Selecione Modelo ferramenta ( T ), clique sob o limão e digite LimeWorks :
Agora vamos alinhar tudo ao centro.
3.15 Alinhando 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á ativa. Veja abaixo para entender os vários alinhamentos:
Observe que esses exemplos são verdadeiros para Alinhar à prancheta :
Se você escolher Alinhar à seleção , os objetos serão alinhados em relação aos limites externos da seleção.
OK. Selecione todos os objetos (Ctrl + A) e no painel de controle, clique em Alinhamento Horizontal Centro (número 2):
É isso. Agora você pode brincar com tamanhos e cores se quiser.
Se você diminuir o limão e alterar as cores do texto, ele ficará muito melhor:
Tudo bem, parabéns pelo seu primeiro logotipo!
Vamos salvar e exportar.
3.16 Salvando e Exportando
Para salvar seus arquivos do Illustrator, basta clicar Ctrl + S (como sempre) e vai salvá-lo em .ao formato.
Se você quiser salvar seu logotipo em. png , então você pode usar uma de duas maneiras: Arquivo-> Exportar ou Arquivo-> Salvar para a Web e dispositivos .
Enquanto a segunda forma exporta toda a prancheta, a primeira permite exportar apenas o (s) seu (s) objeto (s).
Aqui está um exemplo:
Observação : você sempre pode alterar o tamanho do seu Artb oard (Arquivo-> Configuração de documento e clique em Editar pranchetas ) Depois disso, quando você usa Salvar para a Web e dispositivos você verá que o tamanho da imagem é o novo tamanho da sua prancheta.
Observe também: você pode verificar 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. Criação de um texto 3D no Adobe Illustrator
Embora os gráficos vetoriais sejam tipicamente bidimensionais, você também pode criar objetos 3D de boa aparência. Neste tutorial, criaremos um texto 3D simples com um fundo sujo como abaixo:
Como eu disse, agora estamos aprendendo o básico, para que você se familiarize mais com a interface e algumas ferramentas úteis. Depois de fazer isso, 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.
Vá para o seu site favorito para texturas e fundos gratuitos e encontre um bom fundo sujo. Eu peguei um de Stock Image :
Copie e cole em seu documento do Adobe Illustrator. Provavelmente será muito grande, então você precisará reduzi-lo. Usar Painel de transformação para controlar o tamanho da sua imagem:
Nota: você pode usar seus próprios valores, apenas certifique-se de que eles se ajustem ao documento.
Agora temos nossa imagem de fundo pronta, mas vamos adicionar mais alguns efeitos a ela. Primeiro, vamos criar um retângulo e depois adicionar o efeito Inner Glow e usar o painel Transparency para alterar a mistura entre a imagem e o retângulo.
4.2 Criando um Retângulo
Selecione Retângulo em Ferramentas (M), desenhe um retângulo, do mesmo tamanho de sua imagem de fundo (você pode querer usar o Transformar painel para definir valores exatos) e definir o Preencher cor para marrom claro e sem traços:
4.3 Adicionando Efeito de Brilho Interno
Vamos para Efeito-> Estilizar-> Brilho interno e defina os valores conforme mostrado:
Aqui está o que você deve ter:
4.4 Usando o Painel de Transparência
Você sempre pode usar Painel de transparência para alterar a maneira como um objeto ou camada se mistura com as camadas abaixo. Primeiro, vamos enviar nosso retângulo atrás da imagem. Selecione o retângulo clicando nele e use Ctrl + [ .
Agora selecione a camada da imagem clicando na imagem e abra Painel de Transparência (Janela-> Transparência) e escolher Multiplicar como o modo de mistura:
Agradável. Acabamos com o plano de fundo. Vamos ao texto 3D propriamente dito.
4.5 Trabalhando com a ferramenta Type
Usando o Ferramenta de tipo (T) escrever MakeUseOf com alguma fonte legal (eu escolhi Diavlo Bold , que pode ser baixado em exljbris Font Foundry ) Faça grande o suficiente como 65pt , definir rastreamento para -vinte e escolha o Branco cor:
4.6 Criando Contornos
Usar Criar contornos - clique com o botão direito 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 também ao texto. Selecione o texto, vá para Efeito-> 3D-> Extrusão e Bisel e aplique da seguinte forma:
Isso é o que você deveria ter até agora:
Agora precisamos separar as faces do texto e nosso efeito 3D um do outro. Usar Expandir aparência fazer isso ( Objeto-> Expandir Aparência )
Com Ferramenta de Seleção Direta (A) , selecione apenas as faces do texto (segure Mudança para selecionar vários objetos):
Gorjeta : ao selecionar, certifique-se de que as âncoras são azul e nenhum deles branco. Para fazer isso, amplie um pouco e clique em algum lugar no meio dos objetos (aqui - faces de texto).
4.8 Usando o painel Unite do Pathfinder
Agora copie e cole sua seleção e use Unido a partir de Pathfinder painel para unir todos os rostos selecionados em um caminho agrupado:
Coloque a nova camada em cima da antiga e defina seu Cor do traço para branco e Peso do curso a 1pt:
Estamos quase lá.
4.9 Adicionando Estilo de Gradiente
Adicionar o gradiente é muito fácil - basta selecionar o objeto, clicar no Gradiente painel à direita e configure suas cores. Além disso, você sempre pode fazer uso de Bibliotecas a partir de Janela-> Bibliotecas de amostras-> Gradientes . Mas desta vez, vamos configurar manualmente.
No Gradiente painel, conjunto Modelo para Linear , defina a primeira cor na localização de 0% para vermelho escuro, a segunda cor na localização de 80% para laranja e a cor final em 100% para vermelho brilhante, Ângulo para -90 °:
Gorjeta : use o controle deslizante superior para controlar a gama de cores do gradiente.
4.10 Adicionando Sombra
Para dar ao nosso texto alguma profundidade, vamos adicionar um pouco de sombra a ele. Vamos usar o Gaussian Blur efeito.
Primeiro, copie ( Ctrl + C ) nossa nova camada e cole-a na frente ( Ctrl + F ) Em seguida, mude sua cor para preto e defina o traço como nenhum, envie-o para trás da camada de efeito 3D com Ctrl + [ (certifique-se de que está acima das camadas de fundo):
Mova-o para baixo usando as teclas de seta (você também pode alterar as coordenadas Y no painel Transform para ser mais preciso):
4.11 Aplicando Gaussian Blur
Nossa sombra não parece realista agora; precisamos desfocá-lo um pouco. Vamos para Efeito-> Desfoque-> Desfoque Gaussiano e defina o raio 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 Shift + clicar em cada um, você pode simplesmente bloquear o fundo com Ctrl + 2 ou colocar um sinal de cadeado o painel Camadas.
• Sempre verifique a paleta Layers - ao trabalhar com muitos objetos e camadas, é muito útil nomear suas camadas e verificar como elas estão alinhadas (se uma camada está acima ou abaixo da outra, está bloqueada, etc.);
• Edite novamente os estilos de camada sempre que precisar - sim, você sempre pode alterar as configurações de estilo ou efeito que já aplicou a um objeto ou camada por meio do painel Aparência (Janela-> Aparência);
• Use Bibliotecas - existem algumas belas bibliotecas predefinidas para usar em seus trabalhos. Vá para Janela-> Bibliotecas e selecione Bibliotecas de pincéis, Bibliotecas de amostras, Bibliotecas de estilos gráficos 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 abordei neste guia é apenas o básico. Na próxima vez, mostrarei usos mais complexos de outras ferramentas e truques incríveis. Até então - prática .
Guia publicado: agosto de 2012
Compartilhado Compartilhado Tweet O email Como acessar o nível de bolha integrado do Google no AndroidSe você já precisou ter certeza de que algo está nivelado em um aperto, agora você pode obter um nível de bolha em seu telefone em segundos.
Leia a seguir Tópicos relacionados- Criativo
- Design auxiliado por computador
- Forma longa
- Guia Longform
Assine a nossa newsletter
Junte-se ao nosso boletim informativo para dicas de tecnologia, análises, e-books grátis e ofertas exclusivas!
Clique aqui para se inscrever