Grafica e non solo
Photoshop – Creatività
Bollino di approvazione
2 mesi fa
In questo tutorial vedremo come realizzare con semplici passaggi un bollino di approvazione utilizzando le forme predefinite di photoshop. Per il tutorial ho utilizzato creato una nuova immagine di 500x500pixel. Dal menù visualizza clicca su nuova guida ed imposta una linea verticale a metà immagine ed una orizzontale, anch’essa a metà immagine, nel mio caso a 250px
seleziona lo strumento forma poligono, seleziona il colore rosso
ed imposta i valori come in figura facendo clic sulla piccola freccia nera
Un orologio con photoshop
2 mesi fa
In questo tutorial vedremo come creare un orologio in Photoshop. Nel mio caso creo un’immagine di 400x400pixel, ti consiglio di lavorare su immagini più grandi per ottenere risultati migliori e utilizzabili per stampe o produzioni digitali di grande formato. Dal menú visualizza clicca su nuova guida e crea una guida orizzontale e poi una guida verticale giusto a metà immagine, nel mio caso quindi a 200px
Assicurati dal menú visualizza che sia attivo effetto calamaita attivo su livelli
Sfera di vetro
2 mesi fa
In questo tutorial vedremo come realizzare una sfera-vetrina capace di contenere oggetti e persone. Crea un nuovo dovumento con fondo bianco e, con lo strumento selezione, premendo SHIFT per mantenere le proporzioni, traccia una circonferenza al centro dell’immagine
crea un nuovo livello e rinominalo in “sfera base”
Con lo strumento sfumatura, che va gradualmente dal rosso chiaro al rosso scuro, in modalità radiale,
riempi la circonferenza cliccando dalla parte superiore della sfera verso il basso
Crea un nuovo livello e rinominalo in “riflesso”
Con lo strumento sfumatura che va dal bianco al trasparente in modalità lineare
e senza rimuovere la precedente selezione, traccia una sfumatura come mostrato in figura
Premi CTRL + D per rimuovere la selezione e premi CTRL + T e ridimensiona il livello riflesso comem ostrato in figura ed abbassane l’opacita al 40%
Unisci i due livelli in uno e crea un duplicato della sfera, rendendo l’originale non visibile
crea un nuovo livello e rinominalo in “cornice”
Dalle sfumature seleziona le sfumature “metallo” e seleziona “argento” ed imposta lo strumento in modalità lineare
crea una selezione come mostrato in figura e riempila della sfumatura impostata precedentemente
Crea un nuovo livello e rinominalo in “base”
e, senza rimuovere la precedente selezione, riempila di bianco
rimuovi la selezione, premi CTRL + T e, tenendo premuto il tasto ALT, ridimensiona la base ottenendo il risultato nella figura seguente
Attiva il livello “Sfera copy” e con lo strumento selezione crea una selezione circolare sulla parte superiore della sfera, come mostrato in figura
dal menù livello>nuovo clicca su livello da taglio (layer>new> layer via Cut)
Ottieni un nuovo livello, rinominalo in “sfera sup”
Attiva il livello “sfera copy” ed elimina la parte centrale, tra il cappuccio e la cornice.
e rinomina tale livello in “sfera inf”
Crea un duplicato del livello sfera, rinominalo in “sfera vetro” e rendilo visibile
dal menù immagine>regolazioni clicca su desatura (image>adjustments>desaturate)
e sposta il livello “sfera vetro” sopra tutti gli altri dalla paletta livelli ed abbassa l’opacità al 20%
dal menù filtro>contrasta clicca su maschera di contrasto (filter>sharpen>sharpen mask) ed imposta i valori come in figura
Dovresti ottenere qualcosa del genere
Se vuoi puoi eliminare la parte inferiore e la parte superiore dalla sfera di vetro
A questo punto prendi una immagine scontornata e posizionala tra il livello “base” ed il livello “sfera vetro”
Crea un duplicato dell’oggetto, capovolgilo verticalmente, abbassa l’opacita al 20% e rimuovi l’immagine dell’oggetto in eccesso, in modo da ottenere un lieve riflesso. Questo è il risultato finale del nostro lavoro
Puoi creare quante sfere vuoi e del colore che preferisci ed inserirci dentro tutto ciò che desideri.
Buon lavoro!
Glitter in photoshop
2 mesi fa
In internet girano molti siti e molte immagini dedicate ai glitter, questi, come nella vita reale, sono immagini luccicose che brillano con il movimento respingendo in modo irregolare la luce. Proviamo a creare un glitter con photoshop.
Crea un nuovo documeto di 300×300 pixe e riempilo di colore blu
dal menù filtro>disturbo, clicca su aggiungi disturbo (filter>noise>add noise) ed imposta i valori come in figura
ripeti il filtro aggiungi disturbo modificando questa volta i valori come mostrato in figura
Abbiamo creato una prima parte “luccicosa”. Crea un nuovo livello e rinominalo in “decorazioni”
e con lo strumento pennello (selezionando tra i pennelli predefiniti di photoshop) inserisci delle stelle in bianco
dal menù modifica clicca su definisci pattern (edit>define pattern)
Apri l’immagine da “glitterare”
Se stai utilizzando una immagine gif ricorda di passare la modalità colore da “scala di colori” a colore RGB (da indexed color a RGB color) dal men+ immagine>modo (image>mode). Trasforma il background in livello dal menù livello>nuovo>livello da sfondo (layer>new>layer from background). Con la bacchetta magica, o con altro strumento di selezione che ritieni idoneo, seleziona un colore da bucare. Nel mio caso ho scelto il blu. L’ho selezionato con la bacchetta magica, ed ho premuto CANC.
Adesso crea un nuovo livello e posizionalo al di sotto dell’immagine e rinominalo in “glitter”
dal menù modifica clicca su riempi (edit>fill) e seleziona il pattern precedentemente creato e premi OK
Crea un duplicato del livello glitter e dal menù modifica>trasforma clicca su rifletti orizzontale (edit>transform>flip horizontal), crea un ulteriore duplicato e rifletti verticale. Ottieni così tre livelli glitter diversi tra loro.
Premi sul pulsante passa ad image ready
hai inizialmente un fotogramma, dalla paletta dei livelli (d’ora in poi parliamo di image ready) rendi invisibili tutti i livelli “glitter” eccetto il primo creato
crea due nuovi fotogrami premendo sul pulsante indicato in figura
e per i rispettivi fotogrammi rendi visibile un solo livello glitter
tenendo premuto il tasto CTRL, seleziona dalla finestra animazione i tre fotogrammi e, cliccando su una freccetta sottostante al fotogramma, iposta la velocità di riproduzione a 0.1 fotogrammi al secondo
Dal menù file clicca su Salva ottimizzazione con nome. Ecco il risultato finale
Effetto puzzle
2 mesi fa
L’effetto puzzle fa parte di diversi plug-in che rendono molto bene l’idea, in questo tutorial vedremo come ottenere un buon risultato con il solo utilizzo di photoshop. Come prima cosa dobbiamo creare un pattern che simuli i pezzetti di puzzle, possiamo lasciar fare alla nostra fantasia, creando forme differenti o, se preferisci, puoi scaricare il pattern che ho creato appositamente per questo tutorial: scarica il pattern.
Il file è in formato PSD ed è abbastanza grande da essere utilizzato anche su foto di grandi dimensioni (è circa 2000×2000 pixel). Una volta scaricato e decompresso il file aprilo con photoshop e ridimensiona l’immagine in modo che la dimensione dei puzzle si adattino al meglio alla foto. Per l’esempio ho utilizzato questa foto
che puoi scaricare dalla raccolta di graphixmania ed ho ridimensionato il pattern a 300pixel. Seleziona l’intero pattern (CTRL + A) e dal menù modifica clicca su definisci pattern (edit define pattern)
imposta un nome per il pattern e premi OK. Apri la foto che vuoi trasformare in puzzle e crea un nuovo livello e rinominalo in “puzzle”
dal menù modifica clicca su riempi (edit/fill) imposta la modalità pattern e seleziona il pattern precedentemente salvato, quasi sicuramente è posto alla fine)
premi OK. La foto viene ricoperta dal pattern. Dalla paletta livelli fai doppio clic sul livello “puzzle” ed in opzioni di fusione (blending option) imposta il metodo di fusione su schiarisci e lascia invariate il resto delle opzioni
per l’effetto “smusso ed effetto rilievo” imposta lo stile in “smusso interno” ed aumenta la profondità del rilievo a 400%
premi OK, dovresti ottenere qualcosa di simile
L’effetto è finito. Cancellando, tagliando, ruotando e spostando… potresti ottenre qualcosa di carino. Buon lavoro!
Tubo di vetro
2 mesi fa
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!
Bolle di sapone in photoshop
2 mesi fa
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
2 mesi fa
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
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!
Pulsante stile Mac
2 mesi fa
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!
Foto effetto mosaico
2 mesi fa
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!
