Grafica e non solo
Articoli con tag effetto
Un francobollo in photoshop
5 mesi fa
Questo tutorial, nel vecchio sito era il centesimo tutorial di Graphixmania.it, con la nuova versione è appena il ventunesimo, ma è sempre valido e vedremo come realizzare con photoshop un francobollo, che ovviamente non avrà nessun valore.
Crea una nuova immagine di 300×300 pixel a 72 dpi, clicca sullo strumento rettangolo ed assicurati che le opzioni siano impostate come in figura
e traccia un rettangolo simile al seguente
Apparirà un nuovo livello nella paletta dei livelli. Clicca sullo strumento pennello
e dalle proprietà seleziona un pennello, modificane la dimensione a 8 pixel ed aumenta la spaziatura a 136%, ovviamente se stai lavorando con una immagine più grande dovrai usare valori proporzionati.
Clicca sul pulsante aggiungi maschera di livello 
, comparirà una terza icona sul livello rappresentante il nostro francobollo. La prima ci permette di impostare il colore, la seconda mostra il tracciato in uso e la terza è la maschera di livello che ci permetterà di bucare ai lati.
assicurati che i colori siano impostati come in figura
seleziona lo strumento tracciato e clicca con il tasto destro sul tracciato del rettangolo e dal menù che si apre scegli la voce traccia tracciato (stroke path…)
scegli come strumento per la traccia lo strumento pennello, che abbiamo precedentemente configurato e premi OK
Come puoi vedere verrà creata una cornice attorno al francobollo. Clicca con il tasto destro del mouse sull’icona indicata in figura dal rettangolo rosso e dal menù che si apre scegli la voce rasterizza maschera
fai doppio clic sul livello in questione, o clicca sul pulsante indicante una “f” dalla paletta dei livelli e scegli la voce ombra esterna (drop shadow ) ed imposta i valori come in figura
seleziona poi la voce bagliore esterno (outer glow) ed imposta i valori come in figura
Dovresti ottenere qualcosa del genere
Non ti resta che scegliere l’immagine ed incollarla come nuovo livello
ridimensiona, tagliala e corregila in modo da ottenere un francobollo come in figura
Aggiungi il testo che desideri, il valore del francobollo… ed hai finito!
Buon lavoro!
Linea tratteggiata in photoshop
5 mesi fa
Nella realizzazione di copertine, siti web, illustrazioni e presentazioni, capita spesso di dover creare linee tratteggiate che seguano una forma o una linea retta. Vediamo in questo tutorial come creare in modo molto semplice un tratteggio ad una figura
Supponiamo di avere questa foto:
e di voler creare attorno al cavallo un tratteggio che ne segua il profilo.
con lo strumento tracciato
crea un tracciato chiuso che segua a distanza il profilo del cavallo come mostrato in figura:
seleziona lo strumento pennello
e nelle proprietà imposta i valori come mostrato in figura per le opzioni generali
ed in doppio pennello (dual brush) imposta i valori come in figura
come puoi vedere il pennello ha assunto le sembianze di un tratteggio. Nel caso di pennelli più grandi i valori vanno cambiati ovviamente in proporzione.
Dalla paletta livelli, o dal menù livello, crea un nuovo livello e rinominalo in “tratteggio”
Con lo strumento tracciato attivato clicca con il tasto destro del mouse sul tracciato precedentemente creato e clicca su traccia tracciato (stroke path); dalla finestra che si apre seleziona lo strumento pennello
Premi OK. Nascondi o elimina il tracciato. Dovresti ottere qualcosa di simile
Con lo stesso sistema possiamo creare anche tratteggi lineari, circolari o forme più complesse.
Effetto acquerello
5 mesi fa
In questo semplice tutorial vedremo come trasformare una foto in una illustrazione. Apri la foto che desideri modificare
(l’immagine originale è molto più grande di quella raffigurata sopra)
crea un duplicato dello sfondo e dal menù filtro>sfocatura clicca su sfocatura migliore (filter>blur>smart blur)
imposta la qualità alta ed il modo “solo bordi” e modificando i valori del raggio e la soglia cerca di ottenere solo i bordi necessari dall’immagine
premi OK. Dal menù filtro>sfocatura clicca su sfocatura controllata (filter>blur>gaussian blur) ed imposta un valore pari a 0,6
dal menù immagine>regolazioni clicca su inverti (image>adjustments>invert)
Dovresti ottenere qualcosa di simile
a questo punto modifica la modalità del livello in “sovrapponi” (ovelray)
Seleziona il livello di background (lo sfondo originale) e dal menù filtro>artistico clicca su pennello a secco (filter>artistic>dry brush)
ecco il risultato finale.
Effetto scacchiera su foto
5 mesi fa
In questo tutorial vedremo come applicare su una fotografia un effetto “scacchiera” al fine di attirare l’attenzione dell’utente in determinati punti della foto. Supponiamo di avere questa fotografia:
crea una nuova immagine di 50×50 pixel a 72dpi a fondo trasparente
con lo strumento linea e questi valori
traccia una riga verticale sul lato destro dell’immagine ed una riga orizzontale sul lato inferiore
premi CTRL + A per selezionare l’intera immagine e dal menù modifica clicca su definisci pattern (edit/define pattern) ed imposta un nome
ritorna all’immagin eprincipale e crea un nuovo livello, e rinominalo in “griglia”
dal menù modifica clicca su riempi (edif/fill) ed imposta il metodo pattern e seleziona il pattern precedentemente salvato
premi OK. Con lo strumento bacchetta magica così impostato
seleziona solo alcuni quadrati, assicurati che il livello “griglia” sia selezionato
crea un nuovo livello e rinominalo in “riempimento”
seleziona come colore principale il bianco e premi CTRL + CANC, dovresti ottenere qualcosa di simile
abbassa al 60% l’opacità del livello riempimento
in modo da ottenere un effetto trasparenza
unisci il livello riempimento e griglia in un unico livello (concatenali e premi CTRL + E) ed imposta la modalità di fusione in sovrapponi (overlay)
ottieni un aumento di luminosità delle aree evidenziate
con un tocco personale possiamo ottenere qualcosa di molto più interessante!
Immagine aerografata
5 mesi fa
Nel tutorial “immagine aerografata” abbiamo già visto come creare da una foto a colori una in bianco e nero con qualche dettaglio colorato. Il sistema utilizzato era abbastanza semplice, si trattava di creare degli snapshot in memoria dell’immagine e con lo strumento “pennello storia” recuperare le informazioni. Ciò, però, comportava diversi problemi:
notevole dispendio di memoria e nessuna possibilità di salvare gli snapshot per continuare a lavorare sull’immagine in un secondo momento. Una volta chiusa la foto, infatti, se notavamo un errore, non potevamo recuperare gli snapshot per apportare la modifica. Vediamo in questo tutorial un sistema diverso che ci permette di ottenere lo stesso risultato con la possibilità di continuare il lavoro in un secondo momento, utilizziamo le maschere di livello. Utilizzo la stessa foto del tutorial precedente opportunamente corretta:
crea un duplicato del livello di background, rinominalo in “Bianco e nero” e desatura l’immagine, ottieni così due livelli, il background originale ed il livello copia desaturato
dalla paletta livelli, assicurandoti che il livello “Bianco e nero” sia attivo, clicca sul pulsante “aggiungi maschera di livello”
inverti i colori di default in modo da avere come colore di primo piano il nero.
con lo strumento pennello e la maschera di livello del “Bianco e nero” attiva, passa sui punti che vuoi rendere colorati:
come puoi vedere la maschera di livello assume colore nero nei punti che coloriamo, in effetti essa lascia intravedere il livello di background sottostante il livello “Bianco e nero”
seleziona il livello di background e dal menù immagine/regolazioni clicca su tonalità e saturazione (image/adjustments/hue & saturation) ed aumenta il valore saturazione
fino ad ottenere l’effetto desiderato
A questo punto possiamo anche salvare il lavoro in formato PSD (è l’unico formato che salva anche la maschera di livello) e chiudere la fotografia.
Apri nuovamente la foto appena salvata, come puoi notare… i livelli sono tutti disponibili e possiamo apportare ancora modifiche all’immagine. Se ad esempio volessimo ripristinare un occhio del gatto in bianco e nero, sarà sufficiente selezionare nuovamente la maschera di livello, selezionare il bianco come colore di primo piano (anzichè il nero) e, con lo strumento pennello, passare sui punti che vogliamo ripristinare in bianco e nero.
Possiamo fare anche di più… possiamo cambiare anche il colore degli occhi del gatto. Crea una selezione rettangolare come in figura
seleziona il livello di background e dal menù immagine/regolazioni clicca su tonalità e saturazione (image/adjustments/hue & saturation) e cambia il valore “Tono”
fino ad ottenere l’effetto desiderato
Come sistema è sicuramente più pratico, veloce e sicuro, come contro i file PSD occuperanno più spazio. Ma ne vale veramente la pena!
Effetto puzzle
5 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!
Testo metallico
5 mesi fa
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 in photoshop
5 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
5 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!
Effetto dipinto
5 mesi fa
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
