sábado, 7 de junho de 2014

Criar o ícone de cadeado no Adobe Illustrator


WP Greet Box icon
X
Bem-vindo ao VectorCove.com! Se você encontrar este site útil, você pode querersubscrever a nossa newsletter gratuita para atualizações sobre nossos novos tutoriais do vetor e artigos.
Hoje vamos estar a criar outro ícone bonito (ícone de cadeado no Illustrator) que pode ser usado no campo webdesign. Nós vamos ter certeza para criar um agradável e ilustração atraente em perspectiva.
Desta vez, vamos certificar-se para criar o ícone com apenas uma pequena ajuda de efeitos 3D e uma grande ajuda de gradientes de cor.

Imagem Final

Criar o ícone de cadeado no Adobe Illustrator

Passo 1

Vamos começar pelo desenho de uma forma simples, como mostrado nas fotos a seguir. Pegue a ferramenta Pen (P) a partir do Painel de ferramentas e começar a desenhar.

Passo 2

Vamos tentar simular o "olhar de metal do cadeado". Podemos conseguir isso utilizando um gradiente linear com diferentes tons de cinzento. Certifique-se de alinhar os tons gradientes para a borda da base cadeado.

Passo 3

Selecione a Pen Tool (P) a partir do Painel Tool novamente e desenhar a forma que irá representar o fundo do cadeado.

Passo 4

Vamos aplicar um gradiente linear para o fundo também.
Certifique-se de colocar as barras, como mostrado na figura abaixo.

Passo 5

Agora temos que dividir o objeto básico pela metade. A fim de manter a forma do cadeado que temos para criar um caminho perfeito que vai nos ajudar a dividir o objeto. Duplicar (Ctrl / Cmd + C, Ctrl / Cmd + F) a forma básica do cadeado. Sob Clique direito selecione Isolar caminho selecionado. Isso irá isolar a cópia que acabamos de criar e nos permite editá-lo sem estragar o resto da ilustração. Pegue o caminho de Seleção Direta (A) a partir do Painel de ferramentas e selecione todos os pontos âncora ao lado dos que estavam no lado de cima do cadeado. Pressione a tecla Delete no teclado para remover todos os pontos de ancoragem selecionados.
Você deve acabar com algo parecido com isso.
Remova a cor de preenchimento e definir a cor do traço para qualquer cor que você gosta (a cor não é importante). Coloque o caminho como mostrado na figura abaixo. Se você precisa redimensionar o caminho apenas fazê-lo. Apenas certifique-se que o caminho está sobrepondo a forma embaixo.

Passo 6

Duplicar (Ctrl / Cmd + C, Ctrl / Cmd + F) novamente a forma básica do cadeado. Selecione o caminho roxo da etapa anterior ea cópia que acabamos de criar e sob o painel Pathfinder apertar o botão Divide.

Passo 7

Desagrupar (Shift + Ctrl / Cmd + G) nova forma e retire a parte superior. Vamos aplicar um bom gradiente linear vermelho para a parte inferior (não se esqueça de colocar a nova forma logo abaixo da parte inferior do cadeado).

Passo 8

Agora vamos criar um lugar para o buraco da fechadura. Pegue a ferramenta Ellipse (L) a partir do Painel de ferramentas e criar uma elipse, como mostrado na figura abaixo. Certifique-se de não criar um círculo perfeito. Precisamos preservar a perspectiva. Esta é a razão pela qual precisamos de um círculo distorcido.

Passo 9

Vamos aplicar um gradiente radial de nossa elipse. Vamos colocar os gradientes sliders muito próximos uns dos outros. Além de que, cutucar o gradiente um pouco para baixo. Desta forma, nós vamos ter uma linha fina agradável na parte superior da elipse. Ele vai representar a pequena sombra.

Passo 10

Duplicar (Ctrl / Cmd + C, Ctrl / Cmd + F) elipse a partir do passo anterior, escalá-lo um pouco para baixo e aplique um gradiente radial, conforme mostrado na figura abaixo.

Passo 11

Repita o passo anterior (duplicar [Ctrl / Cmd + C, Ctrl / Cmd + F] menor elipse) e aplicar um gradiente radial.

Passo 12

Vamos repetir o passo anterior mais uma vez. Certifique-se de baixar a nova elipse um pouco. Você também pode usar a opção de deslocamento. Selecione o menor elipse que criamos até agora, e sob o objeto selecione Caminho> Caminho Deslocamento. Defina o valor para -1 px e aperte o botão Copiar.Ele vai criar uma nova ellipse.We escalado vai aplicar um gradiente radial de novo elipse também.

Passo 13

Usando a mesma técnica eo mesmo gradiente radial criar outra elipse menor.

Passo 14

Vamos criar um buraco de fechadura agora. Para isso vamos usar a ferramenta retângulo arredondado e a Ellipse Tool (L).

Passo 15

Agora precisamos rodar o buraco da fechadura para fazê-lo coincidir com o resto do cadeado.Selecione o buraco da fechadura e sob o efeito de seleção 3D> Extrude & Bevel. Defina a profundidade de 0 e Perspectiva para 100. Sinta-se livre para brincar com a rotação um pouco até encontrar o ângulo certo para o buraco da fechadura.
Quando estiver satisfeito com o resultado selecione Objeto> Expand Appearance.

Passo 16

Defina a cor de preenchimento do buraco da fechadura para cinza escuro (# 534741).

Passo 17

Agarre a ferramenta retângulo arredondado formam o painel de ferramentas e criar uma forma como mostrado na imagem abaixo.

Passo 18

Agora precisamos adicionar alguns pontos de ancoragem e para remover outros. Agarre a ferramenta Adicionar ponto de ancoragem (+) a partir do Painel de ferramentas e adicionar dois pontos de ancoragem.

Passo 19

Selecione a ferramenta Seleção Direta (A) a partir do painel de ferramentas, selecione todos os pontos âncora abaixo os novos e removê-los pressionando a tecla Delete no teclado. Remova a cor de preenchimento e definir a cor do traço para qualquer cor que você quiser. Você deve acabar com algo parecido com isso.

Passo 20

Defina o curso para 33.

Passo 21

Gire a forma amarela um pouco e aplicar efeito 3D Extrude & Bevel, a fim de encontrar a perspectiva correta.

Passo 22

Certifique-se de definir a profundidade a 0 e as perspectivas para 100.
Quando estiver satisfeito com o resultado atingiu o Object> Expand Appearance.

Passo 23

Vamos colocar a nova forma em seu lugar.

Passo 24

Duplicar (Ctrl / Cmd + C, Ctrl / Cmd + F) a maior forma de cadeado. Selecione a cópia que acabamos de criar e da parte superior do cadeado e sob o painel Pathfinder apertar o botão Minus Front.

Passo 25

Vamos aplicar um gradiente radial bom para a nova forma.
Além da aplicação de um gradiente radial, precisamos criar mais algumas sombras e reflexos. Para isso vamos criar vários arcos que vão transformar a reflexos e sombras, ajustando as configurações de traçado. Vamos começar.

Passo 26

Pegue a ferramenta Arc a partir do Painel de ferramentas e clique direito em algum lugar na prancheta. A janela de opções da ferramenta Segmento Art irá aparecer. Deixe tudo como está e aperte o botão OK. Ele vai criar o arco que você deve colocar como mostrado na figura abaixo.

Passo 27

Agora, abra o Painel de Stroke. Precisamos fazer alguns ajustes. Precisamos aumentar a espessura do traçado e para definir o perfil Stroke para Perfil Largura 4.

Passo 28

De acordo com o objeto selecionado Expand Appearance, defina a cor de preenchimento para # B3B3B3. Você deve acabar com algo parecido com isso.

Passo 29

Repita este passo mais alguns tempo, utilizando para cada forma um outro tom de cinza, a fim de criar reflexos e sombras.
Basicamente, nosso ícone de cadeado é feito, mas há mais algumas coisas que podemos fazer. Alguns detalhes importantes irá atualizar nossa ilustração e torná-lo mais vivo. Muitas pessoas tentam enfatizar as bordas, adicionando um traço básico em torno de algumas formas. Na verdade, existem outras formas mais eficientes de fazer isso. Nós estaremos usando a Pen Tool (P) para criar formas irregulares que serão transformados em reflexões. Além de que vamos fazer alguma duplicação e remoção de pontos de ancoragem para certificar-se para criar destaques que seguem as bordas. Então, vamos começar.

Passo 30

Escolha da elipse que constitui a parte do meio do cadeado. Duplicar (Ctrl / Cmd + C, Ctrl / Cmd + F) duas vezes e empurrar uma das cópias para baixo por 1 pixel.

Passo 31

Selecione as duas cópias e sob o painel Pathfinder apertar o botão Minus Front. Defina a cor de preenchimento da nova forma de # B3B3B3.

Passo 32

Você deve acabar com algo parecido com isso.

Passo 33

Repita este passo para a parte inferior também.

Etapa 34

E, para o buraco da fechadura também.

Etapa 35

Selecione o maior elipse e duplicá-lo (Ctrl / Cmd + C, Ctrl / Cmd + F). Deslocar a cópia 2 pixels para baixo.

Etapa 36

Duplique a forma vermelha debaixo das elipses. Selecione as duas cópias e sob o painel Pathfinder apertar o botão Intersect.

Passo 37

Certifique-se de definir a cor de preenchimento da nova forma para # D30403 e colocá-la debaixo de todas as elipses. Esta forma é, na verdade, a sombra que as elipses estão lançando na parte vermelha do cadeado.

Passo 38

Vamos duplicar (Ctrl / Cmd + C, Ctrl / Cmd + F) a forma vermelha novamente. Vamos remover alguns pontos de ancoragem que constituem esta forma. Sob o Right Click selecione Isolar caminho selecionado. Desta forma, só vamos editar a cópia da forma vermelho sem estragar o resto da ilustração.

Etapa 39

Agarre a Direct Selection Tool (A) a partir do Painel de ferramentas selecionar e remover os pontos de ancoragem, como mostrado na imagem abaixo.

Passo 40

Remova a cor de preenchimento e definir a cor do traço para # FE4639. Também certifique-se de escolher Perfil Largura 1 no drop down list perfil.
Desta forma, criamos uma pequena espessura da parte vermelha do cadeado.

Passo 41

Nós vamos usar exatamente a mesma técnica para criar mais algumas formas que enfatizam as bordas. Nas seguintes fotos você pode ver para onde estamos indo para criá-los.

Etapa 42

Criaremos também um outro detalhe (e não um passo importante, mas pode ser útil). Duplicado (Ctrl / cmd + F) na forma de base (forma de metal) do cadeado e remover todos os pontos de ancoragem ao lado as que constituem o lado superior da forma. Remova a cor de preenchimento e definir a cor para # 969696 Curso. Mova o caminho para baixo e coloque-o, uma vez que mostra a imagem abaixo.

Passo 43

Pegue a ferramenta Pen (P) a partir do Painel de ferramentas mais uma vez e criar uma forma como esta.
Remova a cor do traço e definir a cor de preenchimento para # FE3220.

Passo 44

Criar formas semelhantes para os outros cantos do cadeado bem.

Passo 45

Precisamos criar uma linha reta que vai ser paralelo com a parte de cima do cadeado. Apenas certifique-se de colocá-lo 1 pixel menor. Defina a cor do traço para # B3B3B3 e certifique-se de definir o perfil Perfil Largura 1.

Passo 46

Pegue a ferramenta Retângulo (M) a partir do Painel de ferramentas e crie um retângulo como mostrado na figura abaixo.

Passo 47

Duplicar (Ctrl / Cmd + C, Ctrl / Cmd + F) a maior forma de cadeado. Selecione o retângulo verde ea cópia que acabamos de criar e sob o painel Pathfinder apertar o botão Intersect.

Passo 48

Coloque a forma verde debaixo da parte vermelha do cadeado. A maneira mais fácil de fazer isso é abrir o Painel Layer (você pode encontrá-lo em janela), encontre a parte vermelha do cadeado no painel Layer e simples arrastar e soltar a camada com a forma verde logo abaixo da camada com o vermelho forma.

Passo 49

Selecione a linha que vai accros o cadeado e sob o objeto select Path Path> Deslocamento. Defina o valor para Deslocamento para 2 pixels e clique no botão OK.

Passo 50

Selecione a forma verde e a forma da etapa anterior e sob o painel Pathfinder apertar o botão Minus Front.
Você deve acabar com algo parecido com isso.

Passo 51

Aplicar um gradiente linear agradável.

Passo 52

Há mais uma coisa para criar. A sombra do cadeado concluída. Selecione todos os elementos que constituem o cadeado e Grupo-los (Ctrl / Cmd + G). Duplicar (Ctrl / Cmd + C, Ctrl / Cmd + F) o cadeado.Selecione apenas uma amostra do cadeado e sob o painel Pathfinder apertar o botão Unite.

Passo 53

Talvez você terá que Desagrupar (Shift + Ctrl / Cmd + G) a nova forma várias vezes e repetir a ação Unite até que você acabar com algo parecido com isso.

Passo 54

Aplicar um gradiente linear.

Passo 55

Agora nós estamos indo de reduzir essa forma usando não-uniforme de escala. Pegue o ponto superior meio da caixa de seleção e movê-lo para baixo.
Coloque a forma por trás do cadeado (Shift + Ctrl / Cmd + [) e ajustar a posição eo ângulo até que a sombra se encaixa no cadeado.

Conclusão

Aqui está como o seu resultado final deve ficar.
Criar o ícone de cadeado no Adobe Illustrator
Hoje tivemos um pouco de diversão criar este ícone bonito cadeado. Além de que tivemos a oportunidade de ver que nós podemos realizar muito com algumas técnicas simples. Não desanime se você não tem certeza de como desenhar algo. Há sempre uma maneira de combinar formas e cores para ajustar até chegar ao seu objetivo.
Se você tiver alguma dúvida ou um pedido para o próximo tutorial por favor poste na seção de comentários abaixo. Obrigado por seguir junto.

Autor: 

Jasmina é um autodidata vetor ilustrador da Sérvia, que tem vindo a trabalhar como designer freelancer há mais de cinco anos. Sua maior paixão é em ilustrações vetoriais e design gráfico de movimento. No seu tempo livre, ela gosta de ler histórias em quadrinhos e jogar Call of Duty 2 Você pode segui-la no twitter:. @ Muschmule

Nenhum comentário:

Postar um comentário