Grafica e non solo
Photoshop – Fotoritocco
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!
Gocce d’acqua in photoshop
5 mesi fa
In questo tutorial vedremo come realizzare nel più semplice modo possibile delle gocce d’acqua con photoshop. Supponiamo di avere questa foto
crea un nuovo livello e rinominalo in “goccia” (nell’immagine è Layer 1)
con lo strumento selezione circolare crea una selezione come mostrato in figura
seleziona per il colore di primo piano un grigio intermedio (#9B9B9B) ed il bianco per il colore di sfondo
e riempi la selezione con lo strumento sfumatura come mostrato in figura
imposta la modalità del livello “goccia” su moltiplica (multiply)
ed aggiungi l’Effetto rilievo. A seconda della dimensione della goccia potrebbe essere necessario inserire valori differenti. Per il modo ombra (shadow mode) consiglio di impostare un colore che richiami l’immagine di sfondo
in colore sovrapposizione inserisci un colore che richiami l’immagine di sfondo ed abbassa l’opacità
infine un po’ d’ombra (anch’essa del colore dell’immagine di sfondo)
Crea un nuovo livello e rinominalo in “riflesso”
e con lo strumento pennello 
ed il colore di primo piano su bianco, crea un punto sulla goccia come mostrato in figura
La nostra goccia è finita. Possiamo creare con lo stesso sistema gocce di dimensione e forma diversa.
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!
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
Foto effetto mosaico
5 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! 
Colorare un’immagine in bianco e nero
5 mesi fa
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!
Fotomontaggio ed ombre
5 mesi fa
Per creare un buon lavoro grafico non è sufficiente conoscere, nel nostro caso, il photoshop ma bisogna tener presente anche diversi fattori. In un fotomontaggio, ad esempio, non bisogna limitarsi a sovrappore il soggetto allo sfondo, bisogna amalgamare le immagini tra loro nei colori, nei riflessi e nelle ombre in modo da rendere minima, se non difficile, l’individuazione della composizione. Proprio le ombre sono uno degli elementi fondamentali, in questo semplice tutorial vediamo come creare un’ombra di un soggetto. Abbiamo queste due foto:
il lungomare di Castellammare di Stabia (lo sfondo)
e Bugs Bunny (il soggetto)
Per prima cosa creiamo un duplicato dello sfondo. Scontorniamo Bugs Bunny e portiamolo sul lungomare
creiamo un nuovo livello, rinominiamolo ombra e inseriamolo tra lo sfondo ed il soggetto
Premiamo CTRL e tenendolo premuto clicciamo sul layer Bugs Bunny per caricarne la selezione
con lo strumento contagocce selezioniamo il colore principale da un’ombra già esistente sullo sfondo
assicurandoci che il layer ombra sia attivo e che la selezione caricata in precedenza sia ancora esistente premiamo ALT + CANC per riempire la selezione, nascondendo Bugs bunny possiamo vedere il livello ombra così riempito:
rivisualizza il soggetto e premi CTRL + D per eliminare la selezione. Assicurati che il layer ombra sia sempre attivo e che sia posto tra il soggetto e lo sfondo
Premi CTRL + T e clicca con il tasto destro all’interno della cornice e seleziona il comando DISTORT, clicca sulla maniglia centrale superiore ed inclina l’ombra verso destra, se è il caso aggiungi un po’ di prospettiva, e sufficiente cliccare con il tasto destro sempre all’interno della cornice e selezionare PERSPECTIVE
cerca di ridurre, inclinare e ruotare l’ombra in modo da adattarla alle ombre originali dello sfondo.
Con lo strumento pennello 
ed assicurandoti che come colore principare sia sempre attivo il colore delle ombre, modifica l’ombra aggiungendo o eliminando qualche dettaglio, ad esempio è necessario aggiungere qualche ombra sotto i piedi del soggetto.
Dal menù filter/blur clicca su gaussian blur e sfoca leggermente l’ombra. La foto del lungomare è stata scattata a mezzoggiorno quindi le ombre erano nette e ben definite
Abbassa l’opacita del livello ombra al 75% basandoti sull’intensità della luce
Dovresti ottenere qualcosa di simile
Adesso bisogna aggiungere qualche ombra su Bugs Bunny, così come è è troppo piatto e non rende bene l’idea della luce. Seleziona il livello del soggetto e con gli strumenti per schiarire e scurire e con una opacità del 15% crea delle ombre sul lato destro di Bugs Bunny.
Il sole proviene da sinistra quindi la parte a destra del soggetto sarà più scura.
Ecco il risultato finito:
Indipendentemente se il soggetto è un cartone animato o una fotografia, è necessario agire sulle ombre, schiarire o scurire dove necessario cercando di simulare una reale proiezione delle ombre e dei riflessi.
Effetto disegno a matita
5 mesi fa
Ecco uno dei primi tutorial di Graphixmania.it, il numero 22 per la precisione, che riporto nel nuovo sito. Certo non è un grande tutorial e non è certo un effetto strabiliante, ma fa comunque la sua bella figura nelle foto da far vedere agli amici.
Ci sono tante strade per ottenere risultati molto simili tra loro, quello che vedremo in questo tutorial è tra i più semplici ed i più efficienti.
Per prima cosa aprima una immagine abbastanza grande (io ho usato il mio gatto Salem, come al solito) facciamo un duplicato dell’immagine e un duplicato del background
Dal menu filter/stylize clicchiamo su find edges
Vengono tracciati solo i contorni dell’immagine, sono presenti però alcune sfumature di colore, per eliminarle desaturiamo il livello
ed impostiamo il modo del livello su multiply, in questo modo abbiamo bucato il bianco ed abbiamo mantenuto solo i contorni, l’immagine originale del gatto traspare.
Premiamo il tasto D per ripristinare i colori, selezioniamo dalla finestra dei layers l’immagine di background e dal menù filter/sketch clicchiamo su Graphic Pen ed impostiamo i valori come in figura
Premiamo OK e con il filtro gaussian blur, ammorbidiamo leggermente i tratti
Abbiamo finito, possiamo ora schiacciare l’intera immagine e ridimensionarla per il formato di cui abbiamo bisogno!
