Banner Tutoriais Photoshop



Tutorial Anterior: Trabalhos de Ron Wimberly. | Página Inicial >>
Tutorial Anterior: Almost, diretamente do festival de filmes independ... | Página Inicial >>
Tutorial Anterior: Trabalhos de Stephanie Toppin. | Página Inicial >>
Tutorial Anterior: Inspiração, Cartazes de Rock: Foo Fighters. | Página Inicial >>
Tutorial Anterior: Efeito Stencil Art 2 para suas fotos. | Página Inicial >>
Tutorial Anterior: Graffiti em Stop Motion. | Página Inicial >>
Tutorial Anterior: Trabalhos de Ben Tour. | Página Inicial >>
Tutorial Anterior: Mutations 3D. | Página Inicial >>
Tutorial Anterior: Ilustrações de Agata Nowicka. | Página Inicial >>

quarta-feira, 7 de janeiro de 2009


Montagem com duas fotos.


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



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.



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



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.



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.



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.



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



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



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.



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.



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.



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.



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.



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



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.



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



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



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

Related Posts Plugin for WordPress, Blogger... Participe deixando seu comentário, dúvida, sugestão, ideias, exemplos ou simplesmente dizendo um "Olá!" na parte de comentários deste Post, sua participação é extremamente importante para o blog e também para todos os leitores que posteriormente terão acesso aos tutoriais e matérias que oferecemos por aqui.

Caso não queira ficar de fora das atualizações diárias do blog você tem 3 opções bem práticas:

  • Siga-me no Twitter.
  • Cadastre-se e receba por e-mail o resumo diário do que foi postado aqui no blog.
  • Cadastre nosso endereço RSS para receber as atualizações via leitor de Feeds.
  • Obrigado por ter votado no ::Tutoriais Photoshop:: para o iBest e Peixe Grande 2008 e 2009!

    Até a próxima!!


    24 Comentários:

    Às 7 de janeiro de 2009 11:03:00 BRST , Anonymous Paulo disse...

    muito bom...mas sempre parecida com as outras

     
    Às 7 de janeiro de 2009 12:51:00 BRST , Anonymous Leonardo™ disse...

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

     
    Às 7 de janeiro de 2009 12:52:00 BRST , Anonymous Amanda M. disse...

    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

     
    Às 7 de janeiro de 2009 15:12:00 BRST , Anonymous Minha disse...

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

     
    Às 7 de janeiro de 2009 15:26:00 BRST , Anonymous Anônimo disse...

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

    Wyllian.

     
    Às 7 de janeiro de 2009 15:41:00 BRST , Blogger Andre Sugai disse...

    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! :D

    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! :)

     
    Às 8 de janeiro de 2009 10:58:00 BRST , Anonymous Felipe disse...

    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!

     
    Às 8 de janeiro de 2009 14:36:00 BRST , Blogger Renan Rodrigues disse...

    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

     
    Às 9 de janeiro de 2009 13:41:00 BRST , Anonymous Leonardo™ disse...

    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?
    :)

     
    Às 9 de janeiro de 2009 14:39:00 BRST , Blogger Andre Sugai disse...

    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!!

     
    Às 17 de janeiro de 2009 15:48:00 BRST , Anonymous annie disse...

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

     
    Às 25 de janeiro de 2009 03:09:00 BRST , Blogger Carpe Diem disse...

    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!

     
    Às 25 de janeiro de 2009 20:01:00 BRST , Anonymous Anônimo disse...

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

     
    Às 25 de janeiro de 2009 20:04:00 BRST , Anonymous Anônimo disse...

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

     
    Às 3 de março de 2009 11:08:00 BRT , Blogger ismael disse...

    muito bom!!!

     
    Às 9 de abril de 2009 20:28:00 BRT , Anonymous Anônimo disse...

    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.

     
    Às 12 de novembro de 2009 17:36:00 BRST , Anonymous Anônimo disse...

    fácil de aprender

     
    Às 2 de janeiro de 2010 20:20:00 BRST , Anonymous Anônimo disse...

    Que legal ficou swouUUUUUUUUUUU

     
    Às 13 de abril de 2010 18:31:00 BRT , Anonymous Anônimo disse...

    ótimo tutorial, super bem explicado valeu!

     
    Às 28 de abril de 2010 10:43:00 BRT , Blogger Guerreiro disse...

    Gostei desse site

     
    Às 3 de janeiro de 2011 16:41:00 BRST , Blogger Fabinho disse...

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

    Adorei o tutorial.

     
    Às 25 de outubro de 2011 14:45:00 BRST , Anonymous Anônimo disse...

    será q isso serve pra fazer com 3 fotos? *-*

     
    Às 9 de outubro de 2013 08:33:00 BRT , Blogger Hencklein disse...

    Muito bom esse tutorial

     
    Às 16 de outubro de 2013 21:40:00 BRT , Anonymous Anônimo disse...

    Vlw mesmo kra... MUITO BOM!!!!

     

    Postar um comentário

    Assinar Postar comentários [Atom]

    Links para esta postagem:

    Criar um link

    << Início