Archivio di 25 novembre 2011

Tubo di vetro

Tubo di vetro

In questo bel tutorial vediamo come creare qualcosa di un po’ più complesso:

Non ci occuperemo di creare l’intera immagine, ma vedremo come creare un tubo completo dal quale poi sarà possibile dare sfogo alla propria fantasia. Inizia col creare un’immagine di 200×350 pixel a 72dpi a fondo trasparente e rinomina l’unico livello in “Superiore”

con lo strumento selezione rettangolare traccia un rettangolo come mostrato in figura

clicca sullo strumento sfumatura e carica dal menù delle sfumature su “Metallo”

seleziona la sfumatura “Argento”

ed imposta la modalità di riempimento in “riflesso”

e traccia una sfumatura come mostrato in figura; per tracciare sfumature allineate premi sempre il tasto SHIFT

Duplica il livello “Superiore” e ponilo al di sotto dell’originale

Premi CTRL + T e ridimensiona il livello come in figura. Sfrutta il tasto ALT per ridimensionare il livello mantenendo la posizione.

Collega i due livelli ed uniscili premendo CTRL + E

dal menù filtro/contrasta clicca su maschera di contrasto (filter/sharpen/unsharp mask) ed imposta i valori come in figura

Duplica il livello “superiore” rinominalo in “Inferiore” e ponilo al di sotto dell’originale

Dal menù modifica/trasformazione libera clica su inverti verticalmente e sposta il livello (premendo SHIFT per mantenere la posizione) nella parte inferiore dell’immagine

Crea un nuovo livello e rinominalo in “tubo di vetro”

traccia una selezione rettangolare come in figura

e sempre con lo strumento sfumatura argentata in modalità riflesso

crea una sfumatura per metà della selezione

crea un nuovo livello e rinominalo in “riflesso”, non rimuovere ancora la selezione!

Resetta le sfumature

premi “D” per ripristinare i colori di default

e seleziona come sfumatura “da colore di primo piano a trasparente

sempre in modalità riflesso

traccia una sfumatura sulla parte destra della selezione

unisci i livelli “riflesso” e “tubo di vetro” e premi CTRL + E che equivale al comando unisci collegati.

Rinomina il livello in “tubo di vetro” e spostalo in fondo ai livelli

anche qui applica una maschera di contrasto con questi valori

e modifica la modalità del livello in “schiarisci” ed abbasane l’opacità al 50%

Crea un nuovo livello rinominalo in “liquido” e ponilo al di sotto di tutti gli altri

premi il tasto CTRL e clicca sul livello “tubo di vetro” per caricarne la selezione! Clicca sullo strumento selezione, premi il tasto ALT e sottrai la parte superiore della selezione.

assicurati che il livello “liquido” sia selezionato e riempilo di verde, premi CTRL + D per eliminare la selezione. Premi CTRL + T e riduci leggermente la larghezza del livello.

Dovresti ottenere qualcosa di simile

Carica nuovamente la selezione dal layer “tubo di vetro” e dal menù filtro/sfocatura clicca su sfocatura mossa ed imposta i valori come in figura

dal menù livello/stile livello clicca su mappa sfumatura ed imposta i valori come in figura

Abbiamo finito!!!

Come detto non ci resta altro che dare sfogo alla nostra fantasia e fare buon uso di questa capsula di vetro!

Testo metallico

Testo metallico

Nei precedenti tutorial riguardo Image Ready abbiamo visto come animare un semplice bannerino 88×31. Adesso vedremo invece come realizzare un testo metallico con un riflesso che passa da sinistra verso destra. Realizziamo in Photoshop questo testo

per praticità puoi scaricare il file PSD cliccando qui

L’immagine è composta dai seguenti layers

Il background di colore nero, il testo ed un layer “riflesso” che non è altro che una riga bianca obliqua e sfocata. Il layer “riflesso”, come puoi vedere dall’immagine, è in modalità sovrapposizione (overlay). Da Photoshop clicca sul pulsante “passa ad Image Ready” e crea un nuovo fotogramma cliccando sul pulsante indicato in figura

Seleziona il primo fotogramma e seleziona il layer “riflesso” e spostalo sull’estrema sinistra fino a rendere invisibile ogni riflesso sul testo (se stai utilizzando il file PSD del sito tale layer è già in posizione).

Seleziona il fotogramma 2 e sposta il layer “riflesso” sulla estrema destra fino a rendere invisibile ogni riflesso sul testo. Per spostare il layer mantenendo la posizione in altezza premi il tasto SHIFT mentre sposti il livello verso destra.

riseleziona il fotogramma 1 e premi sul pulsante indicato in figura

dalla finestra che si apre imposta i valori come in figura

Con questo comando abbiamo creato 25 fotogrammi che creano il movimento del riflesso da sinistra verso destra.

Bolle di sapone

Bolle di sapone in photoshop

Le bolle di sapone hanno sempre affascinato i piccoli ed attratto l’attenzione di tutti, potrebbe essere utile quindi crearne una digitale, vediamo come procedere

Crea una nuova immagine di 400×400 pixel a 72dpi a fondo nero, dal menù filtro/rendering clicca su riflesso lente (filter/rendering/lens flare) ed imposta i valori come in figura. E’ importante inserire il punto luce leggermente sulla parte superiore sinistra dell’immagine, come mostrato in figura

premi OK e dal menù distorsione clicca su coordinate polari impostando da polare a rettangolare (filter/distort/polar coordinates)

premi OK, dovresti ottenere qualcosa di simile

trasforma il background in livello facendo doppio clic su di esso nella paletta dei livelli

dal menù modifica/trasforma clicca su rifletti verticale (edit/transform/flip vertical)

e ripeti nuovamente il filtro coordinate polari cambiando questa volta il parametro in rettangolare a polare

dovresti ottenere qualcosa del genere

con lo strumento selezione circolare seleziona solo la sfera

inverti la selezione (selezione/inverti)

e premi CANC

inverti nuovamente la selezione

e crea un nuovo livello e rinominalo in “colori”

seleziona lo strumento crea sfumatura e dalle opzioni seleziona la sfumatura spectrum

ed assicurandoti che la selezione sia attiva crea una sfumatura partendo dalla parte inferiore sinistra della sfera fino alla parte superiore destra

ottieni questo

Sempre con la selezione attiva, dal menù filtro/distorsione clicca su effetto spirale (filter/distort/twirl) ed aumenta la massimo il valore dell’angolo

non rimuovere la selezione e sempre dal menù filtro/distorsione clicca su Zig Zag (filter/distort/Zig Zag) ed imposta i valori come in figura

ancora con la selezione attiva dal menù filtro/sfocatura clicca su controllo sfocatura (filter/blur/gaussian blur) ed incrementa il raggio a 5

come ultima operazione imposta la modalità del livello “colori” in sovrapponi (overlay)

ottieni questa bellissima sfera che consiglio di salvare in formato PSD

premi CTRL + E per unire i livelli della bolla, apri una nuova immagine

e trascina al suo interno la bolla di sapone appena creata

trascinane e duplicane quante ne vuoi cambiando la dimensione e la rotazione

unisci tutti i livelli che rappresentano le bolle, escluso il background, in un unico livello ed impostane la modalità in schiarisci (Screen)

ecco il risultato finale

buon divertimento con le bolle di sapone! ;)

Body Painting

Body Painting

In questo tutorial vedremo come applicare una texture sul corpo di una modella simulando il noto bodypaint. Consiglio di utilizzare una modella/o in posizione non troppo complessa e una fotografia da applicare non eccessivamente ricca di colori e dettagli. Inoltre è richiesta una conoscenza base di photoshop. La foto in mio possesso è la seguente, gentilmente concessa da Hegre Archives e dove potete trovare una versione in qualità molto elevata

Foto di Hegre Archives

ed ho deciso di applicare sul corpo questa immagine

innanzitutto, nel mio caso, correggo il colore della fotografia cercando di rendere la pelle più chiara e di ridurre leggermente le ombre

trascino il fiore all’interno della fotografia della modella e nascondo il livello temporaneamente

con la bacchetta magica e con la quick mask seleziono lo sfondo

rendo visibile il livello del fiore, lo attivo e premo CANC, l’immagine del fiore è ora presente solo sul corpo della modella

prima di eliminare la selezione la salvo per futuri utilizzi, dal menù selezione clicco su salva selezione

imposto il livello del fiore in modalità moltiplica (multiply), prova anche altre modalità per ottenere effetti differenti

ed ottengo questo risultato

applico sempre al livello del fiore una maschera di livello

ed utilizzando un pennello morbido elimino l’immagine dai capelli

a questo punto aumento il contrasto della texture (sto sempre parlando del fiore), in modo da esaltare solo determinate aree dell’immagine

carico la selezione precedentemente salvata, ciò può essere fatto o dal menù selezione/carica selezione o dalla paletta dei canali premendo il tasto CTRL e facendo clic sul livello che rappresenta la selezione

la inverto in modo da non selezionare più lo sfondo ma il corpo della modella

ed applico un filtro di distorsione, io ho applicato effetto onde, prova con distorsioni differenti o magari anche ad applicare qualche effetto artistico, ecco il risultato finale:

buon lavoro!

Dipinto

Effetto dipinto

I filtri di photoshop sono molto potenti e combinati nel modo ideale danno vita a fantastici effetti. Vediamo in questo tutorial come, combinando pochi filtri, possiamo ottenere un bell’issimo effetto; prendiamo in considerazione questa foto

per prima cosa effettua un duplicato dell’immagine e dal menù filtro/tratti pennello clicca su contorni accentuati (filter/brush strokes/Accented Edges) ed imposta i valori come in figura

contrasta il tutto cliccando su luminosità e contrasto dal menù immagine/regolazioni e cerca di accentuare il bianco e schiarire allo stesso tempo le zone scure

applica una texture dal menù filtro/texture/applica texture seleziona la texture sabbia, imposta i valori come in figura scegliendo come direzione della luce in basso a sinistra

abbiamo già finito

Pulsante stile mac

Pulsante stile Mac

Abbiamo già visto come creare dei pulsanti carini per il web, ma, come si dice, non si fa mai abbastanza. Ecco quindi un nuovo tutorial per creare un bel pulsante stile MAC, inizia col creare una nuova immagine di 150×70 pixel a fondo bianco o trasparente a 72dpi, crea un nuovo livello e rinominalo “pulsante”

clicca sul pulsante “rettangolo smussato”, imposta il raggio dello smusso ad 8px, opacità al 100%

e traccia un rettangolo al centro dell’immagine

premi il tasto CTRL e tenendolo premuto clicca sul layer “pulsante” per caricarne la selezione

imposta i colori come in figura, il bianco per il colore di primo piano ed un grigio (#C4C4C4) per lo sfondo

clicca sullo strumento sfumatura ed impostalo come mostrato in figura selezionando la modalità di riempimento da colore principale a colore si sfondo

premendo il tasto shift per creare una sfumatura lineare, clicca nella parte bassa della selezione e trascina verso la parte superiore, fino a circa la metà della selezione, dovresti ottenere qualcosa di simile

NON eliminare ancora la selezione, premendo i tasti SHIFT + ALT crea una selezione che includa solo la parte superiore del pulsante fino a circa la metà, per intersezione delle selezioni rimane solo la parte mostrata in figura

crea un nuovo livello e rinominalo “riflesso”

e riempi la selezione di bianco (ALT + INVIO)

abbassa l’opacità del livello “riflesso” al 50%, collegalo con il layer “pulsante” e premi CTRL + E per unirli

dovresti ottenere un unico layer

al quale applicherai i seguenti effetti: Obra esterna

Rilievo

contorno del rilievo

ed il colore di riempimento che sostituirai con una sfumatura che va dal bianco al nero

ed aggiungiamo un leggerissimo bordo nero

dovresti ottenere un bel pulsante come in figura

aggiungi il testo

unisci tutto e ridimensiona. Salva per il web ed utilizzalo!

Buon lavoro!

Effetto mosaico

Foto effetto mosaico

In questo tutorial vedremo come implementare l’effetto mosaico su una fotografia. Nel mio esempio ho utilizzato la solita fotografia del mio gatto Salem (ormai è un classico) che puoi scaricare dalla sezione fotografie. Per prima cosa creiamo un duplicato dell’immagine da modificare ed applichiamo il filtro Effetto Pixel/Mosaico…

ed impostiamo la dimensione della cella a 10

applichiamo poi il filtro Texture/patchwork…

ed impostiamo per la dimensione dei quadratini il valore 5 (la metà del valore impostato in precedenza) ed 8 per il rilievo

applichiamo una mascera di contrasto facendo attenzione a non esagerare con i valori

ed infine scuriamo la fotografia con il comando immagine/regolazioni/Luminosità e contrasto

Dovresti ottenere qualcosa di simile per tutta la fotografia

A questo punto aggiungiamo qualche buco, in ogni mosaico antico che si rispetti ne cadono sempre qualcuno. Quindi creiamo un nuovo livello e rinominiamolo, io l’ho chiamato “buchi”.

Premiamo il tasto D per ripristinare i colori di default e dal menù filtro/rendering clicchiamo su nuvole.

Aumentiamo il contrasto a 100 e la luminosità a seconda di quanti buchi devono essere presenti sul nostro. Le macchie nere saranno i nostri buchi!

Io ho ottenuto qualcosa del genere.

Con la bacchetta magica clicchiamo in un punto bianco del livello “buchi”, dal menù selezione clicchiamo su “simile” e premiamo il tasto CANC. CTRL + D per eliminare la selezione.

anche al livello buchi applicheremo il filtro mosaico (filtro/effetto pixel/mosaico) con lo stesso valore utilizzato in precedenza.

A questo punto applichiamo al livello “buchi” un po’ di effetto rilievo verso il basso

Premiamo OK e cambiamo la modalità del livello in “luce soffusa”

sempre al livello “buchi” diamo più luminosità (immagine/regolazioni/luminosità e contrasto)

inoltre modifichiamo il colore dei buchi in qualcosa di più vicino ad un muro antico attraverso il comando immagine/regolazioni/tonalità e saturazione, facciamo attenzione ad attivare la casella colora ed anteprima, in modo da vedere in tempo reale le modifiche che apportiamo.

Io ho ottenuto qualcosa del genere

Aumentiamo il contrasto con il comando filtro/contrasta/maschera di contrasto applicando valori abbastanza elevati

I buchi assumono maggiore profondità e visibilità.

Potevamo limitarci al solo filtro patchwork? Certamente NO! ;)

Immagine in bianco e nero

Colorare un’immagine in bianco e nero

In questo tutorial vedremo come colorare una fotografia bianco e nero. E’ richiesta una conoscenza degli strumenti base ed una certa padronanza del Photoshop. Si tenga presente che una foto colorata con molta probabilità non raggiungerà mai la quantità di colori e di sfumature di una foto a colori, pertanto invito a non avere troppe pretese ;) Cominciamo subito:

La foto che segue è l’originale da colorare. Puoi utilizzare anche una foto diversa, l’importante è, dopo aver aperto l’originale in photoshop, eseguire un duplicato dell’immagine e lavorare sulla copia al fine di evitare salvataggi involontari sulla foto di origine.

Con gli strumenti di selezione cominciamo col selezionare le singole aree aventi colori differenti. Nel mio caso, con lo strumento selezione punto punto seleziono la facciata dell’edificio escludendo le finestre ed altri oggetti che avranno sicuramente colore differente.

Una volta terminata la selezione dell’edificio mi salvo la selezione attraverso il comando Select/Save Selection (Selezione/Salva selezione) ed imposto il nome

Dopo aver premuto OK la selezione salvata appare nella paletta dei Canali con il nome impostato.

Per il moento non procedo ancora alla colorazione, premo CTRL + D per eliminare la selezione precedente e seleziono un nuovo elemento della fotografia, nel mio caso le scale

E come nel caso precedente salvo la selezione

Procedo di questo passo per ogni elemento importate e di una certa dimensione presente nella fotografia. Invito a salvare dopo ogni selezione il file in formato PSD, in tal modo, se si dovessero verificare errori, non perdiamo il lavoro svolto fin ora. Nel formato PSD, infatti, le selezioni vengono memorizzate per i futuri utilizzi.

Una volta terminate le selezioni principali posso procedere con la colorazione. Dalla paletta dei Canali carico la selezione “Struttura_Edificio”, per fare ciò è sufficiente premere CTRL e tenendolo premuto fare clic con il tasto sinistro del mouse sulla relativa selezione nella paletta dei canali.

Dal menù Immage/Adjustments (Immagine/Regolazioni) clicco su Variations (Variazioni). Si apre una finestra che ci permette di colorare la selezione.

Come funziona questo filtro? In alto sono rappresentate due immagini, rispettivamente l’originale e quella attuale secondo le modifiche apportate. Possiamo ripristinare l’originale semplicemente cliccando sull’immagine che la rappresenta. Possiamo scegliere cosa colorare: le ombre, i toni medi, i toni luminosi o saturare l’immagine e possiamo scegliere la quantità di colore da aggiungere. Nell’area centrale abbiamo 7 immagini attraverso le quali possiamo aggiungere il verde, il giallo, il ciano, il rosso, il blu ed il magenta, l’immagine al centro rappresenta l’immagine attuale. Se aggiungiamo un punto di ciano e subito dopo aggiungiamo un punto di rosso, le due azioni si annullano. Se aggiungiamo un punto di verde e subito dopo aggingiamo un punto di magenta le due azioni si annullano comunque. Praticamente il verde è il complementare del magenta, il giallo è complementare del blu ed il ciano è complementare del rosso. Dalla finestra a destra, infine, possiamo schiarire o scurire la selezione. Consiglio di effettuare varie prove al fine di ottenere il risultato desiderato.

Proseguiamo con questo comando per ogni selezione salvata in precedenza.

Effettuiamo qualche ritocco dei colori (sbavature, piccoli dettagli, variazioni di colore all’interno della selezione, ombre, riflessi) con il pennello in modalità Colore. Cambiando la dimensione del pennello, la forma e l’opacita possiamo rendere più reali le sfumature dei colori.

Una volta terminato il lavoro possiamo ottenere qualcosa del genere. Da notare come con il pennello in modalità “colore” sono state ottenute le varie tonalità di verde per gli alberi.

Ritoccatti tutti i dettagli possiamo procedere col saturare i colori attraverso il comando Image/Adjustments – Hue/Saturation. Consiglio di non saturare i colori in modo eccessivo.

Creiamo un duplicato della fotografia

ed applichiamo ad esso lo Smart Blur (Filtri/Sfocatura/Smart Blur)

e cerchiamo valori tali da amalgamare i colori (non eccessivamente)

Premiamo OK ed abbassiamo l’opacità (nel mio caso al 35%) del livello duplicato.

con lo stumento gomma eliminiamo eventuali aree in cui i dettagli sono andati eccessivamente persi. Nel mio caso ho ottenuto questo risultato.

Come detto la resa finale non è effettivamente quella di una foto a colori, di certo miracoli non si possono fare. Si potrebbero però considerare altri fattori che potrebbero rendere la colorazione più realistica. Potremmo ad esempio considerare la direzione della luce, la foschia, ed essere così precisi da colorare anche dettagli piccolissimi. Più saremo precisi e pignoli, più il risultato, ovviamente, sarà soddisfacente. Buon lavoro!

Testo Caramella

Testo caramella

Hai presente le caramelle classiche di natale? Il bastone bianco e rosso zuccheroso che caria i denti ai bambini? Vediamo come creare un testo sullo stile di queste caramelle:

per prima cosa dobbiamo creare il pattern bianco e rosso, per fare ciò crea una nuova immagine di 35×35 pixel a fondo trasparente

seleziona lo strumento linea ed imposta i valori come in figura:

tenendo premuto il tasto shift traccia una linea che va dall’angolo superiore destro all’angono inferiore sinistro

dal menù filtro/altro clicca su offset

ed imposta i valori come in figura. Puoi notare come l’immagine cambia a seconda dei valori che assegnamo

con lo strumento linea e gli stessi valori impostati in precedenze, colmiamo il “buco” che si crea dopo il filtro

Premiamo CTRL + A e dal menù Edit clicchiamo su “Definisci pattern” assegnamo un nome per il pattern e premiamo OK

Creiamo a questo punto una nuova immagine di 500×350 pixel a fondo bianco

Dal menù edit clicchiamo su “Riempi” (Fill), impostiamo il metodo pattern e selezioniamo il pattern precedentemente creato, premiamo OK. Ecco il risultato:

Dal menù filter/sfoca (filter/blur) clicchiamo su controllo sfocatura (Gaussian Blur) ed impostiamo un valore molto basso, solo per sfumare i contorni

Con lo stumento testo, ed un carattere molto “tondeggiante” inseriamo il testo che preferiamo

Una volta immesso il testo carichiamone la selezione premendo il tasto CTRL, tenendolo premuto clicchiamo con il tasto sinistro del mouse sul layer Candy (nel mio caso) e nascondiamo il livello in questinone.

Seleziona lo sfondo

dal menù filtro/distorsioni (filter/distort) clicca su onde (wave) ed imposta i valori in modo tale da creare leggere ondulazioni:

Premi OK. Sempre con la stessa selezione attiva premi CTRL + C che equivale al comando dal menù edit/copia

Creiamo una nuova immagine, troviamo già dei valori predefiniti che sono esattamente la dimensione dell’immagine che andremo ad incollare, consiglio di aumentare i valori (pixel verticali ed orizzontali) di almeno 50pixel in più. Premiamo OK e poi CTRL + V (incolla). Il nostro testo compare nella nuova immagine

Non ci resta che applicare sul layer qualche effetto di photoshop

Ecco il testo completo, ideale per cartoline natalizie o “festini party ”

Sfera colorata

Sfere colorate

Procedendo nella creazione di questo tutorial mi sono imbattuto in una combinazione di colori che mi ha ricordato tanto le sette sfere del drago in Dragon Ball, almeno per quanto mi ricordo. Ecco perchè il titolo di questo tutorial. Procediamo:

crea una nuova immagine di 300×300 pixel crea un nuovo livello e con lo strumento selezione circolare e premendo il tasto SHIF crea un cerchio e riempilo del colore indicato (#00F0FF)

applichiamo qualche effetto impostando i valori ed i colori come in figura stando attenti a disattivare sempre la casella use global angle (usa angolo globale) prima di ogni modifica e cambiando come mostrato in figura il contorno delle sfumature.

Ombra interna

Bagliore interno

Rilievo

un po di colore sovrapposto

Dovresti ottenere qualcosa di simile

A questo punto se la sfera ti piace Salvala in PSD per futuri utilizzi. Crea un nuovo livello e collegalo con il precedente

premi CTRL + E per unire i layer collegati. Tenendo premuto il tasto CTRL carica la selezione dal livello che rappresenta la sfera. Dal menù filter/rendering clicca su lens flare ed imposta i valori come indicato:

Dovresti ottenere una sfera luccicosa, liscia, cristallina, stupenda!

Il tutorial sarebbe dovuto terminare qui, ma ho provato a cambiare il colore con il comando Image/Adjustments – Hue & Saturation. Se hai usato i miei stessi colori se imposti il valore Hue a -170 ottieni un colore particolare che, almeno a me, ha riportato alla mente le sfere del dragone.

Crea un nuovo livello e rinominalo Star

Dai Custom Shapes seleziona la stella

assicurati che il layer Star sia selezionato e cospargi la tua sfera di stelle gialle come mostrato in figura

Carica la selezione dalla sfera (CTRL + clic sul layer che rappresenta la sfera)

assicurandoti che il layer Star sia selezionato e la selezione attiva vai nel menù Filter/Distor e clicca su Spherize … imposta i valori come segue

cambia la modalità del layer Star in lighten

Hai ottenuto qualcosa di simile? Dai che è bellissima!

OK, ti ricorda di più una palla di Natale? Crea qualche duplicato della sfera e con il comando Hue Saturation cambia un po’ i colori e diveriti! ;)

Torna all'inizio