em , , , , ,

Efeito de página virando no Photoshop.

Descrição: Neste tutorial veremos como criar o efeito de página sendo virada no Photoshop utilizando a opção Warp de distorção.

Vídeo

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

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

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

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

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.

Ao final seu efeito ficará assim.

Site de origem: http://itschool.dev.bg/tutorials/article/4325/

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 para AnônimoCancelar resposta

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.

44 Comments

  1. 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[at]hotmail.com
    POR FAVOR, PEÇO MUITO ISSO…
    MUITO OBRIGADO

  2. 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

  3. 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[at]hotmail.com

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

  5. 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.

  6. 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

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

  8. 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?

  9. 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.

    salsicha.apanela.com/inferno/Materias/warp/imagem1.jpg

  10. 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?

  11. 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!! 🙂

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

  13. 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 🙂

  14. 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

  15. 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…

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

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

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

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

  20. 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!! 🙂

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

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

  23. 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

  24. 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… 🙁

  25. 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?

  26. 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?

Palestra – Ferramentas CS3 para a WEB – WOC – 24/05/07

Spiderman Black no Photoshop 7.