Conectar

Ver Versão Completa : [TUTORIAL]Como transformar uma imagem em ilustração.



Maleikov
06-06-2008, 08:44 AM
Fala galera, como prometido tô trazendo outro tuto pra gente.

Tradução e créditos no final.

_______________________________________________

Dificuldade: Nivel 3/5

01. Pressione Ctrl+O e abra uma imagem qualquer, neste tutorial usaremos a imagem abaixo.

http://img244.imageshack.us/img244/1748/beforenmee4.jpg

02. Vá em Layer> New Fill Color> Solid Color (http://tutoriaisphotoshop.blogspot.com/#;), presione Ok e escolha a cor branca, vá em Layer> Hide Layers (http://tutoriaisphotoshop.blogspot.com/#;), pressione Ctrl+Shift+N para criar uma nova layer, dê o nome de Basic Shapes e pressione Ok, vá em Layer> Hide Layers (http://tutoriaisphotoshop.blogspot.com/#;), clique na layer Background (que contém a foto usada) e pressione a letra P do teclado para selecionar a Pen Tool (http://tutoriaisphotoshop.blogspot.com/#;), crie algum traços para definir a forma da pessoa na foto (caso não saiba como usar a Pen Tool clique aqui (http://tutoriaisphotoshop.blogspot.com/2007/09/como-usar-pen-tool-ou-ferramenta-caneta.html)), crie alguns traços como nas fotos abaixo.

http://img364.imageshack.us/img364/4379/picture1rp0.jpg

http://img65.imageshack.us/img65/4608/picture2go8.jpg

http://img65.imageshack.us/img65/3736/picture3cv5.jpg


03. Agora clique na layer Basic Shapes e vá em Layer> Show Layers (http://tutoriaisphotoshop.blogspot.com/#;), clique na Fill Layer e vá em Layer> Show Layers (http://tutoriaisphotoshop.blogspot.com/#;) para ativar a visualização de ambas as layers, clique na layer Basic Shapes, agora pressione a letra B do teclado para selecionar a Brush Tool (http://tutoriaisphotoshop.blogspot.com/#;), selecione um brush qualquer, vá em Window> Brushes (http://tutoriaisphotoshop.blogspot.com/#;), clique em Brush Tip Shape (http://tutoriaisphotoshop.blogspot.com/#;) e defina o valor de 12% para Roundness (http://tutoriaisphotoshop.blogspot.com/#;), 45º para Angle (http://tutoriaisphotoshop.blogspot.com/#;), agora clique em Shape Dynamics (http://tutoriaisphotoshop.blogspot.com/#;) e defina o valor de 100% para Size Jitter (http://tutoriaisphotoshop.blogspot.com/#;), 35% para Minimum Diameter (http://tutoriaisphotoshop.blogspot.com/#;) e 5% para Angle Jitter (http://tutoriaisphotoshop.blogspot.com/#;) e feche a janela de Brushes, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra A do teclado clique para selecionar a Direct Selection Tool (http://tutoriaisphotoshop.blogspot.com/#;) com o botão direto do mouse sobre um dos traços criados com a Pen Tool (http://tutoriaisphotoshop.blogspot.com/#;) e escolha a opção Stroke Path (http://tutoriaisphotoshop.blogspot.com/#;), na caixa que irá abrir clique na opção Simulate Pressure (http://tutoriaisphotoshop.blogspot.com/#;) e escolha a opção Brush no menu dropdown e pressione Ok, caso seu traço fique muito fino ou muito grosso pressione Ctrl+Z para desfazer a ação, pressione a letra B do teclado para selecionar a Brush Tool (http://tutoriaisphotoshop.blogspot.com/#;) e defina outro tamanho para seu Brush.

http://img244.imageshack.us/img244/1543/picture4tr0.jpg

http://img65.imageshack.us/img65/9213/picture5yh2.jpg


04. Repita os passos 02 e 03 algumas vezes até completar todos os detalhes de sua ilustração.

http://img244.imageshack.us/img244/5731/picture6bv6.jpg

http://img65.imageshack.us/img65/9421/picture7zv6.jpg

05. Clique na layer Background e pressione Ctrl+J para duplicar a layer, coloque a cópia da layer no topo da paleta de layers (acima da layer Basic Shapes), mude o modo de blend da layer para Color (http://tutoriaisphotoshop.blogspot.com/#;), pressione a letra B do teclado para selecionar a Brush Tool (http://tutoriaisphotoshop.blogspot.com/#;), vá em Window> Brushes (http://tutoriaisphotoshop.blogspot.com/#;), clique em Brush Tip Shape (http://tutoriaisphotoshop.blogspot.com/#;) e defina o valor de Angle em -45°, desabilite a opção Shape Dynamics (http://tutoriaisphotoshop.blogspot.com/#;), feche a janela de Brushes, clique na Fill Layer e pressione Ctrl+Shift+N para criar uma nova layer e dê o nome de Paint, pressione Ok, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, defina o valor de 10% para a opacidade do Brush na barra de opções da ferramenta no alto da tela, vá passando o Brush nas áreas onde deseja colorir, sua imagem deve ficar como a da foto abaixo.

http://img244.imageshack.us/img244/5089/picture8gn3.jpg

06. Caso precise apagar alguma parte que saiu errada a melhor maneira é pressionando a letra E do teclado para selecionar a Eraser Tool (http://tutoriaisphotoshop.blogspot.com/#;), indo em Window> Brushes (http://tutoriaisphotoshop.blogspot.com/#;) e definindo os mesmos valores que foram usados na Brush Tool (http://tutoriaisphotoshop.blogspot.com/#;), defina a opacidade do Brush em 50% na barra de opções da ferramenta e aplique nas partes que devem ser apagadas, para modificar as cores das peças de roupa clique na layer que estiver no topo da paleta de layers e vá em Layer> New Adjustment Layer> Hue/Saturation (http://tutoriaisphotoshop.blogspot.com/#;), arraste o slider de Hue até chegar na cor desejada, ajuste o slider de Saturation, clique no ícone da máscara que existe ao lado da Adjustment Layer e pressione Ctrl+I para inverter, pressione a letra E do teclado para selecionar a Eraser Tool (http://tutoriaisphotoshop.blogspot.com/#;), certifique-se de que a opacidade da layer esteja em 100% na barra de opções da ferramenta, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco e passe a Eraser Tool (http://tutoriaisphotoshop.blogspot.com/#;) nas áreas onde deseja mudar a cor da roupa.

http://img65.imageshack.us/img65/9324/picture9rh3.jpg

07. Use a mesma técnica até modificar tudo que deseja na imagem.

http://img65.imageshack.us/img65/9793/picture10kn0.jpg

http://img244.imageshack.us/img244/8472/picture11dc7.jpg

08. Clique na layer Paint e pressione Ctrl+Shift+N para criar uma nova layer, dê o nome de bkg paint e pressione Ok, pressione a letra B do teclado para selecionar a Brush Tool (http://tutoriaisphotoshop.blogspot.com/#;), defina um tamanho grande para o Brush com opacidade em 5% e passe no Background da ilustração, ao final sua imagem estará como a da foto abaixo.

http://img65.imageshack.us/img65/3772/finalyw7.jpg

Tutorial Original: http://psdtuts.com/photo-effects-tutorials/create-an-illustrated-look-from-a-photograph/ (http://psdtuts.com/photo-effects-tutorials/create-an-illustrated-look-from-a-photograph/)
Tradução: Tutoriais Photoshop (http://tutoriaisphotoshop.blogspot.com/)


^^

CCV_dede
06-06-2008, 10:43 AM
HIHI gostei ;D

Boa Malei ;D

Ozzy_
06-06-2008, 12:21 PM
eita nois... gostei gostei asuehauseh

CCV_fAbio
06-06-2008, 12:42 PM
noh belo tudo..
;D

Maleikov
06-06-2008, 01:24 PM
Legal não? To tentando colocar coisas que sirvam pra o dia à dia, tento colocar algo que não seja apenas pra sign, e sim pra qualquer trampo.

=)

tang
06-06-2008, 02:23 PM
já tinha visto esse tudo lá
psd tuts tem muita coisa boa mano!

valeu!

Colecionador
06-06-2008, 05:18 PM
Bom tuto...e boa iniciativa...xD...