Grafica e non solo
Articoli con tag tutorial
Un orologio con photoshop
5 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
Testo anni 80 con photoshop
5 mesi fa
Realizzando la grafica per la copertina di un CD musicale di un amico, è uscito fuori un testo simpatico, un poco anni 80, molto colorato e vivace, vediamo come procedere
Photomerge, come unire più foto con photoshop
5 mesi fa
Photoshop, tra le tante utiliti messe a disposizione, ne ha una che permette di unire più foto per formarne una sola, ideata appositamente per unire immagini panoramiche a scatti multipli, si tratta di Photomerge. Supponiamo di avere questi 7 scatti, essi sono stati effettuati poggiando la camera su un cavalletto ruotandola da sinisista a destra facendo in modo che il lato destro di ogni foto avesse qualcosa in comune con il lato sinistro della successiva.
Pop Art
5 mesi fa
Andy Warhol fu la figura predominante del movimento pop art, molti suoi lavori erano basati sulla ripetizione di immagini alterandone i colori, in questo tutorial per photoshop, cercheremo di riprodurre, almeno in parte, tale arte. Partendo da questa immagine (o comunque altro soggetto), cominciamo il nostro lavoro
Testo infuocato
5 mesi fa
Su richiesta di vari utenti, ecco un tutorial che spiega come realizzare un testo infuocato. Crea un nuovo documento con fondo nero ed inserisci nella parte inferiore il testo che desideri “incendiare” in bianco
Crea un duplicato del livello testo e nascondi l’originale
Premi CTRL + SHIFT + E per unire i livelli visibili, ovvero lo sfondo nero ed il testo bianco
Dal menù immagine>ruota quadro clicca su ruota in senso antiorario (image>rotate canvas>90° CCW)
Dal menù filtro>stilizza clicca su effetto vento (filter>stylize>wind) ed imposta i parametri come in figura
Premi CTRL + F due volte, tale comando ripete l’ultimo filtro con gli stessi parametri. Ottieni qualcosa del genere
ruota nuovamente l’immagine, questa volta in senso orario
Dal menù filtro>sfocatura clicca su controllo sfocatura (filter>blur>gaussian blur) e sfoca l’immagine
Dal menù filtro clica su fluidifica (filter>liquify), per maggiori informazioni riguardo questo filtro clicca qui. Cerca di ottenere un effetto simile all’immagine seguente
dal menù immagine>regolazioni clicca su tonalità e saturazione (image>adjustments>hue&saturation) ed imposta i valori come in figura facendo attenzione a spuntare la casella colizza
Crea un duplicato dello sfondo
e ripeti il filtro precedente modificando però i valori come mostrato in figura, questa volta la casella colorizza non va spuntata
premi OK e modifica la modalità del livello in colore schema (color dodge)
dovresti ottenere qualcosa di simile
Attiva il precedente livello di testo
ed applica l’effetto di livello sfumatura, con i valori de default
e bagliore esterno, selezionando la sfumature predefinita dal giallo all’arancio
Ecco il risultato
Unisci i livello di sfondo, quelli che rappresentano il fuoco in giallo ed in rosso
Crea un duplicato e ponilo sopra al livello di testo
e sfoca il livello con il comando controllo sfocatura (gaussian blur)
Campbia la modalità del livello in scurisci (darken) ed abbassa l’opacita al 50%
Questo il risultato finale.
Per ottenere il riflesso come in figura, unisci tutti i livelli, crea un duplicato dello sfondo e capovolgilo verticalmente, imposta la modalità di livello su schiarisci (screen) , abbassa l’opacità e posizionalo come nella figura precedente.
Sfera di vetro
5 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
5 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
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!
Fotomontaggio del viso
5 mesi fa
Su richiesta di koka_and_kola postata nel forum
di graphixmania.it, ecco un tutorial che spiega come realizzare un fotomontaggio mettendo la faccia di qualcuno sul corpo di un’altro. Alcuni passaggi veranno solo indicati e non descritti passo passo, quindi, se non sei molto pratico, ti consiglio di seguire prima i tutorial precedenti.
Abbiamo questa foto di Carlo Verdone
e questo poster di Schwarzenegger in terminator.
Il nostro scopo è quello di mettere il viso di Carlo Verdone sul corpo di Schwarzenegger. Personalmente preferisco cambiare solo il viso e non l’intera testa, quindi, nel tutorial, i capelli di Schwarzenegger rimarranno. Per allineare il viso da sostituire al viso originale, sia nella posizione che nella dimensione, ti consiglio di creare un nuovo livello e, con lo strumento pennello, tracciare con dei punti bianchi la posizione degli occhi, della bocca e del naso, come mostrato in figura:
trascina la foto di Verdone nella foto di terminator e posiziona il livello tra il background ed il livello di appoggio dove abbiamo tracciato le linee guida in bianco; ridimensionala, ruotala e spostala fino ad allineare la posizione degli occhi di Verdone con i tratti precedentemente creati. Personalmente ho preferito non inclinare troppo il viso, quindi, come vedi, l’occhio alla tua destra non è perfetamente allineato.
Scontorna il viso con gli strumenti che ritieni più appropriati. Ti sconsiglio di utilizzare l’extract, bensì utilizza i tracciati o gli strumenti di selezione avanzati. Pulisci i contorni con la gomma ed un pennello leggermente sfumato.
Con un pennello morbido e con opacità circa 20% ammorbidisci i tratti della fronte in modo da creare un passaggio graduale de un viso all’altro.
Sempre con il livello che rappresenta il viso di Verdone, vai nel menù immagine/regolazioni e clicca su tonalità e saturazione (image/adjustments/hue & saturation) e cambia la tonalità del viso fino ad ottenere un colore simile alla foto di Schwarzenegger
Come vedi l’immagine di Verdone è decisamente meno contrastata e le luci e le ombre non corrispondono del tutto all’immagine originale. Dobbaimo correggere, o almeno attenuare, questi dietti al fine di rendere il fotomontaggio più credibile.
Come prima modifica aumentiamo il contrasto utilizzando la correzione dei livelli in immagine/regolazione/livelli (image/adjustmenst/levels)
ed aumentiamo la definizione con una maschera di contrasto dal menù filtro/contrasto (filter/sharpen/unsharpen mask)
Per sicurezza crea un duplicato del viso di Verdone corretto e rendilo non visibile cliccando sull’occhio accanto al livello e salva anche il lavoro in PSD.
Ora dobbiamo correggere le luci e le ombre. Crea un nuovo livello e posizionalo sopra al livello del viso di Verdone e cambia il metodo di fusione in luce soffusa (soft light)
Con lo strumento pennello ed il colore nero scurisci il lato alla tua destra e con il colore bianco schiarisci alcune aree sulla sinistra
Ora mancano alcuni riflessi di luce verde e blu presenti nella foto originale. Crea un nuovo livello e cambia la modalità di fusione in tonalità (hue).
Con lo strumento contagocce preleva il colore verde dal collo di Schwarzenegger e, con lo strumento pennello, colora il lato sinistro del viso (sempre il lato alla tua sinistra) e crea alcuni riflessi sul lato destro.
Ora sorge un problema! Come puoi vedere il collo di Schwarzenegger ha punti luce che vanno nel bianco, al fine di non perdere i tratti somatici di Verdone selezioniamo la foto originale (lo sfondo o il background) dalla paletta dei livelli e con lo strumento clona, ad opacità circa 10%
cloniamo alcuni punti del collo a sinistra sulla parte destra, lo stesso facciamo per la fronte. Come puoi vedere dalla foto che segue abbiamo notevolmente amalgamato le luci e le ombre. Sempre con lo strumento clone, infine, dobbiamo eliminare le orecchie di Schwarzenegger che compaiono sotto il livello di Verdone e dobbiamo eliminare l’angolo degli occhiali che appare sul lato sinistro. E se invece volessimo mettere gli occhiali di Schwarzenegger sul Viso di Verdone in modo da coprire lo sguardo distratto?
Seleziona il livello originale, nascondendo temporaneamente gli altri livelli, e crea una selezione rettangolare attorno agli occhiali di terminator. premi CTRL + C. Riattiva tutti gl altri livelli e premi CTRL + V. Sposta il livello delgi occhiali in cima a tutti gli altri.
Premi CTRL + T e ruota gli occhiali in modo da coprire al meglio il viso di Verdone
ed applica al livello occhiali una leggera maschera di contrasto per aumentarne la definizione.
Ora restano alcuni piccoli dettagli da correggere. Prima di tutto nei capelli di Schwarzenegger vi è una leggerissima luce rossa che, nella foto originale si nota anche sul viso. Con lo strumento contagocce preleviamo il colore in questione e con lo strumento pennello in modalità tonalità (hue) ed una opacità pari al 40%, creiamo dei riflessi sul viso di Verdone (assicurati di aver selezionato il livello di Verdone), in particolar modo sulle labbra, sul naso e sulle rughe di espressione.
Abbiamo finito!
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.
