i-Graphix

Photoshop & Grafica sono le parole chiave di questo sito..

[Photoshop] Effetto foglio piegato

Settembre27


image Adobe Photoshop è uno strumento potente e permette di realizzare effetti davvero accattivanti. Per realizzare l’effetto di piegatura di un foglio di carta, infatti, possiamo usare lo strumento di trasformazione per “piegare” - davvero - un layer. Con qualche piccolo accorgimento possiamo rendere l’effetto davvero realistico. Le immagini presentate qui di seguito in questo tutorial sono a titolo di esempio e sono state realizzate in bassa risoluzione. Per migliorare l’effetto usare una risoluzione alta, così da ridimensionare l’immagine alla fine e ottenere un antialiasing sui bordi.

PASSO 1

Creiamo un nuovo documento e aggiungiamo un layer, il nostro foglio di carta - io ho fatto un quadrato rosso:

image

PASSO 2

Premete Ctrl-T per attivare la trasformazione libera. Cliccate su bottone image oppure, dal menu Modifica selezionate Trasforma/Altera.

image image

A questo punto cliccate su un angolo e trascinatelo verso il centro:

image image

Questa è la base. Tuttavia l’effetto è solo parziale. Possiamo migliorarlo aggiungendo qualche particolare.

PASSO 3

Rendiamo il nostro foglio più completo. Disegnamo qualcosa all’interno, anche un semplice bordo, sempre sullo stesso layer e ripetiamo il passo 2.

image image

Come è possibile notare non viene alterato solo il bordo ma l’intera figura del layer. Inoltre, se provate ad esagerare, trascinando im mouse durante l’alterazione verso il centro del foglio:

image image

è possibile effettivamente intravedere il “retro” del nostro layer. In realtà il layer non viene trattato come elemento tridimensionale. Infatti non esiste nessun “retro” del nostro foglio. Photoshop “copia” la parte frontale facendola apparire come “retro”. Possiamo sfruttare questa proprietà a nostro vantaggio. Applichiamo quindi una sfumatura sul bordo che vogliamo piegare; solo su una porzione di esso e proviamo una sfumatura dal nero al trasparente:

image image

Abbiamo già migliorato la situazione!

PASSO 4

Possiamo migliorare il risultato ancora. Usiamo questa volta una sfumatura dal nero al bianco, impostanto l’opacità a 50%:

image

image image

Unìinteressante variante, durante l’alterazione, è quella di usare una porzione del layer, come abbiamo fatto per la sfumatura, ed agire sui controlli della distorzione:

image image

Ottenendo la prima o la seconda immagina a seconda di come alteriamo:

image image

Nella seconda immagine ho invertito la sfumatura. Questa, infatti, decide la provenienza della “luce” e quindi dell’effetto 3D.

PASSO 5

La piegatura può essere resa ancora più morbida agendo sul bordo dell’alterazione, aggiungendo una bombatura più realistica:

image image

L’aggiunta di un piccola ombra, poi, rende il tutto più realistico. Per aggiungere l’ombra selezionate con la bacchetta magica l’angolo ripiegato. Aggiungete un nuovo layer e riempitelo di nero, applicando un filtro sfumatura.

image image

A questo punto tornate sul layer foglio, selezionate nuovamente l’angolo con la bacchetta magica, selezionate il nuovo layer appena creato che contiene la nostra ombra e premete Ctrl+Alt+I per invertire la selezione:

image image

cliccate su aggiunge maschera image. Così da ottenere:

image image

Per spostare l’ombra cliccate sulla catena image tra i layer ombra e la maschera. Selezionate il layer di sinistra, l’ombra, e spostatela. Applicate anche una opacità del 50%.

Fonte: www.undolog.com

Condividi la notizia con tutti:
  • Digg
  • del.icio.us
  • Facebook
  • Google
  • Blogosphere News
  • Live
  • Segnalo
  • Technorati
  • Upnews
  • Wikio IT
  • YahooMyWeb

Share/Save/Bookmark

posted under Tutorial Photoshop
Un Commento to

“[Photoshop] Effetto foglio piegato”

  1. On Luglio 8th, 2009 at 01:04 rai-p Dice:

    ciao!utilissima questa guida!
    ma seguendola quando applico la trasformazione lo sfondo della piega non viene copiato. ho un quadrato giallo che sto cercando di piegare ma la piega risulta trasparente. come mai ?

Non verrà pubblicata

Esempio

Tuo Commento: