Share
In questo tutorial, creeremo una sorta di composizione old-worldy con una bussola e facendo uso di alcune fantastiche immagini vettoriali dell'Arsenal. Come sempre c'è un file PSD nella parte inferiore del tutorial. In questo caso, consiglio vivamente di scaricarlo poiché si tratta di una composizione piuttosto complessa. Attenzione, questo è un tutorial LUNGO!
Oh, nel caso ve lo stiate chiedendo, l'ispirazione viene da un insieme di libri davvero accurato, uno dei quali è chiamato Compasso d'oro (in realtà stanno trasformando la serie in un film ora!).
Per fare questo, avremo bisogno di alcune risorse con cui lavorare. Sto usando alcune forme vettoriali dalla sezione Freebie di GoMedia / Arsenal. Arsenal è un set di pacchetti vettoriali acquistabili che possono essere utilizzati in Illustrator o Photoshop. In questo caso perché sono a buon mercato, sono appena andato alla sezione "Freebie" e scaricato tutto lì!
Inoltre avevo bisogno di un'immagine della bussola che ho ricevuto da iStockPhoto per $ 1. Sto anche usando il font Nuptial Script. Non posso per la vita di me ricordare dove ho preso questo font o se è gratis o no. In ogni caso, se non hai quel carattere specifico probabilmente puoi trovare qualcosa di simile.
Ho diviso questo tutorial in due sezioni, quindi alla fine li abbiamo riuniti per formare l'immagine finale. Dovresti scaricare il PSD e dare un'occhiata attraverso di esso. Questa immagine è davvero piuttosto complicata e avrà più senso quando guarderai gli strati!
Quindi, prima di tutto, iniziamo con un gradiente di sfondo. Come sempre sto usando un gradiente radiale e sto prendendo alcuni colori bluastri scuri.
Colore di primo piano - # 35444b
Colore di sfondo - # 1a2023
Ora la prossima cosa da fare è incollare la prima delle nostre immagini vettoriali. Questa è una sorta di banner.
Ci sono due modi per farlo. Dopo aver visitato il sito GoMedia, fai clic sulla sezione Freebie e scaricherai un documento EPS. Questi documenti sono in un formato vettoriale e idealmente è possibile aprirli in Illustrator, quindi copiare e incollare il vettore su Photoshop. Se lo fai in questo modo, otterrai un oggetto Smart Vector che puoi ridimensionare senza perdere alcuna qualità. In tal caso, potrebbe essere necessario fare successivamente clic con il pulsante destro del mouse sul layer e fare clic su Rasterize Layer perché è necessario lavorarci sopra.
In alternativa, se non hai / usi Illustrator, apri semplicemente il file EPS in Photoshop. Ti chiederà in quale misura desideri rasterizzarlo. Io scelgo solo alcuni valori casuali e poi lo rifaccio un paio di volte finché non ho la giusta dimensione. Nota che una volta rasterizzato, perderai le informazioni nell'immagine quando ridimensioni, quindi è meglio farlo solo una volta.
Comunque ecco lo striscione:
Ora prendi lo strumento Selezione bacchetta magica (W) e fai clic sulla parte superiore del banner, quindi crea un nuovo livello e riempilo con un colore beige (# dfd6b8)
Ripeti il processo con le due parti del banner sullo sfondo (come mostrato sotto).
Quindi vogliamo approfondire un po ', cosa che possiamo fare con Burn Tool (O). Nel caso non abbiate mai usato gli strumenti Scherma e Brucia, in pratica scuriscono o schiariscono un oggetto. Li usi dipingendo con un pennello e sono strumenti abbastanza curati. Un consiglio pratico è che una volta selezionato, pronuncia lo strumento Brucia, quindi puoi tenere premuto Alt e passerà a Scherma (e viceversa) in modo da non dover andare alla barra degli strumenti e cambiarlo..
Ora, perché vogliamo un aspetto davvero grintoso, vale la pena utilizzare un pennello grintoso. In questo caso, ho usato un pennello che ho scaricato di nuovo dalla sezione Freebie del sito di GoMedia. Devi solo scaricarli e quindi aprire la tavolozza Pennelli, fare clic sulla piccola freccia a destra e scegliere Carica pennelli e dovrebbero apparire tutti in basso.
Una volta che hai un bel pennello sgangherato, inizia a bruciare il lato destro come mostrato. Fallo in piccoli blocchi in modo da ottenere una bella trama ruvida.
Ripeti questo processo dall'altra parte, quindi usa un po 'di scherma nel mezzo. Quindi ripetere di nuovo sul retro, in modo che i bit verso il centro siano oscurati e gli esterni siano alleggeriti.
Si noti che stiamo cercando di simulare la luce qui con la fonte luminosa da davanti. Quindi il motivo per cui lo facciamo in questo modo è che i bit su entrambi i lati dovrebbero essere scuri perché quelle parti si stanno allontanando dall'osservatore. Sul retro, le parti nel mezzo stanno cadendo in pieghe in modo da essere ombreggiate. Ovviamente questa è solo una vaga approssimazione, ma aiuta con l'aspetto generale.
Ora tieni premuto Ctrl e fai clic sul livello con la parte superiore beige per selezionarlo. Quindi premere la freccia su alcune volte. Quindi torna al livello del vettore banner originale e premi Elimina.
Fondamentalmente ci stiamo sbarazzando della linea nera superiore.
Ora in un nuovo livello, riempi la selezione con un blu scuro (# 283438)
Scarica di nuovo il vecchio strumento Brucia e inizia a dare un po 'di consistenza a questo strato. Come prima, vuoi che i bordi siano leggermente più scuri rispetto al centro, anche se non rendi l'effetto troppo pronunciato.
Ora duplica lo strato beige da dietro e spostalo un po 'verso sinistra come mostrato. Ciò conferisce al nostro banner un aspetto fuori centro che lo rende superlativo!
Successivamente andremo a sostituire il resto della parte del vettore nero con il blu scuro e di nuovo a dargli un po 'di consistenza. Quindi tieni premuto Ctrl e fai clic su quel livello per selezionarlo. Quindi riempilo con un blu scuro.
Ora passa di nuovo e usa lo strumento Brucia per aggiungere ombre alle parti che stanno entrando nelle pieghe per dargli un po 'di tridimensionalità.
Avanti in un nuovo livello scrivere del testo. Ho scritto alcune parole casuali qui. Usa un colore beige e scegli un bel font. In questo caso sto usando Script Nuptial.
Ora fai clic su Type Tool (T) e fai clic in alto su T con la freccia sotto per visualizzare le opzioni di Warp Text. Qui stiamo usando Arc e dandogli una piega di circa il 43%.
Nota che se sei un utente di Illustrator puoi fare un testo su un percorso in Illustrator e poi copiarlo e potrebbe avere meno distorsioni sulle lettere. Ma poiché questo è un tutorial di Photoshop e non uno di Illustrator, ci limiteremo a PS :-)
Successivamente ho aggiunto alcuni stili di livello per rendere il testo più dorato. Puoi aprire il PSD alla fine di questo tutorial e copiare semplicemente lo stile del livello facendo clic con il pulsante destro del mouse sul livello e scegliendo Copia stile livello. Adoro gli stili di livello, come sicuramente ti accorgi se leggi abbastanza dei miei tutorial. La cosa migliore da fare quando usi gli stili di livello è giocare con ogni impostazione, ci sono così tante cose interessanti che puoi fare.
Quindi dovresti avere qualcosa che assomigli all'immagine mostrata qui sotto! Ora faremo lo sfondo e il colorito. Quindi, disattiva la visibilità di questi livelli e inizia con lo sfondo.
In questa sezione, creeremo tutte le altre parti dell'immagine. Questo tipo di andare in giro ciò che abbiamo già fatto - il modo migliore per vedere l'ordine dei livelli è quello di guardare il file di Photoshop.
Quindi, disattiva tutti i livelli correnti, ad eccezione dello sfondo.
Ora aggiungeremo un po 'di texture allo sfondo. Per questo sto usando una texture campione, ancora una volta dalla sezione Freebie di GoMedia / Arsenal
Questo è chiamato "Rust11.jpg". Incollalo e ridurlo a misura. Quindi impostalo su Sovrapponi in modo che interagisca con il blu scuro del nostro sfondo.
Perché non pensavo che fosse abbastanza scuro, ho aggiunto uno strato sopra grigio scuro e l'ho impostato su Moltiplicare e il 35%.
Dovrei sottolineare che con un'immagine così complicata, devi sperimentare molto e fare le cose a occhio. Così spesso guardo qualcosa e penso, questo deve essere più oscuro, o che non funziona e prendere le cose o inserire le cose. Certamente quando si arriva con questa immagine non ho seguito questi passaggi in questo ordine. È solo un modo conveniente per ritrasmetterti le informazioni. Quindi non pensare di aver bisogno di avere un piano fantastico in mente quando fai delle immagini, fai solo ciò che sembra giusto. Più fai, più il tuo occhio diventa più pratico nel decidere se qualcosa è giusto o meno.
Ora ho incollato alcuni dei vettori del pacchetto gratuito GoMedia. Ho scelto alcuni vecchi vettori di statue e li ho messi tutti in Multiply. Perché non ne avevo abbastanza, ho sfogliato un paio per coprire l'intera pagina senza sembrare che stavo solo ripetendo più e più volte!
Successivamente incollo il penultimo dei nostri vettori da GoMedia. Apparentemente questa è una cosa a mezzo tono. In ogni caso mi sembra una saracinesca e la useremo per l'illuminazione. Innanzitutto perché il vettore era nero, premevo Ctrl-I per invertire il colore in bianco. Puoi altrettanto facilmente riempirlo di bianco, colorarlo con il bianco o selezionarne i pixel e creare un nuovo livello e riempirlo di bianco. In realtà ci sono spesso molti modi per fare la stessa cosa in Photoshop: immagino sia questo che rende questo programma fantastico!
Successivamente premiamo Ctrl + T per trasformare e ruotare il vettore attorno e allungarlo per essere più grande.
Imposta quel livello su Sovrapponi e assicurati che sia bello e grande (come mostrato sotto). Come puoi vedere, sembra un po 'come la luce che scorre da alcune persiane aperte. Non sarai in grado di vedere molto di questo nell'immagine finale, ma dettagli come questo si sommano a una bella composizione complessa alla fine.
Anche perché la luce è raramente bella e nitida, è una buona idea andare a Filtri> Sfocatura> Sfocatura gaussiana e applicare una sfocatura con un raggio di dire 1px solo per renderla un po 'sfocata.
Quindi crea un nuovo livello e usa un gradiente radiale che va dal beige (# b58d4e) al nulla, traccia dal centro verso l'esterno per creare una toppa di colore come mostrato di seguito. Imposta la modalità di fusione di questo livello su Schermo. Questo sarà un altro po 'di illuminazione.
Ora duplica nuovamente l'ultimo livello e ora eseguiremo un filtro Wave su di esso alcune volte per rendere l'illuminazione più dinamica. Lo fai andando su Filtro> Distorsione> Onda.
Devo ammettere che non capisco davvero come funzioni il filtro Wave, quindi di solito metto un po 'di cursori intorno a un po' e premo Randomize fino a ottenere una bella distorsione - scientific so :-)
Comunque, una volta che lo hai fatto, vedrai il tuo blob diventare ondulato. Premi Ctrl + F alcune volte per farlo veramente distorto e dovresti ottenere un effetto interessante.
Dopo averlo fatto, puoi scegliere se ripetere la procedura e avere un secondo blob di luce sulla pagina.
Ora ho aggiunto un altro vettore all'immagine, sempre dalla sezione gratuita di GoMedia. Sembra solo un po 'di sporco grezzo, l'ho appena aggiunto e ho cambiato la modalità di fusione in Sovrapposizione e 40%.
Successivamente sono andato su una pagina Web a caso sulla Bibbia e ho copiato un testo a caso e l'ho incollato più e più volte. Effettivamente guardando indietro, ho fatto un po 'di lavoro schifoso mantenendo le battute anche quando li ho duplicati, ma non importa, suppongo. La cosa principale da fare è ottenere un sacco di testo e unire i livelli insieme.
Quindi imposta la modalità di fusione su Luce intensa e il 40%.
Finora tutto ciò che abbiamo fatto dovrebbe essere DIETRO i livelli originali della Parte 1. Ora crea un livello SOPRA il banner Parte 1. E scegli un pennello grande, grasso, morbido (diciamo 200-300) e con il nero come colore di primo piano basta dipingere intorno ai bordi come mostrato. Quando hai finito cambia la modalità di fusione in Sovrapposizione.
Successivamente in un nuovo livello, scegli questi colori come primo piano e sfondo:
Colore in primo piano - deb883
Colore di sfondo - 745222
e poi vai su Filtro> Rendering> Nuvole. Ora questo dovrebbe darti delle nuvole, ma per ottenere di più dinamico render, premi Ctrl + Alt + F. Non sono sicuro di cosa sia effettivamente nei menu, ma so che produce nuvole con una differenza più pesante, che vogliamo. Dovresti ottenere alcune nuvole che sembrano quelle sotto.
Impostare la modalità di fusione su Sovrapponi e 65%. Questo strato ci darà la maggior parte della nostra colorazione.
OK, quasi lì ora!
Dovresti avere alcuni strati in alto, un mucchio di strati di sfondo in basso, e poi i livelli della Parte 1 da qualche parte nel mezzo.
In seguito aggiungeremo la bussola. Questo deve passare al centro dei livelli dalla Parte 1 perché interagirà con essi. Puoi vedere l'ordine esatto scaricando il file PSD dal basso di questo tutorial.
Quindi, usando lo strumento Selezione cerchio, ho ritagliato la bussola dal suo sfondo originale (ricorda che ho ricevuto questa bussola da iStockPhoto). Sembra giallastro perché abbiamo lo strato di nuvole da qualche parte sopra.
La bussola sembra un po 'semplice, quindi andremo a zuppa un po' sui colori. Per fare ciò, duplica il livello della bussola e premi Ctrl + Maiusc + U per desaturalo (cioè rendilo in bianco e nero)
Imposta il livello Bianco e nero su Sovrapponi. Ciò conferisce un maggiore contrasto. (In realtà, puoi ottenere lo stesso effetto in altri modi.)
Quindi estrarre nuovamente lo strumento Brucia e, passando allo strato originale della bussola, dargli un po 'di calore accorto sul fondo e sui lati. Ora la nostra bussola sta iniziando a sembrare bella e calda.
Quindi in uno strato sotto la bussola, crea un cerchio nero delle stesse dimensioni della bussola. Puoi farlo premendo Ctrl e facendo clic sul livello della bussola per tornare al livello sottostante e riempirlo di nero.
Successivamente vai su Filtro> Sfocatura> Sfocatura gaussiana e dargli una sfocatura di 10px circa. Questa è l'ombra della nostra bussola.
Infine, mettiamo insieme bussola + sfondo + banner per formare l'immagine finale!
Si noti che ci sono stati un paio di livelli che ho tralasciato per mantenere questo tutorial breve (ben più breve comunque). Puoi scaricare la PSD per vedere il resto! Spero ti sia piaciuto quel tutorial, è stato un po 'un mostro!
Accentsconagua