Banner Tutoriais Photoshop


Tutorial Anterior: Bordas com efeito. | Página Inicial >>
Tutorial Anterior: Problemas com algumas imagens. | Página Inicial >>
Tutorial Anterior: Transformar fotos coloridas em preto-e-branco com ... | Página Inicial >>
Tutorial Anterior: A tela de abertura de todas as versões de Photosho... | Página Inicial >>
Tutorial Anterior: Criando um olho. | Página Inicial >>
Tutorial Anterior: Nova dieta revolucionária!! | Página Inicial >>
Tutorial Anterior: Criando uma peruca virtual. | Página Inicial >>
Tutorial Anterior: Palestra - Mercado Profissional de DTP (Adobe) - D... | Página Inicial >>
Tutorial Anterior: Tuning Virtual: tunning completo. | Página Inicial >>

quarta-feira, 23 de maio de 2007


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

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


    44 Comentários:

    Às 29 de maio de 2007 14:55:00 BRT , Blogger viviane-lara disse...

    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?

     
    Às 29 de maio de 2007 15:22:00 BRT , Blogger Andre Sugai disse...

    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?

     
    Às 29 de maio de 2007 22:20:00 BRT , Anonymous Rodrigo disse...

    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... :(

     
    Às 30 de maio de 2007 00:12:00 BRT , Blogger Andre Sugai disse...

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

     
    Às 22 de junho de 2007 18:39:00 BRT , Blogger Stephan disse...

    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

     
    Às 25 de junho de 2007 17:14:00 BRT , Blogger Andre Sugai disse...

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

     
    Às 28 de junho de 2007 19:17:00 BRT , Anonymous Marcelly disse...

    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

     
    Às 30 de junho de 2007 21:15:00 BRT , Blogger Andre Sugai disse...

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

     
    Às 3 de julho de 2007 03:26:00 BRT , Anonymous Vania disse...

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

     
    Às 3 de julho de 2007 09:30:00 BRT , Blogger Andre Sugai disse...

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

     
    Às 6 de julho de 2007 03:47:00 BRT , Anonymous vania disse...

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

     
    Às 6 de julho de 2007 09:29:00 BRT , Blogger Andre Sugai disse...

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

     
    Às 14 de julho de 2007 15:13:00 BRT , Anonymous Anônimo disse...

    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?

     
    Às 15 de julho de 2007 20:24:00 BRT , Blogger Andre Sugai disse...

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

     
    Às 18 de julho de 2007 13:00:00 BRT , Blogger Palavras Apenas disse...

    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

     
    Às 18 de julho de 2007 13:08:00 BRT , Blogger Andre Sugai disse...

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

     
    Às 28 de julho de 2007 17:46:00 BRT , Blogger hiago disse...

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


    o q fazer?para encontra-la?

     
    Às 30 de julho de 2007 15:42:00 BRT , Blogger Andre Sugai disse...

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

     
    Às 6 de agosto de 2007 20:03:00 BRT , Anonymous Moicano disse...

    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!

     
    Às 9 de agosto de 2007 17:46:00 BRT , Blogger Andre Sugai disse...

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

     
    Às 9 de agosto de 2007 18:30:00 BRT , Anonymous Moicano disse...

    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

     
    Às 10 de agosto de 2007 09:22:00 BRT , Blogger Andre Sugai disse...

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

     
    Às 9 de setembro de 2007 19:22:00 BRT , Anonymous Anônimo disse...

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

     
    Às 10 de setembro de 2007 11:51:00 BRT , Blogger Andre Sugai disse...

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

     
    Às 10 de setembro de 2007 14:39:00 BRT , Blogger PAULINHA NUNES disse...

    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?

     
    Às 10 de setembro de 2007 15:02:00 BRT , Blogger Andre Sugai disse...

    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

     
    Às 17 de setembro de 2007 21:32:00 BRT , Anonymous Anônimo disse...

    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?

     
    Às 18 de setembro de 2007 09:19:00 BRT , Blogger Andre Sugai disse...

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

     
    Às 23 de setembro de 2007 16:48:00 BRT , Anonymous Anônimo disse...

    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

     
    Às 24 de setembro de 2007 14:56:00 BRT , Blogger Andre Sugai disse...

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

     
    Às 19 de dezembro de 2007 07:36:00 BRST , Anonymous Anônimo disse...

    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

     
    Às 20 de dezembro de 2007 14:18:00 BRST , Blogger Andre Sugai disse...

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

     
    Às 17 de agosto de 2008 19:19:00 BRT , Anonymous Dayane disse...

    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

     
    Às 22 de setembro de 2008 17:10:00 BRT , Anonymous Anônimo disse...

    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

     
    Às 3 de dezembro de 2008 23:50:00 BRST , Anonymous Anônimo disse...

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

     
    Às 6 de dezembro de 2008 23:44:00 BRST , Anonymous carlosaraujo disse...

    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.

     
    Às 19 de janeiro de 2009 20:13:00 BRST , Anonymous Thamiris disse...

    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!

     
    Às 6 de fevereiro de 2009 15:48:00 BRST , Blogger Cíntia disse...

    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

     
    Às 18 de agosto de 2009 09:18:00 BRT , Anonymous Anônimo disse...

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

    obrigada

     
    Às 28 de agosto de 2009 10:05:00 BRT , Anonymous Fernando disse...

    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

     
    Às 14 de fevereiro de 2010 10:17:00 BRST , Blogger Jocemara Amaral disse...

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

     
    Às 18 de fevereiro de 2010 12:41:00 BRST , Anonymous Anônimo disse...

    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

     
    Às 30 de abril de 2010 15:05:00 BRT , Anonymous alan disse...

    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

     
    Às 29 de janeiro de 2011 20:24:00 BRST , Anonymous marcella disse...

    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? =/

     

    Postar um comentário

    Assinar Postar comentários [Atom]

    Links para esta postagem:

    Criar um link

    << Início