quinta-feira, 7 de abril de 2011

Ilustrar Ícone de Zoom

Fonte: Totorugo
 
Ilustrar Ícone de Zoom
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!

Nenhum comentário:

Postar um comentário