Era da fin troppo tempo che non davamo una smossa a questo blog

In questo tutorial vedremo come creare un’interessante poster partendo da una birra Dreher in Photoshop. In particolare, voglio mostrarvi come possiamo facilmente utilizzare degli effetti di luce messi a disposizione da ArtBees per rendere più accattivanti le nostre composizioni senza perderci molto tempo!

Materiale utilizzato:

• bottiglia di Dreher
• paper texture
• immagine di un’onda
• effetti di luce

Lo sfondo

Partiamo creando un nuovo documento (700×1000 px) ed applicandovi un gradiente radiale (#8d4000 – #ffff00). Successivamente, apriamo lo stile livello dello sfondo, e vi applichiamo questa sovrapposizione gradiente, in modo tale da dare subito un effetto più eterogeneo al livello.

Infine, importiamo e ridimensioniamo la paper texture e la impostiamo su Moltiplica. Dovreste avere qualcosa del genere:

Piano d’appoggio

Adesso cerchiamo di realizzare una sbrigativa e rudimentale base d’appoggio per la nostra bottiglia di Dreher. Per farlo creiamo una selezione rettangolare e con un gradiente dal nero al trasparente, ricreiamo una sfumatura come quella in figura:

La duplichiamo per aumentarne l’intensità; duplichiamo anche la texture applicata precedentemente, la desaturiamo e la ridimensioniamo in modo da adattarla al piano d’appoggio. Dovremmo ottenere qualcosa di simile:

La composizione

Le onde

Importiamo all’interno del nostro documento l’immagine della nostra onda, la ridimensioniamo adeguatamente e desaturiamo.

Successivamente apriamo la finestra di regolazione livelli (Ctrl/Cmd + L) e aumentiamo fortemente il contrasto dell’immagine:

Infine impostiamo il livello su Colore Scherma e, attraverso una gomma morbida o una maschera di livello, eliminiamo alcune zone dell’immagine. Cerchiamo anche di ruotarla o spostarla in modo tale da ottenere un buon risultato finale.

Duplichiamo il livello, lo riflettiamo orizzontalmente e verticalmente, e lo posizioniamo in basso.

La birra

Importiamo nel documento l’immagine della birra. La posizioniamo al centro e applichiamo il filtro Contrasta -> Maschera di contrasto con intensità 100% e raggio 6px.

Successivamente, realizziamo un’ombra ed un riflesso alla birra con il metodo che preferiamo.

Gli effetti di luce

Adesso importiamo nel documento il .psd degli effetti di luce creati da Artbees. In realtà, quello che ho indicato precedentemente è solo un file di esempio. Il progetto completo è disponibile su GraphicRiver al prezzo di $8.. vi consiglio davvero di acquistarlo se potreste esserne interessati perchè è davvero completissimo e si dimostra spesso utile per accorciare operazioni che, altrimenti, impiegherebbero molto tempo!

Iniziamo quindi a utilizzare gli elementi del file, importandoli nel documento e gestendoli come meglio crediamo. Possiamo anche disattivare determinati elementi che non ci sono utili o aggiungerne di altri per migliorare la composizione.

Nel nostro caso, ad esempio, abbiamo realizzato qualcosa di simile:

Gli ultimi tocchi finali

Vignettatura

Creiamo un nuovo livello di colore bianco ed andiamo su Filtro -> Correzione Lente. Inseriamo i parametri come in figura ed impostiamo il livello su Moltiplica. Un veloce modo per creare una vignettatura ad un’immagine!

Contrasto e mappa

Creiamo un nuovo livello ed andiamo su Immagine -> Applica immagine. Successivamente applichiamo il filtro Contrasta -> Contrasta. Infine creiamo un nuovo livello di regolazione Mappa Gradiente. Scegliamo come impostazioni dal bianco al nero ed impostiamo il livello su Luminosità. Tramite questi due semplici passaggi, abbiamo dato maggiore contrasto all’immagine rendendola molto più accattivante!
Aggiungiamo, se vogliamo, anche un testo: noi abbiamo scelto il famoso slogan “Amici per la Dreher”.

Citando la pagina corrispondente di Wikipedia, il Bleach bypass è un procedimento di sviluppo della pellicola cinematografica. Si ottiene non eseguendo il passaggio di bleaching (sbiancatura): in questo modo, i cristalli d’argento si fermano sullo strato di celluloide. Nato negli anni sessanta, è stato via via più impiegato: ad esempio, in Orwell 1984, Salvate il soldato Ryan, Minority Report, Se7en e 300.

Oggi vedremo come applicare questa tecnica cinematografica, molto suggestiva, su una fotografia con Photoshop. Potete scaricare anche un’azione che vi automatizza il processo cliccando qui, ma, per un risultato ottimale, vi consigliamo sempre di apportare le modifiche manualmente!

Apriamo la nostra fotografia in Photoshop, nel nostro caso, utilizzeremo questa. La duplichiamo e desaturiamo.

Impostiamo la copia su Sovrapponi in modo tale da aumentarne il contrasto generale.

Creiamo un nuovo livello di regolazione Tonalità/Saturazione, e diminuiamo la saturazione dell’immagine a -40.

Adesso, creiamo un nuovo livello e andiamo su Immagine -> Applica Immagine. Andiamo su Immagine -> Regolazione -> Ombre e luci. Tramite questo pannello, potremo applicare alla nostra immagine un effetto molto simile al bleach bypass. Infatti, dovremmo cercare di rendere meno forti le ombre, ma al contempo, aumentare l’intensità delle luci. Per farlo, vi consiglio di utilizzare un settaggio come quello in figura, variando, al limite, i valori di raggio in base alla grandezza della vostra immagine.

Ecco il risultato finale:

Abbiamo scritto un tutorial per il noto blog Tutorial9 nel quale spieghiamo, in inglese, come creare un poster vintage con particolari effetti di luce in Photoshop. Purtroppo non possiamo pubblicarne una versione italiana in quanto i diritti sono esclusivi di Tutorial9. Vi prestiamo comunque supporto e aiuto, qui nei commenti, sperando che la guida vi possa interessare!

Da pochi giorni, è uscito, nella gran parte delle sale nel mondo, il penultimo film della famosa saga di Harry Potter. Scommetto che almeno una buona parte di voi lettori, come me, è andato a vederlo!
Senza dilungarci ulteriormente su giudizi riguardo al film non pertinenti con questo blog, oggi voglio mostrarvi come creare una scritta in stile Harry Potter in Photoshop, ricreando l’effetto del testo mediante il solo utilizzo dello stile livello.

Materiale utilizzato:

• nuvole
• fulmini

Il documento

Creiamo un nuovo documento (1440×900 px) con colore di sfondo un blu scuro (#000E11).

Lo sfondo

Importiamo l’immagine delle nuvole nel documento, la desaturiamo e ne regoliamo i livelli (Ctrl/CMD + L) con questi valori:

Premiamo Ctrl/CMD + U per aprire la finestra di regolazione tonalità/saturazione e modifichiamo leggermente il colore delle nuvole in modo tale che siano più tendenti al giallo/oro.

Impostiamo il livello su Scolora con il 25% di opacità. Infine andiamo su Filtro -> Sfocatura -> Controllo sfocatura ed applichiamo una sfocatura con raggio 2px.

Duplichiamo quattro volte il livello, e disponiamo le varie nuvole con grandezze differenti all’interno del documento. Diminuiamo, se riteniamo necessario, l’opacità di alcuni livelli. Infine, eliminiamo con una gomma morbida, eventuali zone che non danno un buon effetto in modo tale da avere qualcosa di simile.

Creiamo un nuovo livello, lo impostiamo su Sovrapponi, e con un pennello morbido bianco, disegniamo dei piccoli punti di luce, in modo tale da far sembrare alcune zone più luminose come se ci fossero dei fulmini.

La scritta

Scarichiamo ed installiamo il font Harry P. Creiamo, al centro del documento, la scritta Harry Potter, o quella che preferite, con 310 pt di grandezza. Inoltre diminuiamo la spaziatura tra i caratteri a -45 e impostiamo l’altezza del font pari a 115%.

Adesso, potete sia scaricare direttamente il nostro stile livello ed applicarlo al testo, sia seguire passo passo ogni opzione attraverso le immagini.

L’effetto finale mi sembra davvero molto soddisfacente!

Potete, se volete, aggiungere anche un ulteriore testo. Inoltre, abbiamo utilizzato i fulmini per legare i due testi.

Mappa gradiente

Infine, per rendere tutta la composizione più compatta, creiamo una nuova mappa gradiente dal blu scuro (#03152b) all’arancione (#7a3b18). Impostiamo il livello su Colora con 45% di opacità.

Oggi vi propongo una guida davvero molto semplice e alla portata di tutti; infatti, vedremo come creare un realistico logo di erba in Photoshop. L’effetto è molto realistico e replicabile in altre situazioni. Il segreto di un buon effetto erba è quello di far notare ogni singolo filamento: sfrutteremo semplicemente una texture ed un pennello predefinito di Photoshop!

Materiale occorrente:

• texture

Creiamo un nuovo documento in Photoshop (nel nostro caso 1440×900 px) e riempiamo lo sfondo di colore grigio (#b3b3b3). Con un pennello morbido abbastanza grande, creiamo un punto di luce bianco nella parte alta del documento.

Posizioniamo il logo, o il testo, che vogliamo modificare al centro del documento.

Importiamo la texture nel documento e ridimensioniamola adattandola al nostro logo. Infine, andiamo su Livello -> Crea maschera di ritaglio.

Rasterizziamo, se necessario, il livello del logo. Selezioniamo lo strumento pennello e utilizziamo quello chiamato “Dune Brush” presente di default. Apriamo il pannello pennelli (scusate il gioco di parole ahah) e lo impostiamo come segue.

Posizioniamoci sul livello del logo e utilizziamo il pennello, con differenti angolazioni (vedi passo precedente), per modificarne i contorni.

Volendo, possiamo applicare questo stile livello al logo per rendere il tutto più accattivante.

Ecco il risultato finale:

Qualche giorno fa mi sono un pò divertito a creare uno sfondo stile sci-fi per un piccolo contest sul sito di SaggiaMente. Avendo ottenuto un buon risultato, quindi, ho deciso di scrivervi questo tutorial per Photoshop per ottenere lo stesso effetto.

Creiamo un nuovo documento (nel nostro caso, 1440×900 px) di colore nero. Andiamo su Filtro -> Disturbo -> Aggiungi disturbo (15%, gaussiano, monocromatico). Apriamo la regolazione livelli (Ctrl/Cmd + L), ed abbassiamo il primo valore di input a 50 in modo tale da rendere visibili solo pochi puntini.

Duplichiamo il livello di sfondo, entriamo in modalità trasformazione libera, e ne triplichiamo la grandezza in modo da avere anche dei punti più grandi. Andiamo su Filtro -> Contrasta -> Contrasta (applicate il filtro 2 volte). Premiamo Ctrl/Cmd + U per aprire la finestra di regolazione tonalità/saturazione, ed aumentiamo il valore di luminosità di 10. Infine impostiamo il livello su Scolora con 50% d’opacità.

Creiamo un nuovo livello e andiamo su Filtro -> Render -> Nuvole e ne cambiamo il colore regolandone la tonalità/saturazione (Ctrl/Cmd + U). Impostiamo il livello su Colore scherma con il 70% di opacità.

Adesso vi illustro un passaggio facoltativo per poter creare delle forme circolari da aggiungere alla composizione. Apriamo Illustrator: ci servirà per pochissimi secondi. Creiamo un piccolo cerchio con 1px di traccia nera e senza colore di riempimento. Andiamo su Filtro -> Distorci e Trasforma -> Transforma e impostiamo i valori come in figura.

Infine importiamo questa forma in Photoshop, la duplichiamo e ne riduciamo la grandezza di una. Infine le disponiamo come meglio crediamo (eventualmente ne modifichiamo la posizione successivamente per ottenere un risultato migliore) e le impostiamo su Sovrapponi.

Finito questo passaggio facoltativo, è il momento di creare una specie di galassia. Quindi, selezioniamo la forma “Starburst” dalla lista delle forme predefinite e la posizioniamo sul nostro documento (deve essere abbastanza grande). Andiamo su Filtro -> Sfocatura -> Controllo sfocatura ed inseriamo un raggio di 25px.

Successivamente, andiamo su Filtro -> Distorci -> Twirl ed inseriamo un angolo di 670°. Utilizziamo la modalità trasformazione libera (Ctrl/Cmd + T) per diminuirne la larghezza in modo da rendere il tutto più proporzionato.

Andiamo su Filtro -> Sfocatura -> Sfocatura radiale ed inseriamo i valori in figura. Successivamente, creiamo un nuovo livello nero (sottostante a quello della forma) e li uniamo. Apriamo la finestra di regolazione tonalità/saturazione e, assicurandoci che sia spuntata la casella Colora, diamo un valore di 275 per la tonalità e 25 per la saturazione. Infine impostiamo il livello su Scolora.

Duplichiamo il nostro livello della galassia, lo ruotiamo, ne diminuiamo leggermente la grandezza e ne cambiamo il colore (sempre tramite la tonalità/saturazione).

Adesso, posizioniamo un logo, o una forma, nella zona centrale del documento. Io ho scelto il logo di SaggiaMente, ma voi potete anche inserire un tracciato personalizzato, o perchè no, una lettera.

Creiamo un nuovo gruppo ed impostiamolo su Colore scherma. Qui, realizzate degli effetti di luce come meglio credete. Ad esempio, in questo caso, in un livello abbiamo creato delle semplici particelle bianche, e su un altro, abbiamo creato prima una serie di triangoli e poi vi abbiamo applicato una sfocatura radiale.

Importiamo l’immagine di questo meteorite e scontorniamolo.

Successivamente, rendiamolo più scuro utilizzando la regolazione livelli e tonalità/saturazione. Ne creiamo due copie, e posizioniamo i meteoriti con varie dimensioni e rotazioni nel documento.

Utilizziamo gli strumenti brucia e scherma per modificare le luci e le ombre dei vari meteoriti.

Infine, ne creiamo una copia di ognuno e ne applichiamo una sfocatura radiale (zoom, 50, migliora) per crearne delle scie. Infine le posizioniamo alla fine dei vari meteoriti.

Per ultimo, applichiamo un controllo sfocatura ai meteoriti. Il meteorite più grande avrà una sfocatura maggiore (nel mio caso 5px), gl’altri due minore (3 e 1 px).

Adesso, applichiamo due mappe gradienti ed un filtro fotografico. Potete vedere tutti i settaggi nell’immagine sottostante.

Creiamo un nuovo livello, ed andiamo su Immagine -> Applica immagine. Applichiamo il filtro Sfocatura radiale (50, zoom, migliora) ed impostiamo il livello su Scolora. Eliminiamo, eventualmente, delle zone in cui l’effetto non ci sembra gradevole. Infine, riapplichiamo l’immagine su un altro livello ed applichiamo il filtro Contrasta (scusate gli eccessivi giochi di parole ). Ecco pronta la nostra composizione sci-fi!

Nel tutorial di oggi vi mostrerò un’utile tecnica per riprodurre facilmente un effetto legno senza l’utilizzo di immagini supplementari. In particolare, combineremo questa tecnica alla realizzazione di un testo 3D.

Creiamo un nuovo documento (nel nostro caso, 1440×900 px) con lo sfondo di colore grigio (#a3a3a3). Vi applichiamo, come al solito, un gradiente radiale in modo tale da creare una zona più chiara al centro:

Aggiungiamo il testo che vogliamo realizzare al centro del documento. Ho scelto come font HelveticaNeue LT 93 BlackEx e come grandezza 175 pt.

Creiamo un nuovo livello e, con lo strumento secchiello, lo riempiamo con un marrone chiaro (#CCAA7B). Successivamente, impostiamo come colore di secondo piano un marrone leggermente più scuro (#A07349). Infine andiamo su Filtro -> Render -> Fibers ed impostiamo i valori come in figura. In questo modo otterremo un più che soddisfacente effetto legno.

Per rendere l’effetto più realistico, possiamo distorcere leggermente il legno. Per farlo, andiamo su Filtro -> Fluidifica e con lo strumento spirale in senso orario, creiamo dei piccoli “mulinelli” di varie dimensioni.

Andiamo su Livello -> Crea maschera di ritaglio (oppure Ctrl/cmd + Alt + G) ed infine uniamo i due livelli.

Adesso, utilizziamo lo strumento Muovi. Tenendo premuto il tasto Alt, spostiamo la scritta (con le frecce della tastiera) di un pixel verso destra ed uno verso l’alto. Ripetiamo il procedimento una 15-20 di volte (in base alla profondità che volete dare al testo). In questo modo, creeremo delle copie spostate della scritta, che renderanno un falso effetto 3D.

Uniamo tutte le copie tranne il livello posto più in alto, e le rendiamo più scure tramite regolandone la luminosità (Ctrl/Cmd + U). In questo modo, il livello più in alto andrà a costituire la parte frontale del testo, mentre il livello inferiore sarà la profondità del testo.

Adesso utilizziamo lo strumento brucia sul livello della profondità del testo, con varie dimensioni e con una percentuale di esposizione differente in modo tale da scurire maggiormente alcune aree del testo, come evidenzia l’immagine.

Dovreste ottenere qualcosa di simile:

Adesso, invece, utilizziamo lo strumento scherma (impostato su Highlights, con esposizione 30% e di dimensione 300px) per schiarire maggiormente le zone superiori del livello frontale.

In questo modo, abbiamo ottenuto un realistico effetto legno e lo abbiamo combinato ad un testo 3D. Le applicazioni di questa tecnica sono davvero numerose, quindi non vi resta che sperimentare

Nel tutorial di oggi vedremo come con una texture un poster grunge; in particolare utilizzo questa guida per mostrarvi anche un’utile tecnica per rendere i testi del poster molto più sporchi e rozzi.

Creiamo un nuovo documento (nel nostro caso, 500×750 px). Partiamo creando subito un gruppo nel quale andranno tutti i livelli della parte alta del nostro poster. Scarichiamo ed importiamo questa texture, la ridimensioniamo e ruotiamo leggermente come in figura.

Per rendere maggiore il contrasto dell’immagine, apriamo la finestra di regolazione livello (Ctrl/Cmd + L) ed impostiamo il primo valore su 140.

Scarichiamo ed installiamo il font Bebas Neue, quindi, in pieno stile “Saw l’enigmista“, aggiungiamo un testo sopra la texture ruotandolo degli stessi gradi di quest’ultima.

Apriamo, quindi, la finestra di stile livello del testo. E’ infatti tramite questo che renderemo grunge anche il testo. Spostiamo verso sinistra metà della seconda freccina bianca (n.b.: devi tenere premuto il tasto alt per poter muovere solo metà freccia), in questo modo, il testo si unirà parzialmente alle zone grigie del livello sottostante.

Dovreste ottenere qualcosa di simile:

Utilizziamo lo stesso procedimento per creare altri testi, copiando, infine, lo stile livello del primo testo ed incollandolo sugli altri. Ho creato questa gif animata per mostrare ogni passaggio svolto.

Apriamo ora in Photoshop, un’immagine della maschera del pauroso enigmista. La scontorniamo, ed importiamo nel documento. Infine accentuiamo le zone d’ombra tramite la finestra di regolazione livelli (Ctrl/Cmd + L).

La ruotiamo, ad anche qui vi applichiamo lo stesso stile livello dei testi.

Inoltre, volendo, possiamo scaricare dei pennelli splatter per creare del sangue sopra il documento. Adesso, lavoreremo nella parte bassa del poster, quindi fuori dal gruppo creato in precedenza. Nello spazio lasciato bianco, reinseriamo la texture indicata prima in modo da colmare la zona vuota (naturalmente ruotandola e ridimensionandola leggermene).

Premiamo Ctrl/Cmd + L, ed impostiamo i valori come segue per rendere la texture di sotto leggermente più scura di quella superiore.

La desaturiamo (Shift + Ctrl/Cmd + U):

Premiamo Ctrl/Cmd + U, invece, per aprire la finestra di regolazione della tonalità/saturazione, e giostrando tra i vari valori, cerchiamo di rendere blu scura la texture.

Aggiungiamo anche qui dei testi, questa volta di colore bianco, e con la stessa tecnica di prima, li rendiamo grunge. Questa volta però, dovremmo spostare solo la freccia nera, come in figura.

Così facendo, possiamo ottenere qualcosa di simile:

Creiamo un nuovo livello, infine, ed andiamo su Immagine -> Applica immagine e diamo l’ok. Successivamente andiamo su Filtro -> Correzione lente e ci spostiamo sulla voce Custom. Qui, abbassiamo il valore di Quantità, nella sezione Vignette, a -100. In questo modo, abbiamo scurito le zone esterne del nostro poster dandone un’effetto più accattivante.

Infine, potete eventualmente aggiungere altri livelli di regolazione, o se siete soddisfatti del risultato, lasciare così il poster. Questo è il risultato finale:

E’ disponibile il tutorial anche in formato video.