Ilustrar Ícone de Zoom

26/09/2010 11:38

 

Resumo:

Neste tutorial, vamos criar uma lupa de ampliação mostrando uma parte de um texto ampliada. Vamos trabalhar principalmente com o Pathfinder e algumas ferramentas básicas, mas a pen tool também será utilizada. Temos cores usando diferentes gradientes.

Detalhes do Tutorial:

Categoria: Adobe Illustrator
Dificuldade: Média

1º Passo

Crie um novo documento, 800×600pixels. Digite algum texto usando uma letra grande. Usei a font Futura neste tutorial. Depois disso, aperte (Shift + Ctrl + O) para transformar o texto em linhas. Em seguida, aplique um gradiente ao texto, conforme mostrado abaixo.

23 Ilustrar Ícone de Zoom

2º Passo

Pegue a pen tool e desenhe uma forma, como a mostrada abaixo. Copie o texto (CTRL + C) e cole em outra camada (CTRL + F). Selecione as duas formas e selecione intersect shape areas da ferramenta Pathfinder.

32 Ilustrar Ícone de Zoom

3º Passo

Repita o 2º passo para criar uma sombra, usando um tom diferente de azul.

42 Ilustrar Ícone de Zoom

4º Passo

Pegue a ferramenta Ellipse Tool e desenhe um circulo. Duplique o circulo e redimensione ele pressionando (SHIFT + ALT). Selecione os dois círculos e usando o subtract from shape area do pathfinder, depois clique em Expand.

52 Ilustrar Ícone de Zoom

5º Passo

Posicione a argola e aplique as cores do degrade conforme as configurações abaixo:

62 Ilustrar Ícone de Zoom

6º Passo

Pegue a ferramenta rounded rectangle tool e clique uma vez no palco para abrir a caixa de dialogo. Coloque os valores abaixo no retângulo. Use um gradient linear com ângulo de -111° para preenchê-lo. Além disso aplique uma borda de 1px como usada anteriormente.

73 Ilustrar Ícone de Zoom

7º Passo

Agora precisamos fazer alguns reflexos, podemos fazer isso usando a mesma técnica que usamos para criar a área laranja para o texto no 2º passo. Para a parte 1, utilizamos gradiente de branco para preto, com ângulo de 57° e opção de mesclagem screen. Para a parte 2, usamos o mesmo gradiente com ângulo de 253°. Oara a oarte 3 usamos uma cor preta.

81 Ilustrar Ícone de Zoom

8º Passo

Crie algo como uma faixa branca usando a pen tool e com stroke de 0.5 marrom como na imagem.

91 Ilustrar Ícone de Zoom

9º Passo

Agora vamos criar as fitas.

101 Ilustrar Ícone de Zoom

10º Passo

Crie um retângulo usando a ferramenta rectangle tool como nosso fundo. Aplique um gradiente radial como na imagem. Em seguida desenhe uma sobra usando a ferramenta elipse toll.

111 Ilustrar Ícone de Zoom

11º Passo

Estamos quase lá, adicione um circulo abaixo de todas as camadas menos da camada de texto, defina a opacidade para 10. Depois use o pathfinder para fazer um reflexo na lente.

121 Ilustrar Ícone de Zoom

Conclusão

Finalmente, vamos adicionar a sombra sobre o texto exercida pela lupa, e pronto, isso é tudo.

result1 Ilustrar Ícone de Zoom

Para este tutoriais só são necessárias alguma habilidade com desenho. Muitas vezes repetimos o processo de copiar e colar uma layer na frente da outra, que nos permite facilmente fazer um “cruzamento” através da ferramenta pathfinder. Espero que gostem do tutorial e comentem. Obrigado!

Download do Arquivo .AI

—————

Voltar


Estatísticas



Transparent Chrome Glass Blue Pointer Transparent Chrome Glass Blue Pointer