em tp, 2010, dificuldade 4, fevereiro, Tutoriais com efeitos diversos, Tutoriais de Photoshop

Como transformar uma pessoal comum em um Avatar (Navi)

15.6k Visualizações 65 Comentários

Descrição: Depois do lançamento do filme Avatar (de James Cameron) muitos leitores vinham pedindo um tutorial sobre o tema, pesquisei em muitos sites e na maioria deles o resultado não era muito satisfatório, mas ontem encontrei no site Media Design Blur Print um tutorial maravilhoso sobre o tema, traduzi e estou disponibilizando para vocês, a transformação não é simples e reúne diversas técnicas e usa um bom número de material externo (texturas e fotos) no site de origem ainda é possível concorrer a um kit do filme, para isto basta comentar no post, o link está no final do tutorial.

01. Abaixo seguem algumas imagens do filme Avatar para referência durante a criação.

como transformar uma pessoal comum em 2como transformar uma pessoal comum em 4como transformar uma pessoal comum em 3

02. Agora pressione Ctrl+O e abra uma foto qualquer (de preferência use fotos em alta resolução e boa qualidade), no caso deste tutorial usaremos a foto abaixo.

como transformar uma pessoal comum em 5

03. Com a imagem aberta no Photoshop pressione Ctrl+J para duplicar a layer, pressione a letra J do teclado para selecionar a Healing Brush Tool (clique com o Alt pressionado sobre uma área de pele próxima do nariz, depois solte o Alt e clique nas bordas do nariz) e deixe o nariz da modelo como na foto abaixo.

como transformar uma pessoal comum em 6

04. Pressione a letra L do teclado para selecionar a Lasso Tool, selecione o corpo da modelo e pressione Ctrl+U para abrir a caixa de Hue/Saturation e defina os valores abaixo.

como transformar uma pessoal comum em 7como transformar uma pessoal comum em 8

05. Para criar as sombras no nariz pressione a letra L do teclado para selecionar a Lasso Tool, crie a seleção no local indicado na foto abaixo e pressione Ctrl+J para duplicar a seleção para uma nova layer, mude o modo de blend da nova layer para Multiply, vá em Filter> Blur> Gaussian Blur e defina os valores abaixo, repita o processo para os dois lados do nariz.

como transformar uma pessoal comum em 9

06. Clique na layer da imagem, pressione a letra L do teclado para selecionar a Lasso Tool, selecione o nariz e os lábios da modelo, pressione Ctrl+J para duplicar a seleção para uma nova layer, pressione Ctrl+U para abrir a caixa de Hue/Saturation e defina os valores abaixo.

como transformar uma pessoal comum em 10

07. Defina a opacidade da layer em 54%, sua imagem deverá ficar parecida com a da foto abaixo.

como transformar uma pessoal comum em 11

08. Pressione Ctrl+Shift+Alt+E para mesclar todas as layers em uma nova layer, para trabalhar vá em Filter> Liquify, pressione a letra W do teclado para selecionar a Forward Warp Tool e trabalhe o nariz da modelo para que ele fique com o do Avatar do filme, pressione a letra B do teclado para selecionar a Bloat Tool e aplique nos olhos para que eles fiquem como na foto abaixo.

como transformar uma pessoal comum em 12

09. Pressione a letra W do teclado para selecionar a Forward Warp Tool e diminua levemente o tamanho da boca da modelo.

como transformar uma pessoal comum em 13

10. Pressione Ctrl+J para duplicar a layer, retire a visibilidade de todas as outras layers (clique na layer e vá em Layer> Hide Layers), clique na layer que acabamos de copiar, pressione a letra E do teclado para selecionar a Eraser Tool, escolha um brush de pontas duras e tamanho pequeno, apague os olhos da modelo como na foto abaixo.

como transformar uma pessoal comum em 14

11. Agora pressione Ctrl+O e abra a imagem dos olhos do Avatar original, no caso deste tutorial a imagem abaixo.

como transformar uma pessoal comum em 15

12. Ou abra a imagem dos olhos do Avatar no poster original do filme.

como transformar uma pessoal comum em 16como transformar uma pessoal comum em 17

13. Pressione a letra L do teclado para selecionar a Polygonal Lasso Tool, selecione os olhos e pressione Ctrl+C para copiar, volte ao documento que estamos trabalhando e pressione Ctrl+V para colar a imagem, deixe a layer abaixo da layer da modelo (sem os olhos), pressione Ctrl+T para abrir a caixa de Free Transform, com a tecla Shift pressionada clique e arraste para redimensionar os olhos, encaixe-os como na foto abaixo.

como transformar uma pessoal comum em 18

14. (Opcional) Clique aqui e baixe o set de brushes com cílios postiços, instale os brushes no Photoshop (caso não saiba como instalar brushes no Photoshop veja esta vídeo aula que publicamos anteriormente), com os brushes instalados pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra B do teclado para selecionar a Brush Tool, escolha o set de brushes que acabamos de instalar e aplique os brushes com na foto abaixo.

como transformar uma pessoal comum em 19

15. Para adicionar a textura zebrada na modelo pressione Ctrl+O e abra uma textura zebrada como a da foto abaixo.

como transformar uma pessoal comum em 20como transformar uma pessoal comum em 21

16. Pressione Ctrl+A para selecionar o conteúdo do documento, Ctrl+C para copiar, volte ao documento que estamos trabalhando e pressione Ctrl+V para colar a imagem, vá em Filter> Liquify e distorça a imagem como na foto abaixo, pressione Ok.

como transformar uma pessoal comum em 22

17. Pressione a letra M do teclado para selecionar a Rectangular Marquee Tool, selecione a parte direita da textura e pressione Delete.

como transformar uma pessoal comum em 23

18. Pressione Ctrl+J para duplicar a layer, vá em Edit> Transform> Flip Horizontal para rotacionar a layer, pressione a letra V do teclado para selecionar a Move Tool e posicione a cópia como na foto abaixo, pressione Ctrl+E para mesclar as duas layers.

como transformar uma pessoal comum em 24

19. Defina a opacidade da layer em 18%, pressione a letra V do teclado para selecionar a Move Tool, posicione a textura sobre o rosto da modelo.

como transformar uma pessoal comum em 25

20. Pressione a letra E do teclado para selecionar a Eraser Tool, escolha um brush de tamanho médio e pontas suaves, apague as partes da textura que ficaram sobrando da área do rosto da modelo, mude o modo de blend da layer para Soft Light, repita o processo para todas as outras áreas de pele da modelo.

como transformar uma pessoal comum em 26

21. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra X do teclado para alternar as cores de Foreground e Background, sua cor de Foreground deve ser a branca, pressione a letra B do teclado para selecionar a Brush Tool, escolha um brush de pontas suaves e tamanho pequeno, crie pontos de tamanhos variados por todo corpo da modelo, antes de começar vá em Layer> Layer Style> Outer Glow e defina os valores abaixo.

como transformar uma pessoal comum em 27

22. Sua imagem deverá ficar como a da foto abaixo.

como transformar uma pessoal comum em 28

23. Adicione alguns pontos nos braços também.

como transformar uma pessoal comum em 29

24. Agora clique aqui e baixe a imagem com as orelhas Navi, pressione Ctrl+O e abra o arquivo no Photoshop, pressione a letra L do teclado para selecionar a Lasso Tool e selecione as orelhas, pressione Ctrl+C, volte ao documento que estamos trabalhando e pressione Ctrl+V para colar, pressione a letra V do teclado para selecionar a Move Tool e posicione as orelhas como na foto abaixo, va em Filter> Artistic> Plastic Wrap e defina os valores abaixo.

como transformar uma pessoal comum em 30

25. Pressione a letra O do teclado para selecionar a Burn Tool, passe a ferramenta nas áreas das orelhas que devem ficar sombreadas, pressione Shift+O para alternar para a Dodge Tool, passe a ferramenta nas áreas que deve ser clareadas.

como transformar uma pessoal comum em 31

26. Agora clique aqui para baixar a textura de couro que usaremos neste passo, com a textura em seu computador Ctrl+O no Photoshop e abra a textura, pressione Ctrl+A para selecionar o conteúdo do documento,Ctrl+C para copiar seu conteúdo, volte ao documento que estamos trabalhando e pressione Ctrl+V para colar a textura.

como transformar uma pessoal comum em 32

27. Pressione a letra V do teclado para selecionar a Move Tool, posicione a textura na parte do rosto da modelo, pressione Ctrl+J para duplicar a textura, posicione a cópia em outro ponto de pele da modelo, repita o procedimento até cobrir todo o corpo da modelo, pressione Ctrl+E para mesclar todas as layers com texturas, mude o modo de blend da layer para Overlay, defina a opacidade entre 15 e 25%, pressione a letra E do teclado para selecionar a Eraser Tool, apague as partes que estão fora da área de pele da modelo ou que esteja sobre os olhos, boca etc.

como transformar uma pessoal comum em 33

28. No final sua imagem estará como a da foto abaixo.

como transformar uma pessoal comum em 1

29.(Opcional) Pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra X do teclado para alternar as cores de Foreground e Background, sua cor de Foreground deverá ser a branca, pressione a letra T do teclado para selecionar a Horizontal Type Tool, escolha a fonte Papyrus (default do Windows) e escreva uma palavra qualquer.

como transformar uma pessoal comum em 34

30. Vá em Layer> Layer Style> Outer Glow e depois em Layer> Layer Style> Gradient Overlay e defina os valores abaixo.

como transformar uma pessoal comum em 35como transformar uma pessoal comum em 36como transformar uma pessoal comum em 37

31. (Opcional) Vá em Image> Adjustments> Color Balance e defina os valores abaixo.

como transformar uma pessoal comum em 38  como transformar uma pessoal comum em 39

como transformar uma pessoal comum em 40

32. Vá em Filter> Render> Lighting Effects e defina os valores abaixo.

como transformar uma pessoal comum em 41

33. No final sua imagem ficará como a da foto abaixo.

como transformar uma pessoal comum em 42

site de origem:
http://free-web-design.co.cc/create-james-camerons-avatar-movie-poster-in-photoshop-tutorial.html

Escrito por André Sugai

Publicitário, Photoshopista, criador do Tutoriais Photoshop, venceu o prêmio iBest na categoria tecnologia em 2008 e dois prêmios de criatividade da Adobe. Ex-colaborador do Tech Tudo (http://Globo.com), iMasters (UOL) e Revista Photoshop Creative.

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.

65 Comments

  1. Temos que ver qual versão foi usada para o tutorial, se sabe que esta em inglês, em 2010? Então deve ser a CS5 Photoshop CS5. pois estou usando a versão CS6, mas não é muito importante se a versão é só um degrau abaixo, pois no tutorial, é usado atalho do teclado, que geralmente permanece os mesmos, só as janelas que mudam, por isto deve verificar coo esta esplicado acima! Vá em window no menu do photoshop, e selecione Layers para que apareça do lado! Uso a versão CS¨, Com as caracteristicas, abaixo: Adobe Photoshop Version: 13.0.1 (13.0.1 20120808.r.519 2012/08/08:21:00:00) x64
    Operating System: Windows NT Version: 6.2 System architecture: Intel CPU Family:6, Model:12, Stepping:3 with MMX, SSE Integer, SSE FP, SSE2, SSE3, SSE4.1, SSE4.2, HyperThreading

    0
    Responder

  2. Você já deve saber, pois é de 2010! Aqui é do futuro, respondendo hoje, no agora Julho de 2015 Rsss :) – Era só selecionar a camada correta, (se não estiver aparecendo as camadas nas ferramentas do ado direito do programa, vá) no simbolo pequeno, em camadas um pequeno olho com caixa de seleção (por ponto), desmarque e marque o visualizador (ícone que parece um olho), na camada selecionada que está azul, e veja se desaparece,quando desmar no ícone ou simbolo olho" para ver se é imagem colada, que está selecionada, deixe marcado o ícone olho ou visualizador, para editar a camada em questão, ou que se deseja editar, modificar etc. é a que está selecionada

    0
    Responder

  3. Prezado(a),

    Percebemos que seu site oferece muitos arquivos para baixar de forma indireta, sendo necessário o armazenamento destes em algum lugar. O Minhateca.com.br é um site de armazenamento e compartilhamento de arquivos com espaço ILIMITADO e totalmente gratuito! Sem tempo de espera ou qualquer restrição, o download é ilimitado e super rápido – 100% GRATIS! Porque não experimenta usar nosso site para hospedar os seus arquivos?

    Esperamos poder contar com você e saiba que estaremos trabalhando para te oferecer o melhor!

    Abraços da Equipe Minhateca.

    0
    Responder

  4. OLÁ, muito bom esse efeito, me diga uma coisa, vc saberia me dizer que efeito o cara usou nessa foto? veja estou querendo saber o efeito do rosto, ali na barba, se possivel por favor. facebook.com/spfcemcartaz/photos/a.346623412156473.1073741828.346304358855045/408295325989281/?type=1&theater

    0
    Responder

  5. OLÁ, muito bom esse efeito, me diga uma coisa, vc saberia me dizer que efeito o cara usou nessa foto? veja estou querendo saber o efeito do rosto, ali na barba, se possivel por favor. facebook.com/spfcemcartaz/photos/a.346623412156473.1073741828.346304358855045/408295325989281/?type=1&theater

    0
    Responder

  6. ESSE TUTORIAL É D++++++++++++, Ñ SEGUI TODOS OS PASSOS ARRISCA (AINDA Ñ), VEJAM CM FICOU O RESULTADO!!
    facebook.com/photo.php?fbid=504239832935691&set=p.504239832935691&type=1&theater

    GOSTEI MTOOOOO

    0
    Responder

  17. Realmente o tutorial é muito bom, mais eu não consegui fazer na minha foto por que quando eu vou mudar a ''cor'' do corpo de minha foto ela fica meio verde e não azul, acho que o problema é a qualidade da foto.. mais tudo bem, amei o tutorial e com certeza farei em outras fotos.

    0
    Responder

  23. SAHUUHSHUASHUAUSASAU'
    Adorei o tuto! Simplesmente perfeito e prático, muito fácil de fazer.
    Olha o que eu fiz com o Robert Pattinson:

    dysfunctionalhuman.deviantart.com/art/AVATAR-Na-vi-Robert-Pattinson-165287544

    Parabéns pelo tutorial! Continue com tutos tão bons quanto este!

    0
    Responder

  31. foi o primeiro tuto que fiz no PS

    images.orkut.com/orkut/photos/OgAAANA25lFebg5XvdsTbsd5WIYUDj_m3x9ZnAFCt2Itz__0vFzTOmTTv3XkBUR-Kv530lNw1z4S4dVRRf6Ut9qnKZ4Am1T1ULz-9ssJYQY2_8u5_No1TRJfWPpV.jpg

    0
    Responder

  33. Fiz um com a Angelia Jolie =D

    Comentem! ;D

    images.orkut.com/orkut/photos/OgAAAMknryngr8X_m8whqaNgTl2fnaZSczj7zc2OceeQx-d0ca_HS_mafJMvMLim29iD2308TGduJyhjN32NfFd6u-oAm1T1ULXkWZWZM2_PCGNnsCKoJAebfcht.jpg

    ótimo tuto querido, valeu !

    0
    Responder

  34. muito bom esse tutorial
    me transformei no avatar
    aki tem o link da foto

    images.orkut.com/orkut/photos/OAAAAO9LXwh1JExyy7y-GgW-iBJVWXCvtHER8GhE8Hio0QXD7ZCJOrSbG89ZoOmlmXViscvecPWWnzVqRXLJ-iZqnhEAm1T1UEKKaVbW_fIVVvswCNLG-cO5dF5Q.jpg

    0
    Responder

  42. Muito interessante a sua abordagem do tema e domínio do photoshop.Tentei utilizar o seu passo a passo e devo dizer que meu resultado não foi digamos um navi , ficou mais para um smurf.Como não tenho intimidade com photoshop , pergunto:
    É possível você criar uma macro ( estilo excel )desses comandos no photoshop ? Se for , você pode fazê-lo e disponibilizá-lo ?

    Parabéns pelo post !

    0
    Responder

  43. óia o meu… óia o meu!!!!!!!!!!!!! =)
    Não q tenha fikdo uma perfeição mas…. OLHEEEMM!!! rsrsrs
    orkut.com.br/Main#AlbumZoom?uid=735166170170904954&pid=1266771360642&aid=1255466121$pid=1266771360642

    André, mais uma vez vc ahazouuu!!!!
    Adoreiii!!!
    bjbjbj

    Duda Santos

    0
    Responder

  60. Ok consegui.Obrigada! Mas não consigo nem fazer o passo 10! A BORRACHA não retira os olhos! Ela simplesmente apaga o efeito que foi criado no liquify e deixa os olhos normais novamente, mas nao retira os olhos como na foto! O que eu faço pra essa borracha funcionar? Empaquei no passo 10! Alguem pra ajudar??

    0
    Responder

  61. Olá, anônimo.
    Na paleta de Layers (Camadas) a sua direita, onde deve estar escrito "Normal" (onde você vê suas Layers em miniatura), altere para Blend, que significa misturar, matizar, harmonizar, (mistura, combinação).
    Ajudei?

    Minha..

    0
    Responder

Massive Attack – Splitting the Atom.

Inspiração, Cartazes de Rock: Operation Ivy.