Академический Документы
Профессиональный Документы
Культура Документы
Imprimir
O tutorial possui um total de cinco pginas! Para avanar at a prxima, ou retornar anterior, siga at o fim da pgina de texto!
www.tecmundo.com.br/artigos-imprimir.asp?c=1964
1/25
25/01/13
Resumo da obra
Nvel: Intermedirio Mesmo estando todas as etapas detalhadas, pressupe-se que o usurio tenha tido o mnimo de contato com as ferramentas bsicas do Photoshop antes de iniciar o tutorial. Tempo necessrio: de quatro a seis horas, prepare a cadeira! Material: Fotografias com pessoas em posio de movimento (e pouca pele mostra) e de choques com gua. Obtido a partir de bancos de imagens online (o SXC gratuito, exigindo apenas um cadastro rpido). Lembramos que a distribuio deste contedo proibida sem os devidos direitos de uso cedidos pelo autor. Para as imagens de gotas e espirros para a gua acesse os seguintes links: http://www.sxc.hu/photo/343357 - Splash arredondado. http://www.sxc.hu/photo/514244 - Splash escuro. http://www.sxc.hu/photo/604618 - Splash na jarra. http://www.sxc.hu/photo/608789 - Ondas na superfcie. http://www.sxc.hu/photo/1139998 - Exploso de gua - Principal imagem para este tutorial. http://www2.istockphoto.com/file_thumbview_approve/3907017/2/istockphoto_3907017-water-splash.jpg - Verso de cortesia da imagem iStock. Dica para marinheiro de primeira viagem: Tenha sempre na tela as pequenas janelas de visualizao de Camadas e a barra de ferramentas, pois ambas sero utilizadas o tempo inteiro (mesmo que voc domine boa parte dos atalhos que o programa oferece). Para abrir a primeira, pressione F7 em seu teclado ou navegue at a opo Janelas, no menu principal.
Na hora de fechar a trilha com a caneta, basta clicar sobre o primeiro ponto que tudo ser imediatamente ligado, como mostrado na imagem acima. Com o caminho (path) finalizado, pressione Ctrl+Enter no teclado para criar uma seleo.
www.tecmundo.com.br/artigos-imprimir.asp?c=1964 2/25
25/01/13
Agora que apenas a pessoa est selecionada em sua imagem, duplique-a. Para isso, voc pode ou pressionar as teclas Ctrl+J ou navegar at a janela de camadas (F7), clicar sobre o ttulo da atual com o boto direito do mouse e selecionar a opo Duplicar Camada (Duplicate Layer).
Este o resultado similar ao que voc deve obter, com a camada da pessoa isolada. Para ver apenas a nova camada, sem a de plano de fundo, simplesmente clique sobre o olho que est ao lado da sua miniatura na janela de camadas, como colocado acima. Legal, no? Mas fique atento, pois algumas reas ainda precisam de retoque, portanto pegue novamente a ferramenta de Caneta (Pen Tool) e crie contornos logo acima do ombro esquerdo do rapaz, na barriga (apenas sobre a pele) e na regio interna da corrente dele, formando novamente selees. Com estas prontas, utilize a borracha e apague a pele do abdmen e o cinza de fundo que ainda no foi eliminado das regies citadas.
www.tecmundo.com.br/artigos-imprimir.asp?c=1964
3/25
25/01/13
Agora que temos puramente a pessoa isolada, vamos aumentar a manga do moletom no lado direito da foto para que ele no cause problemas na hora de replicarmos o efeito de gua. Para isso, crie uma seleo sobre ele com a ferramenta de sua escolha e duplique seu contedo para uma nova camada pressionando Ctrl+J ou repetindo o processo descrito no incio do tutorial.
Uma vez criada a nova camada, arraste-a um pouco para baixo e para o lado com a ferramenta Mover. Em seguida, navegue at o Menu Editar > Transformao Livre e, com o quadro de transformao ativado, clique com o boto direito do mouse sobre ele e escolha a opo Girar Verticalmente (Flip Vertical). V ao Menu Editar > Transformar > Distorcer (Edit > Transform > Warp) para iniciar o modo de deformao. Nele, arraste os quadros de modo que se forme uma extenso natural da manga, como neste exemplo:
www.tecmundo.com.br/artigos-imprimir.asp?c=1964
4/25
25/01/13
Para fazer as coisas se misturarem bem (qual , vai deixar um risco mostrando que sua imagem no passa de uma montagem barata?) pegue uma borracha com bordas macias e de 150 pixels de raio e v apagando as beiradas de longe. A etapa no obrigatria, mas ajuda muito no resultado final. Mescle a camada da extenso da manga com a camada do danarino isolado para que elas virem uma s imagem achatada. Para isso, clique sobre o nome dela na janela de Camadas com o boto direito e escolha a opo Mesclar abaixo. Por fim, pinte cuidadosamente a pele do rosto, pescoo e peito de preto, pois no h carne humana neste tutorial!
Por ora, vamos dar um tempo ao nosso amigo e comear o trabalho no fundo da imagem. Mantenha a calma, pois a brincadeira est s comeando! Veja o que ser realizado na prxima etapa:
www.tecmundo.com.br/artigos-imprimir.asp?c=1964 5/25
25/01/13
www.tecmundo.com.br/artigos-imprimir.asp?c=1964
6/25
25/01/13
Para melhorar o efeito experimente colher novas amostras segurando a tecla Alt tanto para a parte de cima quanto para a parte de baixo da imagem. J que no restou nada a no ser concreto, repare que a poro mais clara da imagem est na parte de baixo, portanto vamos gir-la para criar um efeito de iluminao atraente daqui a pouco. Como fazer isso? Simples, s repetir o comando de virar verticalmente aplicado na manga (Menu Editar > Transformar > Girar Verticalmente).
O prximo truque voltar ao menu Editar e escolher a opo Transformao Livre. Com ela ativada estique a ponta de cima da imagem at que a quebra na imagem saia para fora do quadro de pintura, deixando apenas uma parede reta na parte de cima. s posicionar o mouse sobre o quadradinho central, clicar e arrastar para cima, exatamente assim:
www.tecmundo.com.br/artigos-imprimir.asp?c=1964
7/25
25/01/13
J temos um cenrio de verdade, quase digno de um homem de gua, mas ainda faltam uns pequenos ajustes. Portanto, abra a janela para ajustes de Matiz e Saturao (Ctrl+U ou Imagem > Ajustes > Matiz/Saturao), marque a caixa Colorir e utilize os valores mostrados abaixo (Matiz 212, Saturao 60 e Luminosidade -23):
Crie uma nova camada (clique sobre a pequena folha na janela de Camadas) e aperte F5 para abrir a tela de Dinmicas de Pincel (Brush Dynamics). Desa pela seleo de pontas at encontrar a marcada na foto abaixo e configure-a da seguinte maneira: Dimetro: 100 a 130 pixels; Espaamento: 6%.
www.tecmundo.com.br/artigos-imprimir.asp?c=1964
8/25
25/01/13
Agora selecione a seo Dinmica da forma e marque os seguintes itens/valores: Tremulao de tamanho: entre 40% e 50%; Tremulao de ngulo: entre 10% e 15%.
Para concluir os passos necessrios na janela de dinmicas de pincis, v tela de Disperso (logo abaixo da Dinmica de Forma), marque a caixa de "Ambos os Eixos" e arraste o seletor para algo entre 950% e 1000%.
www.tecmundo.com.br/artigos-imprimir.asp?c=1964
9/25
25/01/13
Antes de pintar, v ao painel superior e diminua o fluxo da ferramenta para um valor entre 10% e 20%, fazendo com que as mudanas sejam controladas e graduais. Pronto para o trabalho manual? Comece pelas bordas externas clicando pouco a pouco com muito cuidado; crie uma espcie de borda leve lateral e finalize dando nfase na poro inferior, que deve mesmo ficar mais escura, como se um raio de luz viesse do topo. Confira um exemplo rpido:
O resultado est satisfatrio para suas exigncias? Se sim, pule para a prxima etapa (ou talvez direto para a aplicao do efeito de gua), mas, se voc for como eu e o resto da equipe Baixaki, aplique uma finalizao melhor nessa coisa! Selecione a camada de fundo azul, duplique-a (Ctrl+J) e mude o modo de mesclagem para Subexposio de cores (Color Dodge) pela janela de camadas.
www.tecmundo.com.br/artigos-imprimir.asp?c=1964
10/25
25/01/13
Ih, mas agora a coisa ficou muito exagerada! Sim, portanto retorne camada de fundo normal, v ao menu Filtros > Renderizar > Efeitos de iluminao e aplique uma configurao prxima da imagem abaixo para criar o efeito de feixe de luz, corrigido e sem exageros:
www.tecmundo.com.br/artigos-imprimir.asp?c=1964
11/25
25/01/13
No se preocupe, pois as coisas aqui so bem mais fceis, eu garanto! Comece criando uma seleo em torno apenas da blusa com a ferramenta de sua escolha (lao poligonal uma boa pedida aqui) e duplicando-a (Ctrl+J ou boto direito sobre o ttulo da camada na janela apropriada).
Agora que voc j possui apenas a jaqueta separada, mude seu modo de mesclagem para Diviso (Divide).
www.tecmundo.com.br/artigos-imprimir.asp?c=1964
12/25
25/01/13
Isso d um brilho mais forte e tambm mais impacto, mas o verde no cai muito bem com o fundo adotado, portanto transforme a blusa em cinza dessaturando-a. s abrir a janela de ajustes de Matiz/Saturao (Ctrl+U) e mover o deslizador central todo para a esquerda:
Repita o procedimento de seleo e duplicao da blusa para a cala, selecionando a camada base do danarino antes de efetuar a ao.
Mude o modo de mesclagem para Subexposio de Cores (Color Dodge) para obter a iluminao mais gritante diviso tambm funciona, mas mais suave, o que no a inteno.
www.tecmundo.com.br/artigos-imprimir.asp?c=1964 13/25
25/01/13
A composio a esta altura j est bem mais interessante, mas falta concluir a iluminao. Selecione novamente a camada base para o corpo (a que no foi alterada), clique no cone para criar uma nova camada (assim ela fica acima da original, mas abaixo das demais duplicadas) e v pintando uma faixa esfumaada em preto ao redor das bordas externas da cala como mostrado abaixo. No se preocupe com o cenrio, pois j corrigiremos isso:
Est vendo a opo acima, Criar Mscara de corte (Create Clipping Mask)? Ao lig-la voc faz com que apenas os pixels coincidentes com a camada de baixo sejam mostrados, logo, tudo que est para fora da cala ser ocultado. Para ativar o recurso apenas clique com o boto direito sobre a camada e selecione a opo j mostrada. Nosso cenrio est, enfim, pronto para receber o homem de gua. Mas como criar o efeito? No se preocupe, o processo demorado, mas depois que voc aprender os passos bsicos e entender a separao de canais (nosso prximo tema para este tutorial) ser possvel criar suas prprias variaes, veja:
www.tecmundo.com.br/artigos-imprimir.asp?c=1964
14/25
25/01/13
Ateno!
Desta parte em diante o Photoshop foi alterado para a verso CS4 em virtude de alteraes de computador (sabem quando ele resolve pifar?). Os menus esto em ingls, mas voc pode acompanhar tudo traduzido no texto do tutorial, no se preocupe.
www.tecmundo.com.br/artigos-imprimir.asp?c=1964
15/25
25/01/13
Abra a imagem normalmente e, na janela em que ficam as camadas, selecione a guia Canais (Channels). Clique de uma por uma para ver qual oferece o maior nvel de contraste (a que fica com diferenas boas entre preto e branco). Para a imagem de exemplo, o melhor canal foi o azul.
Clique com o boto direito sobre o canal (assim como para as camadas) e duplique-o. Em seguida deixe apenas ele visvel (marque o olho ao seu lado e desmarque o restante dos canais RGB) e abra Imagem > Ajustes > Curvas (Curves, o atalho Ctrl+M). Nela, arraste ligeiramente o ponto superior direito em direo ao centro, aumentando um pouco o contraste, mas no muito para no estragar a transparncia da gota.
www.tecmundo.com.br/artigos-imprimir.asp?c=1964
16/25
25/01/13
Confirme a ao e, de volta ao painel de canais, clique sobre o primeiro cone que est na parte inferior (em formato circular vazado) para criar uma seleo apenas da gua. Agora remarque os canais de cor e desmarque apenas o duplicado. Em seguida, volte aba de camadas e pressione Ctrl+J para criar uma camada duplicada, contendo apenas gua, em sua mais pura forma! Para visualizar se voc conseguiu, oculte a camada de baixo, original:
Mais uma etapa vencida e estamos, finalmente, prontos para aplicar os esguichos de gua! Pode apostar, com um pouco de criatividade e domnio de corte e colagem em camadas, esta parte acaba sendo uma das mais fceis!
25/01/13
Brao esquerdo
Comece copiando a gua circular sem o fundo. Depois de col-la sobre o documento faa uso da ferramenta de transformao livre para gir-la e diminu-la at que a boca do espirro esteja voltada para fora e exatamente do tamanho de um pulso, como mostrado abaixo:
Em seguida, utilize a ferramenta de borracha para limpar os excessos de branco na base do que seria a sada do brao (reduzir a dureza para cerca de 80% ajuda bastante nesta etapa). No necessrio, mas se voc achar que a coisa ficou meio sem sal duplique uma ou duas vezes as camadas de gua, mescle-as ( s selecionar na guia de camadas segurando Shift) e utilize ajustes LEVES de matiz/saturao com a caixa colorir marcada, para dar uma cor mais azulada ao feixe.
www.tecmundo.com.br/artigos-imprimir.asp?c=1964
18/25
25/01/13
Repita o processo de colagem da boca dgua e ajuste-a novamente, mas agora coloque-a um pouco mais para a direita e vire-a verticalmente para prolongar o jato de gua (Editar > Transformar > Girar Verticalmente), efeito da imagem acima.
Para finalizar, copie da imagem do balo de gua apenas o trecho destacado e cole-o, sempre aplicando transformao livre para obter o seguinte resultado:
www.tecmundo.com.br/artigos-imprimir.asp?c=1964
19/25
25/01/13
Uma dica: como daqui em diante vamos lidar com mltiplas camadas, selecione todas as que formam um grupo (no caso, o brao esquerdo) clicando sobre a primeira e a ltima com a tecla Shift apertada e, em seguida, arraste-as para cima do cone de pastinha, logo ao lado do boto de criar nova camada. Assim tudo fica organizado, categorizado e separado em pastas para facilitar o trabalho.
Brao direito
Como voc pode observar, este brao no est lateral como o outro, mas ainda assim possvel criar a sensao de profundidade. Volte para a imagem em forma de crculo, copie-a para o projeto do homem de gua, aplique transformao livre, Girar Verticalmente e Distorcer (Editar > Transformar > Distorcer) at chegar prximo a isto:
Para aumentar a profundidade, duplique todo o brao que j est pronto, transforme-o e jogue-o para baixo da camada de gua principal, baixando a opacidade para cerca de 70%. Para finalizar e dar um efeito de espirro forte pegue gotas se espalhando em velocidade como no balo de gua e vire-as para corresponderem com o sentido dos demais componentes do brao. Simples de montar, mas o efeito avassalador!
www.tecmundo.com.br/artigos-imprimir.asp?c=1964
20/25
25/01/13
Abdmen
Imagine suas entranhas mais profundas se liquefazendo diante do terror sinistro de uma tonelada de Photoshops agindo na escurido! Erm... hein? Z do Caixo fica para um prximo tutorial, mas a ideia aqui fazer muita gua se espalhando, e quase direto para baixo. A melhor opo para isso no so partes inteiras, mas sim os espirros de gua que j vimos acima (retirados do balo estourado). Faa o efeito para um lado primeiro. Quando achar que est bom, d um duplo clique sobre a miniatura da camada (na janela de Camadas, F7) para abrir a caixa de edio de efeitos. Selecione a opo Sombra Projetada (Drop Shadow) com os seguintes ajustes:
Assim o lquido, alm de dar impresso de que est molhando a roupa, passa a sensao de volume e interfere na luz natural criando sombras. Como fazer o outro lado? Duplique tudo e inverta com a transformao livre! Trabalho terminado para esta parte.
www.tecmundo.com.br/artigos-imprimir.asp?c=1964
21/25
25/01/13
P esquerdo
No p ser aplicado um efeito de impacto, ou seja, a gua ter que subir em sentido contrrio pisada e feixes e espirros tero que percorrer em direo contrria. Comece o processo com a mesma forma dos braos, mas ao invs de saindo do corpo, coloque-a subindo pela perna da seguinte maneira:
Feito isso, resta somente espalhar novas gotas e espirros, copiando, duplicando e transformando as novas camadas para que elas fiquem de acordo com o efeito desejado. Confira:
www.tecmundo.com.br/artigos-imprimir.asp?c=1964
22/25
25/01/13
P direito
Para que perder tempo criando se j algo quase pronto? Duplique o grupo do p esquerdo, selecione todas as camadas juntas (clicando na primeira e na ltima segurando a tecla Shift) e utilize as ferramentas de transformao livre para mov-la para baixo e, principalmente, distorc-la (com auxlio da opo Warp) a ponto de que no seja apenas uma cpia. Para completar, adicione uns feixes de gua em sentido horizontal espirrando para a direita e para a esquerda, causando mais impacto visual!
Cabea
O fim est prximo! Apenas mais umas colagens e seu projeto est pronto! Agora, para fazer o peitoral, faa uma verdadeira baderna de pingos e espirros, alguns saltando por cima da blusa e da camiseta e outros por cima do ombro para ampliar a sensao de movimento:
www.tecmundo.com.br/artigos-imprimir.asp?c=1964
23/25
25/01/13
Para dar o toque final e definir o homem de gua, pegue a imagem do balo de gua (do qual foram recortados os espirros anteriores), deixe apenas a sua parte de baixo visvel onde seria a cabea (utilize a borracha para apagar excessos) e reduza sua opacidade para cerca de 80%. Se preferir, volte borracha, escolha uma ponta pequena e v apagando levemente algumas regies para chegar neste efeito:
www.tecmundo.com.br/artigos-imprimir.asp?c=1964
24/25
25/01/13
Agradecimentos especiais galera de Design da No Zebra Network, um abrao para todos os leitores do Baixaki e at a prxima!
Imprimir
www.tecmundo.com.br/artigos-imprimir.asp?c=1964
25/25