Tutorial - Pen Tool

Hoje irei desvendar os mistérios da Pen Tool para vocês!

Muita gente me pergunta como usar, e para que usar essa excepcional ferramenta.

Então vou passar para vocês algumas dicas sobre essa ferramenta.

Irei ensinar como vetorizar uma logotipo usando a Pen Tool.

1- Abra a logo

/applications/core/interface/imageproxy/imageproxy.php?img=http://bp2.blogger.com/_O0KkPLM_Blk/Rugm_kzqfpI/AAAAAAAAAFY/YIIhAk54Wvw/s320/nike.jpg&key=c503ee0805f018e660e58aec02c1cb15e17dd206a78a4b40141b147259655e93" alt="Imagem Postada" />

2- Pegue a ferramenta Pen Tool (P) (caneta), e clique sobre o ponto que deseja começar.

/applications/core/interface/imageproxy/imageproxy.php?img=http://bp0.blogger.com/_O0KkPLM_Blk/RugndEzqfqI/AAAAAAAAAFg/WJ2DrXr5drI/s320/nike2.jpg&key=d944571e5d5d0e57a73b2e6744df9fb8dfbb0a79a01968596908e9b1320b3790" alt="Imagem Postada" />

3- Agora faça outro ponto mais ou menos onde acaba a curva.

/applications/core/interface/imageproxy/imageproxy.php?img=http://bp1.blogger.com/_O0KkPLM_Blk/RugnnUzqfrI/AAAAAAAAAFo/hywTDfX7ptk/s320/nike3.jpg&key=8cbd081a7801d72ff6195e59cff1ac304c984ef6eeab956371ce6d34cae9d237" alt="Imagem Postada" />

4- Perceba que formou uma linha reta, para curvar ela faça o seguinte. Clique com o botão esquerdo na metade da linha, perceba que no cursor aparecerá um sinal de +.

/applications/core/interface/imageproxy/imageproxy.php?img=http://bp1.blogger.com/_O0KkPLM_Blk/RugoBUzqfsI/AAAAAAAAAFw/Aa_1XFmvNLI/s320/nike4.jpg&key=74ff62d06b55c7da3fd7caa1dcf4062449f85298bd4df44622e32e98871e9734" alt="Imagem Postada" />

5- Feito o ponto na metade da linha, com a ferramenta Pen Tool selecionada, segure o Ctrl e arraste o ponto do meio para baixo, até tocar na extremidade.

/applications/core/interface/imageproxy/imageproxy.php?img=http://bp2.blogger.com/_O0KkPLM_Blk/RugpnkzqftI/AAAAAAAAAF4/UcWzchMlTq4/s320/nike5.jpg&key=e7c8a5835f79b2425ba103b050c96a48552976a8674501d141f3682d8b23510a" alt="Imagem Postada" />

6- Perceba que se formou um preenchimento em vermelho. Só que ainda não ficou perfeito, para arrumar, segure o Ctrl e arraste os pontos laterais para o lado.

/applications/core/interface/imageproxy/imageproxy.php?img=http://bp2.blogger.com/_O0KkPLM_Blk/RugqCkzqfuI/AAAAAAAAAGA/ikOETh958Ww/s320/nike6.jpg&key=276f0c4ec9046318526dea3295156bfa18ce454346ba21462cb07ce7955d2a0a" alt="Imagem Postada" />

7- Agora sim! Em Seguida faça outro ponto no final da logo

/applications/core/interface/imageproxy/imageproxy.php?img=http://bp2.blogger.com/_O0KkPLM_Blk/RugqXkzqfvI/AAAAAAAAAGI/kR7ikWVcnt8/s320/nike7.jpg&key=cb5adedaeeccfe2cb70624b8f3e4d1995db5c9d7d231eea19259d767923c2dd5" alt="Imagem Postada" />

8- Agora faça outro ponto até o começo da curva de baixo.

/applications/core/interface/imageproxy/imageproxy.php?img=http://bp0.blogger.com/_O0KkPLM_Blk/RugqsEzqfwI/AAAAAAAAAGQ/DlZHzfboSew/s320/nike8.jpg&key=b79af8da2161283e268fc00cbf9780344a6068d59d18bbf43ae432b67cca29ee" alt="Imagem Postada" />

9- Crie outro ponto no final da curva.

/applications/core/interface/imageproxy/imageproxy.php?img=http://bp2.blogger.com/_O0KkPLM_Blk/Rugq2kzqfxI/AAAAAAAAAGY/TPR-NpnnCDI/s320/nike10.jpg&key=0ec57cf5bf94f1946a18e37dbe9713e238ee68728527dd5ca1abd7cbfd5df9f6" alt="Imagem Postada" />

10- Repita o passo n°4, clique no meio da linha para criar outro ponto, segure o Ctrl e arraste ele para baixo.

/applications/core/interface/imageproxy/imageproxy.php?img=http://bp1.blogger.com/_O0KkPLM_Blk/RugrNUzqfyI/AAAAAAAAAGg/L4szP7u2pgo/s320/nike11.jpg&key=e6b9b23c43529418bc0e216e4323b17229cf5aaa00a7c5b271c07b84db30ff0a" alt="Imagem Postada" />

11- Faça os ajustes puxando os ponto laterais para o lado. E depois faça o último ponto em cima do primeiro, perceba que vai aparecer uma bolinha no cursor, isso quer dizer que ele irá fechar a seleção.

http://bp3.blogger.com/_O0KkPLM_Blk/Rugrm0zqfzI/AAAAAAAAAGo/4ia28_S1uhY/s320/nike11.jpg

12- Perceba que ali no final possui mais uma curva, faça o mesmo esquema criando um ponto no meio da reta. Só que perceba que quando você posiciona o cursor sobre a reta, o sinal de + não aparece mais, isso porque a seleção já foi fechada. Para criar o ponto, clique como botão direito na metade da linha, e escolha a opção: Add Archor Point.

http://bp1.blogger.com/_O0KkPLM_Blk/RugsSUzqf0I/AAAAAAAAAGw/6PI2j8gzp28/s320/nike12.jpg

13- Agora ajuste o ponto criado, segure o Ctrl e arraste. E está pronto o seu vetor da logo!

http://bp1.blogger.com/_O0KkPLM_Blk/RugskUzqf1I/AAAAAAAAAG4/0UsM9uLZ2sE/s320/nikefinal.jpg

Autor: Colírio Photoshop