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
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.
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 Stanojevic
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