(adsbygoogle = window.adsbygoogle || []).push({});

Preview Descrição: Como criar uma montagem simples utilizando duas fotos, máscara e adjustment layers.

Tutorial Intermediário

(adsbygoogle = window.adsbygoogle || []).push({});

01. Pressione Ctrl+O e abra duas imagens no Photoshop, neste tutorial foi escolhida a imagem da moto que servirá de fundo e a imagem do velocímetro que será incorporada dentro da composição, com as duas imagens abertas pressione a letra V do teclado para selecionar a Move Tool, clique sobre a imagem que será incorporada e arraste a imagem para cima do documento que contém a imagem que servirá de fundo.

tutoriais photoshop

02. Sua paleta de layers deverá ficar como a da foto abaixo.

tutoriais photoshop

03. Agora pressione a letra V do teclado para selecionar a Move Tool e mova a figura, no caso deste tutorial o velocímetro, para o ponto onde você deseja que ele fique no resultado final.

tutoriais photoshop

04. Agora clique no ícone de Add Layer Mask no rodapé da paleta de layers para adicionar uma máscara em sua layer, clique na miniatura da máscara que foi adicionada em sua layer.

tutoriais photoshop

05. Pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra G do teclado para selecionar a Gradient Tool, defina os valores abaixo na barra de opções da ferramenta.

tutoriais photoshop

06. Clique e arraste no documento como é mostrado na imagem abaixo.

tutoriais photoshop

07. Depois de aplicar o gradiente a máscara que foi aplicada na layer do velocímetro deverá ficar como a da foto abaixo.

tutoriais photoshop

(adsbygoogle = window.adsbygoogle || []).push({});

08. Agora pressione Ctrl+T para abrir a caixa de Free Transform, note que a imagem do velocímetro é muito grande e apenas uma parte da imagem está visível em nosso documento, por isso conseguimos ver apenas o ponto médio da caixa de Free Transform.

tutoriais photoshop

09. Para que possamos ver todos os pontos pressione Ctrl+0 (Zero) e sua imagem automaticamente ficará como a da foto abaixo revelando a caixa de Free Transform inteira.

tutoriais photoshop

10. Clique próximo a um dos pontos diagonais e arraste o mouse, o ponteiro irá se transformar uma seta curva com duas direções, agora basta arrastar para rotacionar a imagem livremente.

tutoriais photoshop

11. Caso você queira mover a imagem basta clicar dentro da caixa de Free Transform, o ponteiro do mouse mais uma vez irá se transformar, basta clicar e arrastar a imagem livremente.

tutoriais photoshop

(adsbygoogle = window.adsbygoogle || []).push({});

12. Para redimensionar mantendo a proporção da imagem original deixe a tecla Shift pressionada e posicione o mouse sobre o ponto diagonal da caixa de Free Transform, novamente o ponteiro do mouse irá mudar apresentando uma seta com duas pontas, agora basta clicar e arrastar para redimensionar a imagem, caso você queira redimensionar a imagem livremente sem manter as proporções originais basta realizar o mesmo procedimento sem manter a tecla Shift pressionada.

tutoriais photoshop

13. Depois de rotacionar, acertar a posição e redimensionar a imagem pressione Enter, sua imagem deverá ficar como a da foto abaixo.

tutoriais photoshop

14. Agora clique na layer da imagem que servirá de fundo para a composição, clique no ícone de Add New Adjusment Layer no rodapé da paleta de layers e escolha a opção Black & White, caso você não use o Photoshop CS3 ou posterior escolha a opção Hue/Saturation e defina o valor de Saturation em -100.

tutoriais photoshop

15. Sua paleta de layers deverá ficar como a da foto abaixo.

tutoriais photoshop

16. E sua imagem final como a da foto abaixo.

tutoriais photoshop

(adsbygoogle = window.adsbygoogle || []).push({});

Site de origem: http://www.hostingcritic.net/blog/?p=194

bb_bid = “56332”;
bb_lang = “en-US”;
bb_name = “custom”;
bb_limit = “8”;
bb_format = “bbb”;

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.

$ s Comentários

Deixe uma resposta
  1. Gostei muito, acho que já vi isso em alguma propaganda ou programa do Discovery Channel.
    Parabéns mais um tutorial de qualidade.

  2. rawr… ótimaaa (: adorei tudo. mas cade aquele da luuua, e o passaro voador xD gostei mais daquela explicação, tava mais clara n00be (oi) kkk. enfim. lembro bem da outra. mas quero a outra! ;’ sniif gente malvada.

    oobrigada

  3. André,
    Você esqueceu de colocar os valores no passo 05.
    Abraços,
    Minha.

  4. Boa tarde. Andre Sugai, gostaria de saber porque não disponibiliza mais as fotos para fazer os tutorais.

    Wyllian.

  5. Oi Paulo, que outras? obrigado pela visita!!

    Oi Leonardo™ , é um efeito bem popular e bem fácil de ser feito, o resultado é bastante satisfatório também, obrigado pela visita! 🙂

    Oi Amanda M., você pode ver os tutorais anteriores clicando no link Tutoriais Anteriores :P, no alto da tela, no caso deste tutorial que você citou o link está aqui, obrigado pela visita! 🙂

    Oi Minha, na verdade eu estava me referindo ao modo de gradiente (Linear) e tipo de gradiente (do preto para o branco), obrigado pela visita! 😀

    Oi Wyllian, mas nunca foi disponibilizada as imagens de todos os tutoriais, apenas alguns onde as imagens são realmente essenciais, no geral os efeitos servem para qualquer tipo de foto, obrigado pela visita! 🙂

  6. Os seus tutoriais são ótimos, mas tá na hora de atualizá-los pro CS4, você não acha?
    Faz um mês que ele já está aí e muita gente já tem ele em seu computador, acho q já passou da hora de começar a usar os recursos 3d e tudo mais q o cs4 tem a oferecer!
    Valew, continue com seu trabalho cara, você é 10!

  7. concordo em parte com o felipe, realmente pra quem já tem o cs4 é uma maravilha, mas grande parte das pessoas ainda trabalham com o cs3, e aiiiiinda (meu caso na escola onde dou aulas) com o cs2…e muitos dos meus alunos usam este blog como parte dos exercícios complementares…ficariia muito dificil para eles assimilarem as ferramentas mais avançadas do cs4…sendo que algumas delas nem existem nas versões anteriores… obrigado pela atenção

  8. Apesar dos novos recursos do CS4, comparado com o CS3 aconteceram razoáveis mudanças, o upgrade para tutorias somente na versão CS4 seria muito desmerecedor para aquelas pessoas que utilizam do CS3 ou inferiores. Em parte como o Renan disse também concordo com você Felipe, mas cabe ao André qual rumo tomar nessa empreitada…
    Que tal fazer uma enquete ou algo assim para saber qual a opinião da galera?
    🙂

  9. Oi Felipe, os tutoriais para o CS4 virão mas não irei postar apenas para esta versão, assim como faço hoje continuarei postando tutoriais de diversas edições do Adobe Photoshop, assim que aparecer algo interessante pode ter certeza que postarei ok? obrigado pela visita.

    Oi Renan Rodrigues, migrar totalmente para o Photoshop CS4 não faz muito sentido pois a maioria dos tutoriais pode ser feita em todas as versões do Photoshop, com raras excessões quando a versão é muito antiga, mas soltarei alguns tutoriais mostrando como utilizar as novidades, assim podemoremos ver o que já é possível fazer nesta nova versão, obrigado pela visita!

    Oi Leonardo, passar a publicar apenas tutoriais do Photoshop CS4 não é o objetivo do blog, o ideal é publicar para diversos tutoriais em versões diferentes mas que sejam de fácil execução em todos, é lógico que com o tempo publicarei alguns tutoriais que só serão possíveis de serem realizados em versões mais atuais do Photoshop mas em geral o blog continuará publicando tutoriais que possam ser realizados em todas as versões, obrigado pela visita!!

  10. parabéns, me ajudou muuuuito, e ta tudo bem explicadinho, consegui fazer a montagem! xD ODISAHOI obrigada 😀

  11. AAAAAAaaaaaddddoooreeiiii!!!
    Tudo bem explicadinho,certinho OTIMOOOOOOOOOOOOOOOO!!!!!!!
    So que, minha foto a de fundo nao ficou tao dissolvida com a primeira, ficou aquele quadrado quando agente estar ajeitand ela.
    mas…vou fazer dinovoo pra ver o que houve!!

    Parabensss!

  12. alguém sabe como fazer essa montagem “efeito espalhado em fotos” fico muito grato.

  13. esqueci um detalhe nesse blog não tem esse tutorial por isso que estou pedindo esse favor.

  14. Oiiiii adorei seu blog… parabéns!!!

    Eu tentei fazer essa montagem mas logo no começo tive um pequeno problema, quando eu Add Layer Mask eu não consigo usar o gradient tool, eu clico no gradient certo mas qdo vou clicar na imagem o gradient não vai.

    Vc poderia me ajudar, já tentei várias vezes.
    Meu nome é Adriana e o photoshop que eu uso é o photoshop cs4.
    Beijão.

  15. Parabéns pelo ótimo trabalho de divulgação, cara!

    Adorei o tutorial.

Deixe uma resposta

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

dois × três =

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

Audi Q5 saindo da caixa.

Inspiração, Cartazes de Rock: Sum 41.