Icone 3D con Photoshop, un bicchiere di carta

di: Paola D'Amico     13 Ottobre 2011

In questo tutorial mostreremo come realizzare l'icona di un bicchiere di carta decorato, utilizzando Photoshop. Le tecniche che utilizzeremo rappresentano sono di livello di difficoltà intermedio: nel creare la nostra icona vedremo come utilizzare forme, maschere vettoriali e filtri avanzati.

Iniziamo creando il documento: il risultato dovrà essere un'icona ad alta risoluzione, perciò impostiamo la larghezza e l'altezza a 512px; anche se si utilizzerà l'immagine finale più piccola, è meglio iniziare con una dimensione più grande per ottenere un risultato più nitido, a meno che non si preveda di ridurre la dimensione di oltre il 50%.

Figura 1. Il risultato del tutorial
(clic per ingrandire)

Il risultato del tutorial

Impostiamo lo sfondo su trasparente, ma siamo liberi di utilizzare un colore grigio all'interno del progetto se l'effetto scacchiera dovesse interferire con il design.

Figura 2. Definizione del documento iniziale
(clic per ingrandire)

Definizione del documento photoshop iniziale

Creare la forma di base

Creiamo la nostra prima forma sul livello, utilizzando le guide, come mostrato nella figura in basso. Per le misure, si può usare come unità di misura la scacchiera del fondo trasparente della finestra di Photoshop.

A questo punto utilizzando il Trasforma > Distorci, spostiamo i due angoli in basso del rettangolo verso l'interno, seguendo le guide create precedentemente.

Figura 3. Distorcere il rettangolo
(clic per ingrandire)

Distorcere un rettangolo con Photoshop

Scelto lo strumento Penna, selezioniamo le opzioni visualizzate nella barra orizzontale posta in alto: Tracciati, Strumento Ellisse e Sottrai da area del tracciato (vedi figura in basso - i 3 quadrati rossi). Disegnamo la forma ovale e, dalla palette Tracciati selezioniamo il tracciato appena creato; con il tasto Canc eliminiamo poi la parte selezionata.

Figura 4. Gli strumenti per manipolare i tracciati
(clic per ingrandire)

Strumenti per manipolare i tracciati con Photoshop

Ripetiamo la stessa azione nella parte inferiore (figura in basso); in questo caso però dobbiamo effettuare un'aggiunta, quindi selezioniamo lo strumento indicato dalla freccia gialla (figura in alto) che serve ad aggiungere oggetti alla forma, creiamo l'ovale partendo dall'angolo a sinistra in basso della prima guida fino all'angolo destro della terza guida, come mostrato nella figura in basso.

Figura 5. Aggiungere pezzi al tracciato
(clic per ingrandire)

Aggiungere pezzi al tracciato

Riempiamo ora la forma con lo stesso colore utilizzato precedentemente, nel nostro esempio il rosso.

Guide Grafica

3D Studio Max - Guida alla modellazione

Dall'interfaccia alla creazione e modellazione di oggetti...

Guida Photoshop CS5

Modifica e ottimizzazione dell'immagine, strumenti di disegno e...

Guida Photoshop CS4

Disegno, fotoritocco, effetti con Photoshop CS4: impariamo a usare...

Altre guide

Newsletter @Grafica e Web Design

Ogni settimana, direttamente nella tua e-mail: guide, articoli, tutorial e FAQ su Web Design e grafica per il Web.

Iscriviti alla newsletter

Altre newsletter

Corsi in aula

Corso Google AdWords Base

25 Giugno 2012 a Milano
Disponibilità: 7 Posti

Corso Google AdWords Base

05 Giugno 2012 a Roma
Disponibilità: 7 Posti