Photoshop tutorial: Efeito de papel dobrado

imagem Adobe Photoshop é uma ferramenta poderosa e permite que você crie efeitos realmente apelativo. Para conseguir o efeito de flexão de uma folha de papel, de fato, podemos usar a ferramenta de transformação para "dobrar" - realmente - uma camada. Com um pouco de criatividade, podemos fazer o efeito muito realista. As imagens apresentadas abaixo neste tutorial são a título de exemplo e são feitos de baixa resolução. Para melhorar o efeito do uso de alta resolução, a fim de redimensionar a imagem para o final e obter uma bordas anti-aliasing.

PASSO 1

Crie 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 Editar, 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 trabalho mais completo. Desenhe algo dentro, até mesmo uma borda simples, sempre na mesma camada e repita o passo 2.

imagemimagem

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

imagemimagem

você pode realmente ter um vislumbre da "volta" da nossa camada. De facto, a camada não é tratado como elemento tridimensional. Na verdade não há "volta" do nosso papel. Photoshop "copiar" a frente fazendo parecer como "retro". Podemos usar essa propriedade para nossa vantagem. Em seguida, aplique um gradiente para a borda que queremos dobrar, apenas uma parte dele e tentar um gradiente de preto para transparente:

imagemimagem

Nós já melhorou a situação!

PASSO 4

Podemos melhorar o resultado ainda. Usamos esse tempo um gradiente de preto para branco, impostanto a opacidade para 50%:

imagem

imagemimagem

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

imagemimagem

Obtendo o primeiro ou segundo imagina, dependendo de como nós alteramos:

imagemimagem

Na segunda imagem que reverteu o gradiente. Isto, na verdade, pode decidir a origem do "light" e, em seguida, o efeito 3D.

PASSO 5

A dobragem pode ser feita ainda mais suave, que actuam sobre a extremidade de uma modificação, a adição de uma curvatura mais realista:

imagemimagem

A adição de uma pequena sombra, então, torna-se mais realista. Para adicionar uma sombra ao selecionado com a varinha mágica o canto dobrado. Adicione uma nova camada e preencha com preto, aplicando um filtro de desfoque.

imagemimagem

Agora, de volta na folha de camada, selecione o canto novamente 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 acrescenta máscara imagem . De modo a obter:

imagemimagem

Para mover a sombra clique na cadeia imagem entre a camada ea máscara de sombra. Selecione a camada da esquerda, a sombra, e movê-lo. Além disso aplicada uma opacidade de 50%.

17 comentários para: ""

  1. 07 março de 2008 Julius :

    um bom tutorial ...

    meus mais sinceros parabéns

  2. 07 março de 2008 Giovan Battista Fazioli :

    @ Julius: graças carisisimo ;)

  3. 07 abril de 2008 Simone :

    Parei na primeira corrida!
    Não consigo encontrar o comando no menu "Editar selecionado Transform / Altera" ..... mas onde está?
    Responder-me também danesi@entidi.it Thanks!

  4. 07 abril de 2008 Giovan Battista Fazioli :

    @ Simon: Eu era incapaz de enviar o e-mail, me dá erro, então eu responder aqui. O comando altera está disponível a partir da versão CS2 Photoshop.
    Em CS3 você tem que fazê-lo desta maneira:

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

    2) No menu "Edit" (se o Inglês Edit) ir para o item "Transformar", que contém um submenu, onde você vai encontrar o "Altera"

    Quando você seleciona uma parte de uma camada e "Transform" - por exemplo, em escala - na barra de ferramentas no topo, você também pode encontrar o ícone para alterar o modo de alteração.

  5. 07 abril de 2008 Simone :

    é por isso que ... Eu só photoshop 7 .... pecado, agora eu estou procurando a versão cs3
    obrigado de qualquer maneira!
    oh eu esqueci que eu realmente gosto do logotipo de "undolog" ... que você gostaria de dar este efeito ao texto?
    PS
    Meu e-mail é outra info@bresciapoint.it

  6. 28 de abril de 2008 groggit.com:

    Photoshop tutorial: efeito folha dobrada | Undolog.com ...
    Tutorial mostra que, passo a passo, como para obter o efeito de dobragem de uma folha de papel ....

  7. 13 de junho de 2008 Luis:

    Ótimo tutorial!

  8. 14 junho de 2008 Joseph :

    Muito útil ... então não vamos criar arestas ad hoc. Obrigado!

  9. 20 de outubro de 2008 charly:

    Eu sou um neófito, web, me desculpem se eu esgueirar-se aqui e ali. Parabéns, você é muito inteligente!

  10. 8 de fevereiro de 2009 Links da semana # 26 - Amoga Webmania :

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

  11. 26 fev 2009 ANDRES:

    @ Simon: só mantém ERRAMIENTA CS3 POR EL ESO NO LA ENCUENTRAS

  12. 20 mar 2009 LB :

    Perfeito. Bom trabalho. Esqueci completamente que o método

  13. 08 de julho de 2009 RP:

    o grande tutorial! P Estou usando o CS4 e quando eu puxo o ângulo para o interior do retângulo, a parte de trás não é a cópia da frente, mas transparente. como eu posso conseguir o efeito do tutorial?
    Obrigado e parabéns pelo site eo tutorial!

  14. 08 de julho de 2009 Giovan Battista Fazioli :

    @ RP:

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

    Photoshop CS4 também com o efeito não muda. Talvez o problema está em como você criou a forma que você pressiona para baixo. Isso deve caber em uma única camada. A operação de "dobrar", de facto, actua sobre uma camada única. Tenta mesclar as camadas em uma única camada e trabalho. Eu acho que o problema é que ...

  15. 08 de julho de 2009 RP:

    @ Giovan Battista Fazioli:

    obrigado! agora eu recopy. Mas a dificuldade é que eu entendo que forma o gradiente de vir bem a dobra. Eu sou um pouco de hacking ...
    obrigado novamente pela dica!

  16. 09 de janeiro de 2011 Emanuela:

    DESCULPE, mas o procedimento MESMO QUE VOCÊ PODE FAZER COM UMA FOTO?

  17. 10 de janeiro de 2011 Giovan Battista Fazioli :

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

Deixe um comentário

TAG XHTML permita: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> código de entrada:
 <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