Photoshop_ aprenda a fazer o homem de água - imprimir

25/01/13 Photoshop: aprenda a fazer o homem de água - imprimir

www.tecmundo.com.br/artigos-imprimir.asp?c=1964 1/25

Imprimir

Photoshop: aprenda a fazer o homem de águaPor Igor PankiewiczFonte: www.tecmundo.com.br/1964-Photoshop-aprenda-a-fazer-o-homem-de-agua.htm

Quinta-Feira 16 de Abril de 2009

Crie as mais fascinantes transformações de pessoas para explosões de água com este tutorial passo apasso!

Depois das séries de super-heróis, efeitos especiais, reflexos avançados, carros tunados e outras “maracutaias” deprogramas para edição de imagens, é com muita alegria que trazemos para vocês o maior — e mais completo —tutorial de Photoshop já visto no Baixaki: o Homem de água!

Existem outros tutoriais similares a este (derivados do trabalho original de Nik Ainley), inclusive com poses parecidaspara a pessoa que servirá de base, entretanto a maioria se encontra em inglês e é de difícil acesso. Outra razão paraa criação deste texto é justamente fazer com que o usuário entenda como montar o efeito de água para quasequalquer imagem. Ao fim, você só precisará de um pouco de imaginação.

Tudo é bem trabalhoso, mas há uma enorme vantagem: por só ser necessário usar algumas fotografias de imagemespirrando e um modelo para ser substituído pela água o tutorial não requer conhecimentos avançados, apenas obásico em manipulação de canais, cores e, principalmente, sobreposição de camadas.

O tutorial possui um total de cinco páginas! Para avançar até a próxima, ou retornar à anterior, sigaaté o fim da página de texto!

http://www.baixaki.com.br/tecnologia/artigos.asp?au=61

http://ibxk.com.br/materias/329851094.jpg



Resumo da obra

Nível: Intermediário

Mesmo estando todas as etapas detalhadas, pressupõe-se que o usuário tenha tido o mínimo de contato com asferramentas básicas do Photoshop antes de iniciar o tutorial.

Tempo necessário: de quatro a seis horas, prepare a cadeira!

Material: Fotografias com pessoas em posição 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 rápido). Lembramos quea distribuição deste conteúdo é proibida sem os devidos direitos de uso cedidos pelo autor. Para as imagens de gotase 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 superfície.

http://www.sxc.hu/photo/1139998 - Explosão de água - Principal imagem para este tutorial.

http://www2.istockphoto.com/file_thumbview_approve/3907017/2/istockphoto_3907017-water-splash.jpg - Versão decortesia da imagem iStock.

Dica para marinheiro de primeira viagem: Tenha sempre na tela as pequenas janelas de visualização deCamadas e a barra de ferramentas, pois ambas serão utilizadas o tempo inteiro (mesmo que você domine boa partedos atalhos que o programa oferece). Para abrir a primeira, pressione F7 em seu teclado ou navegue até a opção“Janelas”, no menu principal.

Primeira etapa – Preparação e separação

Para começarmos a nossa revolução nesta pobre fotografia, vamos primeiro isolar o fundo do dançarino, mas emduas camadas separadas, portanto selecione-o com a ferramenta de sua preferência. Neste tutorial optamos pelaCaneta (Pen Tool), já que ela permite curvas dinâmicas e mostra resultados mais precisos que as demais. Parautilizá-la, apenas clique nos pontos desejados e, sem soltar o botão do mouse, arraste na direção desejada paracurvar o traço.

Na hora de fechar a trilha com a caneta, basta clicar sobre o primeiro ponto que tudo será imediatamente ligado, comomostrado na imagem acima. Com o caminho (path) finalizado, pressione Ctrl+Enter no teclado para criar umaseleção.

http://www.sxc.hu/photo/343357





http://www2.istockphoto.com/file_thumbview_approve/3907017/2/istockphoto_3907017-water-splash.jpg



Agora que apenas a pessoa está selecionada em sua imagem, duplique-a. Para isso, você pode ou pressionar asteclas Ctrl+J ou navegar até a janela de camadas (F7), clicar sobre o título da atual com o botão direito do mouse eselecionar a opção 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, não? Mas fique atento, pois algumas áreas ainda precisam de retoque, portanto pegue novamente aferramenta de Caneta (Pen Tool) e crie contornos logo acima do ombro esquerdo do rapaz, na barriga (apenassobre a pele) e na região interna da corrente dele, formando novamente seleções. Com estas prontas, utilize aborracha e apague a pele do abdômen e o cinza de fundo que ainda não foi eliminado das regiões citadas.



Agora que temos puramente a pessoa isolada, vamos aumentar a manga do moletom no lado direito da foto para queele não cause problemas na hora de replicarmos o efeito de água. Para isso, crie uma seleção sobre ele com aferramenta de sua escolha e duplique seu conteúdo para uma nova camada pressionando Ctrl+J ou repetindo oprocesso descrito no início 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 > Transformação Livre e, com o quadro de transformação ativado, clique com o botãodireito do mouse sobre ele e escolha a opção Girar Verticalmente (Flip Vertical).

Vá ao Menu Editar > Transformar > Distorcer (Edit > Transform > Warp) para iniciar o modo de deformação. Nele,arraste os quadros de modo que se forme uma extensão natural da manga, como neste exemplo:



Para fazer as coisas se misturarem bem (qual é, vai deixar um risco mostrando que sua imagem não passa de umamontagem barata?) pegue uma borracha com bordas macias e de 150 pixels de raio e vá apagando as beiradas delonge. A etapa não é obrigatória, mas ajuda muito no resultado final.

Mescle a camada da extensão da manga com a camada do dançarino isolado para que elas virem uma só imagemachatada. Para isso, clique sobre o nome dela na janela de Camadas com o botão direito e escolha a opção “Mesclarabaixo”. Por fim, pinte cuidadosamente a pele do rosto, pescoço e peito de preto, pois não há carne humana nestetutorial!

Por ora, vamos dar um tempo ao nosso amigo e começar o trabalho no fundo da imagem. Mantenha a calma, pois abrincadeira está só começando! Veja o que será realizado na próxima etapa:



Segunda Etapa – Criando o cenário perfeito

Retorne à janela de camadas, oculte o dançarino (clicando sobre o olho que fica logo ao lado da camada, como jáfoi mostrado), selecione a imagem original e duplique-a pressionando Ctrl+J. Oculte a original e deixe-a de lado porenquanto, pois trabalharemos apenas com a cópia.

Com a nova camada selecionada, escolha a ferramenta de Carimbo (Clone Stamp Tool), ajuste-a para adquirir umraio de 180 pixels e zero de dureza (isso cria bordas macias e espalhadas que se mesclam muito melhor para estaetapa).

Agora segure a tecla Alt e clique em um ponto intermediário da parede de concreto para definir o padrão a serclonado. A seguir, vá dando toques leves no botão esquerdo do mouse, apagando o dançarino e deixando nada alémde parede, obtendo algo parecido com isto:




Para melhorar o efeito experimente colher novas amostras segurando a tecla Alt tanto para a parte de cima quantopara a parte de baixo da imagem. Já que não restou nada a não ser concreto, repare que a porção mais clara daimagem está na parte de baixo, portanto vamos girá-la para criar um efeito de iluminação atraente daqui a pouco.Como fazer isso? Simples, é só repetir o comando de virar verticalmente aplicado na manga (Menu Editar >Transformar > Girar Verticalmente).

O próximo truque é voltar ao menu Editar e escolher a opção Transformação Livre. Com ela ativada estique a pontade cima da imagem até que a quebra na imagem saia para “fora” do quadro de pintura, deixando apenas uma paredereta na parte de cima. É só posicionar o mouse sobre o quadradinho central, clicar e arrastar para cima, exatamenteassim:



Já temos um cenário “de verdade”, quase digno de um homem de água, mas ainda faltam uns pequenos ajustes.Portanto, abra a janela para ajustes de Matiz e Saturação (Ctrl+U ou Imagem > Ajustes > Matiz/Saturação),marque a caixa “Colorir” e utilize os valores mostrados abaixo (Matiz 212, Saturação 60 e Luminosidade -23):

Crie uma nova camada (clique sobre a pequena folha na janela de Camadas) e aperte F5 para abrir a tela deDinâmicas de Pincel (Brush Dynamics). Desça pela seleção de pontas até encontrar a marcada na foto abaixo econfigure-a da seguinte maneira:

• Diâmetro: 100 a 130 pixels;• Espaçamento: 6%.



Agora selecione a seção Dinâmica da forma e marque os seguintes itens/valores:

• Tremulação de tamanho: entre 40% e 50%;• Tremulação de ângulo: entre 10% e 15%.

Para concluir os passos necessários na janela de dinâmicas de pincéis, vá à tela de Dispersão (logo abaixo daDinâmica de Forma), marque a caixa de "Ambos os Eixos" e arraste o seletor para algo entre 950% e 1000%.



Antes de pintar, vá ao painel superior e diminua o fluxo da ferramenta para um valor entre 10% e 20%, fazendo comque as mudanças sejam controladas e graduais. Pronto para o trabalho manual? Comece pelas bordas externasclicando pouco a pouco com muito cuidado; crie uma espécie de borda leve lateral e finalize dando ênfase na porçãoinferior, que deve mesmo ficar mais escura, como se um raio de luz viesse do topo. Confira um exemplo rápido:

O resultado está satisfatório para suas exigências? Se sim, pule para a próxima etapa (ou talvez direto para aaplicação do efeito de água), mas, se você for como eu e o resto da equipe Baixaki, aplique uma finalização melhornessa “coisa”! Selecione a camada de fundo azul, duplique-a (Ctrl+J) e mude o modo de mesclagem paraSubexposição de cores (Color Dodge) pela janela de camadas.



Ih, mas agora a coisa ficou muito exagerada! Sim, portanto retorne à camada de fundo normal, vá ao menu Filtros >Renderizar > Efeitos de iluminação e aplique uma configuração próxima à da imagem abaixo para criar o efeito defeixe de luz, corrigido e sem exageros:

Terceira etapa – Iluminando as roupas

Para que presta um cenário perfeito se o protagonista da cena parece ter vindo de outro planeta (ou de outra fonte deluz)? Exatamente, para nada! Justamente por isso a próxima parte do tutorial envolve algumas mudanças na roupa dohomem de água! Aqui vai uma comparação de antes e depois:




Não se preocupe, pois as coisas aqui são bem mais fáceis, eu garanto! Comece criando uma seleção em tornoapenas da blusa com a ferramenta de sua escolha (laço poligonal é uma boa pedida aqui) e duplicando-a (Ctrl+J oubotão direito sobre o título da camada na janela apropriada).

Agora que você já possui apenas a jaqueta separada, mude seu modo de mesclagem para Divisão (Divide).



Isso dá um brilho mais forte e também mais impacto, mas o verde não cai muito bem com o fundo adotado, portantotransforme a blusa em cinza dessaturando-a. É só abrir a janela de ajustes de Matiz/Saturação (Ctrl+U) e mover odeslizador central todo para a esquerda:

Repita o procedimento de seleção e duplicação da blusa para a calça, selecionando a camada base do dançarinoantes de efetuar a ação.

Mude o modo de mesclagem para Subexposição de Cores (Color Dodge) para obter a iluminação mais gritante -divisão também funciona, mas é mais suave, o que não é a intenção.



A composição a esta altura já está bem mais interessante, mas falta concluir a iluminação. Selecione novamente acamada base para o corpo (a que não foi alterada), clique no ícone para criar uma nova camada (assim ela fica acimada original, mas abaixo das demais duplicadas) e vá pintando uma faixa esfumaçada em preto ao redor das bordasexternas da calça como mostrado abaixo. Não se preocupe com o cenário, pois já corrigiremos isso:

Está vendo a opção acima, Criar Máscara de corte (Create Clipping Mask)? Ao ligá-la você faz com que apenas ospixels coincidentes com a camada de baixo sejam mostrados, logo, tudo que está para fora da calça será ocultado.Para ativar o recurso apenas clique com o botão direito sobre a camada e selecione a opção já mostrada.

Nosso cenário está, enfim, pronto para receber o homem de água. Mas como criar o efeito? Não se preocupe, oprocesso é demorado, mas depois que você aprender os passos básicos e entender a separação de canais (nossopróximo tema para este tutorial) será possível criar suas próprias variações, veja:



Atenção!

Desta parte em diante o Photoshop foi alterado para a versão CS4 em virtude de alterações de computador (sabemquando ele resolve pifar?). Os menus estão em inglês, mas você pode acompanhar tudo traduzido no texto do tutorial,não se preocupe.

Quarta etapa – “Criando” ou “Copiando”?

Eu sei: você não aguenta mais ler estas “baboseiras de ajuste de camadas e cor, pintura, dinâmicas e mesclagem,recorte, camada, camadas, sobreposição, matiz e saturação e...”, mas é apenas com conhecimento que se constróium acabamento de qualidade.

Por isso agora vamos mostrar como copiar as gotas e espirros de água que serão jogados sobre nosso amigo pormeio da seleção de canais de cor, que é o método mais adequado para a tarefa.

Como explicado no início do texto, a preferência é por imagens fortes, destacadas e dinâmicas, preferencialmente comfundo preto para facilitar. Caso você arranje outras imagens com fundo claro, apenas inverta as cores pressionandoCtrl+I no seu teclado para seguir os mesmos passos colocados na sequência.




Abra a imagem normalmente e, na janela em que ficam as camadas, selecione a guia Canais (Channels). Clique deuma por uma para ver qual oferece o maior nível de contraste (a que fica com diferenças boas entre preto e branco).Para a imagem de exemplo, o melhor canal foi o azul.

Clique com o botão direito sobre o canal (assim como para as camadas) e duplique-o. Em seguida deixe apenas elevisível (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 direção ao centro, aumentando umpouco o contraste, mas não muito para não estragar a transparência da gota.



Confirme a ação e, de volta ao painel de canais, clique sobre o primeiro ícone que está na parte inferior (em formatocircular vazado) para criar uma seleção apenas da água. Agora remarque os canais de cor e desmarque apenas oduplicado.

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 umpouco de criatividade e domínio de corte e colagem em camadas, esta parte acaba sendo uma das mais fáceis!

Parte 5 – O fim de um longo processo

Agora tudo vai do bom senso. Você precisa aplicar o processo de copiar por canais em todas as suas imagens comágua e jogá-las, já filtradas, dentro da imagem principal , É só copiar a camada limpa e colar no outro documento ouarrastá-la direto para dentro de outra imagem quando se trabalha com várias imagens na Área de Trabalho.

O processo é bem subjetivo, mesmo assim, aqui vão alguns dos exemplo básicos de montagem, separados em etapase partes para facilitar a sua compreensão (e não nos levarem à loucura!). Foram usadas apenas duas amostras: a doexemplo anterior e esta do SXC, ambas já separadas do fundo.





Braço esquerdo

Comece copiando a água circular sem o fundo. Depois de colá-la sobre o documento faça uso da ferramenta detransformação livre para girá-la e diminuí-la até que a “boca” do espirro esteja voltada para fora e exatamente dotamanho 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 saída dobraço (reduzir a dureza para cerca de 80% ajuda bastante nesta etapa).

Não é necessário, 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/saturaçãocom a caixa colorir marcada, para dar uma cor mais azulada ao feixe.




Repita o processo de colagem da boca d’água e ajuste-a novamente, mas agora coloque-a um pouco mais para adireita e vire-a verticalmente para prolongar o jato de água (Editar > Transformar > Girar Verticalmente), efeito daimagem acima.

Para finalizar, copie da imagem do balão de água apenas o trecho destacado e cole-o, sempre aplicandotransformação livre para obter o seguinte resultado:



Uma dica: como daqui em diante vamos lidar com múltiplas camadas, selecione todas as que formam um grupo (nocaso, o braço esquerdo) clicando sobre a primeira e a última com a tecla Shift apertada e, em seguida, arraste-aspara cima do ícone de pastinha, logo ao lado do botão de criar nova camada. Assim tudo fica organizado,categorizado e separado em pastas para facilitar o trabalho.

Braço direito

Como você pode observar, este braço não está lateral como o outro, mas ainda assim é possível criar a sensação deprofundidade. Volte para a imagem em forma de círculo, copie-a para o projeto do homem de água, apliquetransformação livre , Girar Verticalmente e Distorcer (Editar > Transformar > Distorcer) até chegar próximo aisto:

Para aumentar a profundidade, duplique todo o braço que já está pronto, transforme-o e jogue-o para baixo dacamada de água principal, baixando a opacidade para cerca de 70%. Para finalizar e dar um efeito de espirro fortepegue gotas se espalhando em velocidade como no balão de água e vire-as para corresponderem com o sentido dosdemais componentes do braço. Simples de montar, mas o efeito é avassalador!



Abdômen

Imagine suas entranhas mais profundas se liquefazendo diante do terror sinistro de uma tonelada de Photoshopsagindo na escuridão! Erm... hein? Zé do Caixão fica para um próximo tutorial, mas a ideia aqui é fazer muita água seespalhando, e quase direto para baixo. A melhor opção para isso não são partes inteiras, mas sim os espirros de águaque já vimos acima (retirados do balão estourado).

Faça 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 edição de efeitos. Selecione a opção Sombra Projetada (DropShadow) com os seguintes ajustes:

Assim o líquido, além de dar impressão de que está molhando a roupa, passa a sensação de volume e interfere na luznatural criando sombras. Como fazer o outro lado? Duplique tudo e inverta com a transformação livre ! Trabalhoterminado para esta parte.



Pé esquerdo

No pé será aplicado um efeito de impacto, ou seja, a água terá que subir em sentido contrário à pisada e feixes eespirros terão que percorrer em direção contrária. Comece o processo com a mesma forma dos braços, mas ao invésde “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 camadaspara que elas fiquem de acordo com o efeito desejado. Confira:



Pé direito

Para que perder tempo criando se já algo quase pronto? Duplique o grupo do pé esquerdo, selecione todas ascamadas juntas (clicando na primeira e na última segurando a tecla Shift) e utilize as ferramentas de transformaçãolivre para movê-la para baixo e, principalmente, distorcê-la (com auxílio da opção Warp) a ponto de que não sejaapenas uma cópia.

Para completar, adicione uns feixes de água em sentido horizontal espirrando para a direita e para a esquerda,causando mais impacto visual!

Cabeça

O fim está próximo! Apenas mais umas colagens e seu projeto está pronto! Agora, para fazer o peitoral, faça umaverdadeira baderna de pingos e espirros, alguns saltando por cima da blusa e da camiseta e outros por cima doombro para ampliar a sensação de movimento:



Para dar o toque final e definir o homem de água, pegue a imagem do balão de água (do qual foram recortados osespirros anteriores), deixe apenas a sua parte de baixo visível onde seria a cabeça (utilize a borracha para apagarexcessos) e reduza sua opacidade para cerca de 80%. Se preferir, volte à borracha, escolha uma ponta pequena evá apagando levemente algumas regiões para chegar neste efeito:

Pronto, pode descansar!

“Caraca" pessoal, que trabalheira não? Mas certamente o resultado vale a pena, e pode até ser aplicado a fotografiasnormais, apesar de exigir mais tratamento de imagem, iluminação, além de uma boa textura para o fundo (que nestecaso já estava lá, pronta para ser lapidada).

Outra dica: não perca tempo tentando fazer tudo com extrema perfeição, principalmente na hora de aplicar osesguichos de água. Pegue várias imagens já separadas, jogue-as de encontro à imagem, gire um pouco algumas edepois pare para verificar o que está em excesso e o que falta. Assim a criação fica muito mais rápida.

Boa sorte a todos na execução, não se desesperem e, em caso de dúvidas, não deixem de entrar em contato com aequipe do Baixaki para que juntos possamos realizar as correções e explicações necessárias.



Agradecimentos especiais à galera de Design da No Zebra Network, um abraço para todos os leitores do Baixaki e atéa próxima!

Imprimir


Documents

Photoshop_ aprenda a fazer o homem de água - imprimir