Oggi vi faremo il pacco!… con Photoshop, ovviamente

Pubblicato il: 24/04/2009
3 commenti

packaging con Photoshop

No no, avete capito male, non voglio truffarvi, bensì oggi spieghiamo  un modo semplice per creare packaging/box, pacco doppio, pacco e contropaccotto col nostro fido Photoshop.

In questo tutorial vedremo meglio anche alcune funzioni dell’opzione per la trasformazione libera degli oggetti sperando di facilitarvi in lavoretti futuri.

Cominciamo a creare un nuovo documento, 600x400px può andare più che bene, ricordatevi di abilitare i righelli premendo i tasti control+R (mela+R mac o
dal menù Visualizza->Righelli) e gia che ci siete dal menù Visualizza spuntate l’opzione “effetto calamita” (snap) in questo modo sarà più facile agganciare
le guide o posizionare elementi nella nostra tela.

Creiamo una guida cliccando col cursore del mouse sul righello verticale e trascinandola circa al 100esimo pixel della tela in questo modo.

Guida

Abbiamo così suddiviso il layout del nostro box in due parti:  la parte laterale e la “facciata principale”, ora usiamo la nostra fantasia per decorare il nostro layout, prima di
trasformarlo. Di sicuro la vostra fantasia darà frutti migliori  :P

Layout

Ricordatevi di rasterizzare gli eventuali livelli di testo, e di unire tutto in un unico livello, usando la combinazione di tasti shift+control+E (oppure selezionando
col tasto shift tutti i livelli poi col tasto destro selezionare Unisci Livelli dal menù a tendina, o ancora dal menù Livelli->unisci visibili o unico livello quest’ultimo creerà il livello di sfondo bloccato).

Creiamo un nuovo documento, grande poco più del documento creato precedentemente ad esempio aumentiamo di 75px, quindi 675x475px con sfondo bianco, lo rinominiamo appunto sfondo.
Posizioniamo due guide in modo da trovare il centro esatto della tela, per farlo bisogna tenere l’opzione effetto calamita, dal menù Visualizza, abilitata. Automaticamente
trascinando le guide verso il centro del documento queste si bloccheranno, vi consiglio di trascinarle lentamente.

Centro

Trasciniamo il livello precedentemente creato nella nuova tela.

Trascina in nuovo livello

Come per le guide, trasciniamo il livello appena spostato verso il centro, automaticamente sarà agganciato all’intersezione fra le 2 guide e quindi centrato.

Centra Livello

Cancelliamo pure le due guide che abbiamo utilizzato per centrare il livello (basta trascinarle di nuovo verso i righelli)

Aggiungiamo delle guide come nell’immagine (per selezionare le guide alle estremità dei livelli, basta selezionare il livello in questione e quindi trascinare le guide ai bordi altrimenti per aumentare la precisione nel posizionarle manualmente tenete premuto il tasto CTRL).

Posizionamento guide

Abbiamo creato così il reticolo che ci permetterà di creare la prospettiva del box.

Usiamo lo strumento Selezione Rettangolare (premete il tasto M) e tracciamo una selezione, seguendo le linee guida, della parte laterale del nostro livello.

Selezione

Quindi premiamo control+T per abilitare la trasformazione libera della selezione, clicchiamo col tasto destro all’interno del riquadro della trasformazione e seleziamo
Prospettiva, selezionando l’estremità superiore trasciniamoci verso il basso, dovremmo avere un risultato simile.

Trasformazione libera

(Magari possiamo usare la stessa procedura, utilizzando però Scala invece di prospettiva per ridurre un po’ la larghezza del nostro box.)

Ripetiamo la stessa procedura anche per la “faccia” del box.

Trasformazione libera: Scala

In effetti dovete ingegniarvi un po’ per trovare la giusta prospettiva desiderata.

Aggiungiamo lo stile di livello Traccia, come impostazioni scegliamo 1px e il colore nero, poi con lo strumento linea, usando le impostazioni Riempi Pixel e larghezza di 1 px, tracciamo una linea che separerà la faccia del box dalla sua parte laterale in questo modo.

Bordi box

Diciamo che il nostro box è terminato… ovviamente sta alla vostra fantasia aggiungere elementi, ombre, bordi, ecc…

Ci aggiungiamo il riflesso?

Allora, prima di tutto visto che abbiamo scalato la faccia e il lato del nostro box trasciniamo le guide laterali (destra e sinistra)  in modo da adattarle alla nuova grandezza, quindi creiamo una selezione della faccia, pigiando CTRL+C (copia) e CTRL+V (incolla),  così verrà creato un nuovo livello che conterrà la copia della faccia del box, dopodichè su questo nuovo livello abilitiamo la trasformazione libera CTRL+T e cliccando col tasto destro selezioniamo  Rifletti Verticale, diamo l’ok selezionando il segno di spunta in alto sotto i menù e portiamo il livello “copia faccia” sotto al nostro livello del box, trasciniamo poi il contenuto del livello “copia faccia” verso la parte inferiore del box, in modo che le due estremità inferiori si congiungano.

Riflesso

Abilitiamo di nuovo la trasformazione libera sul livello di “copia faccia”, selezioniamo dal menù a tendina, che ci comparirà alla presione del click destro, Prospettiva e adattiamo in questo modo:

Adattamento prospettiva

analogamente ripetiamo la stessa procedura per il lato del box, aggiungiamo le linee dei bordi con lo strumento linea, e uniamo i due livelli copia al fine di ottenere questo.

Riflesso finito

Creiamo una maschera sul livello copia e con lo strumento sfumatura, creiamo una sfumatura che parte dal basso verso l’alto, usiamo come colore il nero che sfuma verso il trasparente

Sfumatura riflessione

e riduciamo l’opacità del livello al 75% circa

Finito :)

box finito

Allora vi aspettiamo sul forum con le vostre creazioni!

3 Commenti a “Oggi vi faremo il pacco!… con Photoshop, ovviamente”

  1. @ Internet: Creare un box con photoshop | Total Photoshop - tutto il mondo di … | Online Web News Says:

    [...] Vai a vedere articolo:  Creare un box con photoshop | Total Photoshop – tutto il mondo di … [...]

  2. volpy Says:

    Supermegafikissimo…..^-^
    grazie…..

  3. Ohm Says:

    Grazie volpy son contento che ti piaccia! :D

Lascia un commento

Usa il tuo account Facebook oppure compila il form