Photoshop tutorial: Efeito papel dobrado

imagem Adobe Photoshop é uma ferramenta poderosa e permite que você crie efeitos verdadeiramente cativante. Para obter o efeito de curvatura de uma folha de papel, de fato, podemos usar a ferramenta de transformação para "dobrar" - realmente - uma camada. Com alguns pequenos passos podem fazer o efeito muito realista. As imagens apresentadas a seguir neste tutorial são exemplos e são feitas em baixa resolução. Para melhorar o efeito do uso de uma alta resolução, de modo que você deseja redimensionar a imagem para o fim e ter uma anti-aliasing nas bordas.

PASSO 1

Criar um novo documento e adicionar uma camada, a nossa folha de papel - eu fiz um quadrado vermelho:

imagem

PASSO 2

Pressione Ctrl-T para ativar a Free Transform. Clique no botão imagem ou, no menu Edit, escolha Transform / Warp.

imagemimagem

Neste ponto, clique e arraste um canto para o centro:

imagemimagem

Esta é a base. No entanto, o efeito é apenas parcial. Podemos melhorá-lo adicionando alguns detalhes.

PASSO 3

Nós fazemos o nosso papel mais completo. Desenhar algo dentro, mesmo uma simples fronteira, na mesma camada e repita o passo 2.

imagemimagem

Como você pode ver apenas a borda não é afetada, mas a figura toda a camada. Além disso, se você tentar exagerar, im arrastar do mouse durante a alteração para o centro da folha:

imagemimagem

você pode realmente ver o "back" do nosso camadas. Na verdade, a camada não é tratado como elemento tridimensional. Na verdade não há "back" do nosso papel. Photoshop "cópia" da frente tornando-a "retro". Podemos usar essa propriedade para a nossa vantagem. Em seguida, aplique um gradiente até a borda queremos vezes, apenas uma parte dele e tentar um gradiente de preto para transparente:

imagemimagem

Já melhorou a situação!

PASSO 4

Ainda podemos melhorar o resultado. Desta vez usamos um gradiente de preto para branco, impostanto a opacidade para 50%:

imagem

imagemimagem

Unìinteressante variação durante a alteração, é usar uma parte da camada, como fizemos para o gradiente, distorção e agir sobre os controles:

imagemimagem

Obtendo o primeiro ou o segundo imagina alterar dependendo de como:

imagemimagem

Na segunda imagem eu tenho inverteu o gradiente. Esta, de fato, decide a origem da "luz" e em seguida 3-D efeito.

PASSO 5

A flexão pode ser feito ainda mais suave, agindo sobre a borda da alteração, acrescentando uma curvatura mais realista:

imagemimagem

A adição de uma pequena sombra, então, torna mais realista. Para adicionar uma sombra com a varinha mágica selecione o canto dobrado. Adicionar uma nova camada e preencha com preto, aplicação de um gradiente de filtro.

imagemimagem

Agora, de volta sobre a camada de papel, selecione novamente a esquina com a varinha mágica, selecione a nova camada que você acabou de criar que contém a nossa sombra e pressione Ctrl + Alt + I para inverter a seleção:

imagemimagem

clique em Add Layer Mask imagem . De modo a obter:

imagemimagem

Para mover o clique sombra sobre a cadeia imagem entre a camada ea máscara de sombra. Selecione a camada do lado esquerdo, a sombra, e se mover. Também aplicada uma opacidade de 50%.

17 comentários para "Tutorial Photoshop: Efeito papel dobrado"

  1. 07 março de 2008 Julius :

    um tutorial muito bom ...

    meus mais sinceros parabéns

  2. 07 abril de 2008 Simon :

    Parei na primeira etapa!
    Não consigo encontrar o comando Editar menu 'selecionados Transform / Warp "... .. mas onde é?
    Responda-me também danesi@entidi.it Obrigado!

  3. 07 abril de 2008 Giovambattista Fazioli :

    @ Simon: Eu não poderia enviar o email, ele retorna erro, então eu respondo aqui. O comando está disponível na versão alterada do Photoshop CS2.
    No CS3 você deve proceder da seguinte forma:

    1) Selecione a camada que você quer "dobrar" ou alterar

    2) A partir do menu "Editar" (se o Inglês Edit) Vai em "Transform", que contém um submenu, onde você vai encontrar o "Warp"

    Quando você seleciona uma parte de uma camada e os "Transform" - tais como escadas - na barra de ferramentas no topo também é possível encontrar o ícone para alternar para o modo de alteração.

  4. 07 abril de 2008 Simon :

    ... É por isso que eu só tenho photoshop 7 .... pecado, agora eu tento a versão cs3
    obrigado na mesma!
    Oh, eu esqueci que eu realmente gosto do logo "undolog" ... como você pode dar esse efeito de texto?
    PS
    Meu e-mail é outro info@bresciapoint.it

  5. 28 de abril de 2008 groggit.com:

    Tutorial Photoshop: Efeito de papel dobrado | Undolog.com ...
    Tutorial que mostra passo a passo como obter o efeito de dobrar uma folha de papel ....

  6. 13 de junho de 2008 Luis:

    Ótimo tutorial !!!!!

  7. 14 junho de 2008 Joseph :

    Muito útil ... por isso evitar a criação de um bordas ad hoc. Thank you!

  8. 20 de outubro de 2008 charly:

    Eu sou um neófito, a web, desculpe sneaks aqui e ali. parabéns, você é muito inteligente!

  9. 08 de fevereiro de 2009 Link da Semana # 26 - Amogh WebMania :

    [...] Photoshop Tutorial: Efeito de papel dobrado [...]

  10. 26 fev 2009 ANDRES:

    @ Simon: Apenas capta a CS3 ERRAMIENTA EO NÃO POR ESO ENCUENTRAS

  11. 20 mar 2009 LB :

    Perfeita. Grande trabalho. Esqueci completamente sobre este método

  12. 08 de julho de 2009 RP:

    ótimo tutorial! P Estou usando CS4 e quando o ângulo de rolagem para o interior do retângulo, a volta não é a cópia da frente, mas é transparente. como posso obter o efeito do tutorial?
    obrigado e parabéns pelo site e os tutoriais!

  13. 08 de julho de 2009 Giovambattista Fazioli :

    @ RP:

    parte de trás não é a cópia da frente, mas é transparente.

    Photoshop CS4 também não altera o efeito. Talvez o problema reside na forma como você criou a forma que você está dobrando. Isso deve caber em uma única camada. A operação de "dobra" na verdade, age em uma única camada. Tente misturar as camadas em uma camada e trabalho. Eu acho que o problema é que ...

  14. 08 de julho de 2009 RP:

    @ Giovambattista Fazioli:

    obrigado! agora copiar de volta. Mas a dificuldade que eu acho é entender a nuance de que forma fazer bem para vir ao redil. Eu estou brincando um pouco ...
    Obrigado novamente por seu feedback!

  15. 09 de janeiro de 2011 emanuela:

    Desculpe, mas você PODE fazer o mesmo processo com uma imagem?

  16. 10 de janeiro de 2011 Giovambattista Fazioli :

    @ Emanuela: Eu diria que sim ... teste!? O importante é que a "foto" é uma única camada.

Deixe um comentário

XHTML PERMIT TAG: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> CÓDIGO DE INSERÇÃO:
 <pre></pre> // blocco generico <code></code> // blocco generico [cc_actionscript][/cc_actionscript] // Actionscript [cc_actionscript3][/cc_actionscript3] // Actionscript 3 [cc_css][/cc_css] // CSS Style Sheet [cc_html][/cc_html] // HTML [cc_js][/cc_js] // Javascript [cc_objc][/cc_objc] // Objective-C [cc_php][/cc_objc] // PHP [cc_sql][/cc_sql] // SQL