Página virando. | ::Tutoriais Photoshop::

Página virando.

Descrição: Como criar o efeito de página sendo virada no Photoshop.

tutoriaisphotoshop.net

Vídeo



01. Abra a imagem desejada e pressione Ctrl+J para duplicar a layer.

tutoriaisphotoshop.net

02. Selecione a layer copiada e vá em Edit> Free Transform ou pressione Ctrl+T.

tutoriaisphotoshop.net

03. Clique com o botão direto sobre a imagem e escolha a opção Warp.

tutoriaisphotoshop.net

04. Agora distorça sua imagem puxando a imagem do ponto inferior direito até o ponto mostrado na foto abaixo.

tutoriaisphotoshop.net

05. Clique com o botão direito sobre a imagem, escolha a opção Free Transform e depois dê um duplo-clique sobre a imagem para desativar a opção Free Transform.

06. Agora dê um duplo-clique sobre a layer para abrir a caixa de Blending Options, aplique um Drop Shadow e Bevel & Emboss para deixar o efeito mais realista.

tutoriaisphotoshop.net

Ao final seu efeito ficará assim.

tutoriaisphotoshop.net
Compartilhe no Google Plus

Sobre André Sugai

Publicitário, Photoshopista, criador do Tutoriais Photoshop, colaborador Tech Tudo (Globo.com ), iMasters (UOL), Adobe, Revista Photoshop Creative e parceiro Adobe, Dollar Photo Clube e Wix. Siga-me no Twitter | Facebook | Portifólio.
    Comente com Blogger
    Comente com Facebook

44 comentários:

  1. Olá André, é a Viviane de novo tudo bem? André acho esse efeito muito legal, mas não consegui fazer, meu PS é em português, e no modo tranformação livre só tenho redimensionar,girar,inclinar, distorcer e perspectiva, o que é warp?

    ResponderExcluir
  2. Oi Viviane!! fico feliz que esteja gostando dos tutoriais, bom, dependendo da versão do seu Photoshop pode ser que não tenha esta função, ela está presente a partir da versão CS, qual versão você está usando?

    ResponderExcluir
  3. Ola.. Adoro o blog.. ja aprendi muitooooooo com ele...
    Mais dessa vez to tendo o mesmo problema q a Viviane... não tem a função Warp no meu Photoshop.. eu to usando a versão CS em portugues e tem as mesmas funções q a Viviane citou acima... :(

    ResponderExcluir
  4. Olá Rodrigo!!, valeu pela visita, essa função é muito legal mas infelizmente só está presente na versão CS2 do Photoshop, volte mais vezes!! :)

    ResponderExcluir
  5. Muito boa cara... eu conhecia outro efeito mas era muito mais demorado e soh depois de muito esforco consegui deixa-lo mais real! muito boa! vou testar ele assim que puder... agora se houvsese um tutorial sobre os blend modes, o que cada um faz seria interessante! obrigado

    ResponderExcluir
  6. Oi stephan, valeu pela visita, quanto ao tutorial sobre os blend modes farei sim, são muito utilizados nos tutoriais e seria bom pra galera entender melhor como funcionam!! abraços e volte sempre!!

    ResponderExcluir
  7. André seu blog é excelente!!

    Vc pode me passar a versão que vc usa por email a CS2?

    meu email é celly_angel17@hotmail.com

    se quiser me add tb...

    bjs

    ResponderExcluir
  8. Oi marcelly, obrigado pelo elogio ao blog, acho que já te respondi pelo orkut né?, quando ao Photoshop por email acho que não vai dar hahah, não conheço nenhum serviço de email que aceite mais de 200 Mb em anexo :), volte sempre!!

    ResponderExcluir
  9. eu nw consgio fz..
    nw aparece os "9 quadrados"
    intw nw consigo fz com a q a pagina dobre....

    ResponderExcluir
  10. Oi vania, qual versão do Photoshop você está usando? como eu escrevi no começo do tutorial esse efeito não pode ser aplicado em versões anteriores da CS, espero sua resposta!! :)

    ResponderExcluir
  11. o meu photoshop é a
    adobe photoshop 7.0.1
    nw dá pra fz intw?!=/

    ResponderExcluir
  12. Oi vania, infelizmente nessa versão do Photoshop que você está usando este comando ainda não existia, ele só foi incorporado ao Photoshop depois da versão CS (8.0), obrigado pela visita!!

    ResponderExcluir
  13. N�o consigo fazer esse efeito...
    logo na segunda parte Selecionar a layer copiada e v� em Edit> Free Transform ou pressione Ctrl+T.
    n�o pega esse comando

    o que fa�o?

    ResponderExcluir
  14. Oi anônimo, qual sua versão de Photoshop? suas layers estão como as do tutorial? (existe algum cadeado na layer?), aguardo sua resposta!! obrigado pela visita!!

    ResponderExcluir
  15. Ola Andre..
    O meu Photoshop é o que vc usa.. versão CS2, mas não tem a opção warp =S
    existe alguma outra maneira ou alguma dica que vc possa me dar?
    grata =)
    bjus

    ResponderExcluir
  16. Oi Palavras Apenas, tem certeza disso? esse efeito pelo que sei está presente a partir do Photoshop CS, não tem como o seu ser o CS 2 e não ter, sem esta ferramenta fica bem difícil e quase impossível recriar este efeito, tente fazer o tutorial novamente com mais calma, as vezes pode ter passado despercebido :), espero que consiga aí, obrigado pela visita!!!

    ResponderExcluir
  17. Oiii
    meu photoshop é o cs8.0.1
    e não encontro essa função
    warp


    o q fazer?para encontra-la?

    ResponderExcluir
  18. Oi hiago, pressione Ctrl+T sobre a foto que estiver usando e depois pressiona o botão direito sobre a foto, você verá um menu como o da foto 3 na tela, aí é só selecionar a opção Warp ou senão vá em Edit> Transform> Warp, obrigado pela visita!!

    ResponderExcluir
  19. E aí pessoal

    André acho que o pessoal não está encontrando o Warp pq ele NÃO está em Free Transform e sim em Transform!
    Abraços
    Obs: qto a minha pergunta do turorial de composição de fotos eu já consegui acertar tudo!

    ResponderExcluir
  20. Oi Moicano, mas foi o que eu escrevi um comentário antes do seu, Edit> Transform> Warp, acho muito estranho o pessoal estar usando o CS2 e não achar esta função mesmo pelo menu contextual quando se clica com o botão direito quando a Transform Tool está ativa o Warp aparece na lista, estranho...

    ResponderExcluir
  21. E aí pessoal

    André... é que no seu tutorial está Free Transform (veja acima).
    Meu preciso de um help seu: gostaria de uma pequena ajuda (pois já sei um pouco) de como preparar uma foto para impressão.
    Mas uma vez parabéns pelo trampo do blog! Abraços

    ResponderExcluir
  22. Ah sim, mas ali foi somente para mostrar que ao aplicar o Free Transform ou clicando Ctrl+T quando se clica com o botão direito sobre a caixa que aparece ao redor da imagem você pode acessar as opções da ferramenta no menu contextual, mas o caminho para a Warp Tool pelo menu é realmente pelo Edit> Transform> Warp, valeu pelo toque :)

    ResponderExcluir
  23. oi andre sugai aqui é natalia eu tenho o photoshop cs2 e conseguir fazer o efeito de virar a página, mais o que eu achei interresante e que nessa demostraçao vc usa duas fotos diferentes,como eu faço esse efeito ficarei muito grata se vc respoder a essa minha duvida bjs e parabens!!!!

    ResponderExcluir
  24. Oi Natália, para mudar a foto que aparece abaixo basta você mudar a foto que fica na layer abaixo da foto que está virando, no caso do tutorial usei a mesma foto, mas você poderia usar qualquer foto, obrigado pela visita!! :)

    ResponderExcluir
  25. O Hiago fez essa pergunta e vou fazer novamente pois sua resposta não foi satisfatória....a versão cs. 8.0.1 não tem essa opção warp....mesmo indo em Edição...trasnformar....a nossa opção termina em perspective...e já pula para rotações....oque podemos fazer então?

    ResponderExcluir
  26. Oi Paulinha, o único caminho existente para a Warp Tool como disse são os dois mencionados anteriormente, tirei um screen do Photoshop mostrando o menu Editar ou Edit em inglês para vocês verem (da versão CS ou versão 8, espero que ajude, obrigado pela visita.

    http://www.salsicha.apanela.com/inferno/Materias/warp/imagem1.jpg

    ResponderExcluir
  27. Oi,
    Sei que vc já recebeu bastante elogios pelo seu blog mas devo confessar que ele é realmente demais. Estou aprendendo photoshop agora e fiz bastante pesquisa na Internet e posso dizer que o seu é realmente o melhor.
    Neste tutorial "Pagina Virando" achei que está faltando algum passo porque já no 1º passo as fotos são diferentes. Na foto da Camada 1, o rosto aparece mais em evidência e na camada 2 tem mais detalhe. Vc pode me dar uma dica sobre o assunto?

    ResponderExcluir
  28. Oi Anônimo, a foto que está na layer que fica por baixo foi redimensionada, para fazer isto basta pressionar Ctrl+T, a caixa de Free Transform irá se abrir e depois basta redimensionar a imagem como quiser, no tutorial ela foi redimensionada para dar mais destaque no rosto, para aproveitar o espaço que daria para ver ali onde a layer de cima dobra, fico feliz que tenha gostado do blog, obrigado pela visita e pelos elogios, volte sempre!! :)

    ResponderExcluir
  29. Ola andre tudo bem?
    Meu photoshop e versao 7.0.1 em portugues,como faço pra fazer esse efeito ou algo parecido nessa versão?
    Pode me dar dicas d como faze-lo?
    Obrigada

    ResponderExcluir
  30. Oi Anônimo, este recurso (Warp) está dispível somente da versão CS2 em diante, infelizmente com o Photoshop 7 não é possível realizar, obrigado pela visita!! :)

    ResponderExcluir
  31. formateimeu pc e estou sem PS...
    não consigo ficar sem T_T
    sabe de algum site pra baixar,fora o baixaki...
    tbm não conheço ninguém que tenha CD x.x

    ResponderExcluir
  32. Oi Anônimo, no site da Adobe você pode baixar a versão de testes, funciona por 30 dias, obrigado pela visita!! :)

    ResponderExcluir
  33. O warp é assim , , vc vai em editar > trasformação livre , ai quando aparecer a seleção na imagens vc clica com o botao direito do mouse no centro da imagem e seleciona a opção deformar, esse é o warp XD , o meu é o photoshop cs2 , vlw a todos by :Dayane

    ResponderExcluir
  34. Tutorial muito bom...tem um efeito que não está identificado (Bevel & Emboss) que no CS3 BR é encontrado em CAMADA>ESTILO DA CAMADA>CHANFRO E ENTALHE).
    No mais, gostei muito.
    Abraços: Anderson

    ResponderExcluir
  35. como faço para por a outra foto embaixo?!

    ResponderExcluir
  36. valeu o tutorial. também senti falta da orientação sobre a foto embaixo. você usa duas fotos para demonstrar o "pagina virando". eu resolvi essa dúvida abrindo primeiramente uma foto que eu queria que ficasse por baixo. recortei-a de forma que o motivo que eu queria mostrar ficasse no canto inferior direito. abri a foto que eu queria por cima, arrastei para cima da primeira e fiz o processo que você descreveu nessa camada. deu certo. achatei a imagem e pronto. ficou muito legal.
    acho que vou fazer com mais de duas fotos. deve ficar como um livro de fotos, com páginas virando. abs, obrigado.

    ResponderExcluir
  37. Olá!
    Gostei muito do blog ^.^
    Por favor tire minha duvida!
    O meu photoshop é o CS2 e quando eu cliquei no centro da imagem para distorce eu não achei o warp...
    Por favor me diga, porque eu não o warp ja que meu PS é o CS2 deveria ter achado.
    Obrigada pela atenção!

    ResponderExcluir
  38. Oi André Eh a Ciiça ...

    O meu PS eh o CS3.. consegui fazer o efeito .. mas nao consigo fazer a borda fikar em volta da parte q levanta.. notei no tutorial que quando vc dobra a pag.. ja tem a borda .. fiz isso. mas qd dobro .. ela fik fazndo o contorno em baixo!

    Obrigada!
    see quiseh m add..

    avila.cynthia@hotmail.com

    ResponderExcluir
  39. oi andre
    nao tem uma maneira d baixar o warp?
    eu uso o photoshop portatil

    obrigada

    ResponderExcluir
  40. OLá, antes de mais nada, parabéns pelo site, é muito bom a ajuda muito!
    Tenho o photoshop Cs e não existe essa função WARP. É algum tupo de plugin que eu possa baixar e instalar?

    Obrigado

    ResponderExcluir
  41. muito bom, estou aprendendo muito, mas ainda esta complicado pois o meu é o 7.0.

    ResponderExcluir
  42. Muito bom seus tutoriais! Consegui baixar o CS 3,mas pelo que vi na sua foto a imagem de baixo eh diferente da imagem de cima! Só consigo fazer com uma img,vc pode me ajudar? TATIANE

    ResponderExcluir
  43. OLA, GOSTARIA DE SABER SE TEM COMO BAIXAR GRATUITAMENTE O PHOTOSHOP CS2 OU É SOMENTE PAGANDO? NO MINIMO O CS2 SE POR ACASO VOCÊS PUDEREM, MANDEM UM E-MAIL (se possivel o mais rápido que puderem) FALAND0 SOBRE ISSO PARA alan.g_95@hotmail.com
    POR FAVOR, PEÇO MUITO ISSO...
    MUITO OBRIGADO

    ResponderExcluir
  44. eu não consegui fazer numa montagem de imagens que eu fiz, quando eu puxo e aperto a tecla enter, o photoshop parece q corta a pontinha de que virei, e acerta a imagem, o que eu faço? =/

    ResponderExcluir