Share
Come illustreresti i suoni? Li faresti come note musicali, firme chiave, eleganti volute o swooshes selvaggi? Bene mettiamo via tutti quelli per ora e guardiamo gli spettrogrammi - registrazioni audio in formato visivo. Li utilizzeremo per progettare una copertina per un album per pianoforte solo dal titolo La tempesta. E per finire, mostreremo anche la copertina in un ambiente migliorato di Photoshop.
Prima di iniziare, diamo un'occhiata all'immagine che creeremo. Fai clic sullo screenshot qui sotto per visualizzare l'immagine a dimensione intera. Come sempre, il file Photoshop a più livelli è disponibile tramite la nostra iscrizione Psdtuts + Plus.
La tempesta è il mio album per pianoforte solista in lavorazione, il tutto basato su una traccia, che presenta lo stesso nome. Anche se l'album non è ancora uscito, e potrebbe essere un po 'finché non lo è, è possibile ottenere la traccia stessa da lulu. La musica è ovviamente la principale fonte di ispirazione per il design che stiamo per realizzare, quindi ascoltarlo ti darà una migliore comprensione del tutorial.
Per elaborare un progetto, analizzeremo la traccia. La prima caratteristica degna di nota è l'umore. L'atmosfera sempre più tesa è qualcosa da prendere in considerazione. Lo applicheremo usando uno sfondo scuro. Useremo anche alti contrasti ed eviteremo colori caldi come giallo, arancione o rosso. Quelli creano un'atmosfera gioviale, che è qualcosa che vogliamo evitare.
Nella canzone, ci sono note di base predominanti che supportano sempre più suoni e dopo aver raggiunto il climax si rifiutano di fermarsi completamente. In altre parole, la struttura musicale è geometrica e pianificata con precisione. E così useremo linee dritte e nitide e staremo lontano da elementi curvi e sferici.
Decisioni finali: sfondo scuro, elementi geometrici blu, tipografia bianca e un alto contrasto generale. Il layout di base sarà basato su un quadrato semplice, ma mantenuto dinamico utilizzando angoli leggermente su elementi di design.
Prima di tutto, dobbiamo creare lo spettrogramma per questa traccia. Allora, cos'è uno spettrogramma? Pensala come un carillon. Un tipico carillon crea suoni strappando denti metallici di varie dimensioni che creano note musicali. Allo stesso modo, il software di editing audio si incorporerà denti digitali in un'immagine bitmap. In poche parole, è una forma visiva accurata di una registrazione audio.
Per essere in grado di crearne uno noi stessi, useremo un programma semplice e gratuito chiamato Bitmap e Waves. Puoi andare sul loro sito e scaricarlo.
Dopo aver scaricato il software, aprire il file ed eseguire il programma. Nessuna installazione è necessaria; basta estrarre il file zippato e aprire il programma. Ora fai clic sulla scheda Fourie e usa le impostazioni mostrate sotto.
Per le dimensioni del documento usato qui, abbiamo bisogno di una bitmap con una dimensione di 4096. Potresti volerlo più piccolo o più grande, che dipende dalla dimensione e dalla risoluzione del tuo documento. Se si desidera creare lo stesso progetto come me, quindi utilizzare le impostazioni mostrate di seguito. Quindi fare clic su Carica e aprire il file che si desidera convertire.
Nota: Questo programma funziona solo con i file in formato WAV. Un file WAV è una registrazione grezza che può essere compressa in altri formati come MP3, in modo simile a come i file PSD di Photoshop sono compressi in formati JPG. Quindi la tua traccia dovrà essere un file WAV lossless o raw. Se non si dispone di un file WAV o di un software capace di conversione, trovare un semplice convertitore online.
Ok, quindi inserisci le specifiche e fai clic su Carica. Quindi apri il tuo file WAV.
Ora devi convertire il file. Quindi basta premere il pulsante Converti. Quindi morditi le unghie per qualche minuto mentre si carica.
Ecco! Il tuo nuovo spettrogramma è finito. Ora tutto ciò che devi fare è cliccare sul pulsante Salva e metterlo in un posto sicuro.
In caso di problemi con il software, utilizzare questo spettrogramma (da Claire de Lune di Claude Debussy), mostrato di seguito. È più alto, ma puoi inclinarlo per assomigliare a quello che stiamo creando.
Apri lo spettrogramma appena creato con Photoshop. Lo toccheremo un po 'prima di inserirlo nel file di copertina dell'album vero e proprio. La prima cosa che faremo è aumentare il contrasto. Vai a Immagine> Regolazioni> Curve. Quindi utilizzare le impostazioni mostrate di seguito:
Ora cambia la tonalità dell'immagine. Vai a Immagine> Regolazioni> Tonalità / Saturazione. Inserisci i seguenti valori.
Ci sono aree dello spettrogramma di cui non abbiamo bisogno per il design. Per sbarazzarsi di loro, basta usare una spazzola morbida e dipingere le aree con il nero, come indicato dalle frecce gialle delle aree sottostanti.
Bene, ora creiamo il nostro nuovo progetto. Usa le impostazioni mostrate sotto e dai il nome al file "The Storm".
Ora faremo uso del nostro spettrogramma. Lo useremo come un'illustrazione per le nuvole. Volevo mantenere la copertina semplice, nitida, forte e abbastanza chiara da evitare qualsiasi sovraccarico di informazioni per conto degli spettatori. Fortunatamente, da uno sguardo ravvicinato, lo spettrogramma reca anche un dettaglio complesso che darà al design il giusto livello di sofisticazione.
Quindi inserisci lo spettrogramma modificato nel nuovo progetto e posizionalo nella parte superiore della pagina, capovolto. Quindi basta ruotarlo di circa cinque gradi all'indietro in modo che abbia una leggera inclinazione.
Vogliamo che il colore sia più vivido e abbia più profondità. Quindi duplica lo spettrogramma nella posizione esatta, imposta la modalità di fusione del livello su Colore scherma e imposta il livello di opacità del livello al 70%. Unisci questi due livelli e nomina il nuovo livello "Cloud".
Duplica il livello "Cloud" e posizionalo più a sinistra e più in basso della posizione corrente.
Fai un altro duplicato e posizionalo sull'altro lato, anche più in basso.
Ora prendi questa fantastica foto astratta da sxc.hu. Lo useremo per aggiungere una profondità sottile alle nuvole. Inseriscilo nel progetto, desaturalo premendo Ctrl + Maiusc + U. Quindi allinearlo con una delle "Nuvole". Il mio è al 70% di Opacità in modo che tu possa notare l'allineamento, ma mantieni questo livello al 100% di Opacità quando lo allinei da solo.
Ora cambia il suo stile di livello in Luce soffusa. Il risultato dovrebbe essere simile alla seguente immagine.
Quindi ripeti la stessa procedura per le altre due "Nuvole".
È ora di aggiungere il testo. Ho usato un font chiamato Placard Condensed per la maggior parte del tipo. Nell'immagine qui sotto hai anche un semplice layout visualizzato. Un'attenta pianificazione della griglia manterrà la tela organizzata ed eliminerà la confusione, piuttosto che semplicemente schiaffi su alcuni testi qua e là.
In questo caso, il titolo è il testo più grande e funge da ancoraggio per il layout. La casella più piccola segue il titolo e mantiene allineato il sottotitolo del genere (piano solo). Ma per evitare di rendere tutto monotono, ho rotto la griglia avendo due linee di testo opposte che uscivano dall'allineamento iniziale, da cui la seconda e più grande scatola di allineamento.
Inoltre, considera la gerarchia. Vuoi guidare l'occhio dello spettatore dall'informazione più rilevante al meno importante. Questo è il mio ordine: il titolo dovrebbe essere la prima cosa da notare. È anche abbastanza grande da essere letto da una certa distanza e in piccole immagini in miniatura. Successivamente, arriva il nome dell'autore e infine il genere.
La maggior parte delle copertine dei CD non include nemmeno un sottotitolo di genere, tuttavia ritengo che sia appropriato per consentire allo spettatore di identificare lo stile della musica. Poiché il design della copertina può essere applicato ad altri stili musicali, il sottotitolo renderà più semplice per un potenziale cliente sapere cosa sta acquistando.
Crea il testo usando l'immagine seguente come riferimento.
Successivamente mostreremo la copertina grafica su una custodia per CD e incorporarla in un ambiente migliorato di Photoshop. Quindi scarica queste due immagini da sxc.hu: una texture di legno e una custodia per CD. Per fare ciò utilizzeremo alcune tecniche avanzate descritte nel tutorial di Fabio: Utilizzo del filtro Fuoco prospettico per Mock Up di un biglietto da visita.
Quindi apri un nuovo progetto (senza chiudere quello precedente) in cui mostreremo la copertina. Denominare questo file "Storm_CD.psd" (questo sarà il nostro file di presentazione finale). Il mio è una dimensione di sfondo standard di 1600x1280 a 72 ppi. Inserisci la foto della texture di legno sullo sfondo e posizionala di conseguenza. Potresti anche inclinarlo in modo che si adatti alla prospettiva, che è stretta in alto e in largo sul fondo.
Ridurremo la saturazione della foto usando un livello di regolazione. Quindi vai su Livello> Nuovo livello di regolazione> Tonalità / saturazione e riduci la saturazione di 50.
Quindi, inserire e posizionare l'immagine del CD sullo sfondo di legno.
Ora, usando lo strumento Penna, ritaglia la custodia del CD dallo sfondo bianco. Non preoccuparti della sua ombra, dato che ne faremo uno da soli, basta tagliare la custodia del CD. Quindi denominare il livello risultante come "caso del CD".
Imposta l'opacità del livello "Custodia CD" al 50%. Quindi duplicalo. Inoltre, mentre hai selezionato questo nuovo livello, imposta il metodo di fusione del livello su Moltiplica e Opacità su 100%. Quindi desaturalo premendo Ctrl + U.
Ora è il momento di aggiungere l'opera d'arte. Duplica l'ultimo livello descritto nel passaggio precedente (la custodia del CD impostata su moltiplica) e imposta il suo Stile livello su Normale. Questo sarà semplicemente un supporto per l'applicazione presto, quindi chiamalo "Artwork Prop".
Ora torna al file "The Storm" (file PSD con la copertina) e unisci tutti i livelli insieme premendo Ctrl + Maiusc + E. Quindi premere Ctrl + A per selezionare l'intera area e Ctrl + C per copiare la selezione. Lo facciamo in modo che possiamo incollare l'immagine sulla custodia del CD utilizzando il filtro del punto di fuga.
Nota: Dovresti ridimensionare la copertina in base al progetto vetrina del CD in modo che si adatti alla tela. Sarà più facile da inserire nel filtro del punto di fuga.
Ora torna al file principale "Storm_CD.psd". Inoltre, mentre hai selezionato il livello "Artwork Prop", vai su Filtro> Fuoco prospettico. Disegna un piano usando lo strumento Crea piano. Utilizzare i limiti della custodia del CD come riferimento:
Espandi la scatola in ogni direzione.
Premi Ctrl + V per incollare il disegno. Quindi trascinalo semplicemente sul piano e ridimensionalo in modo che si adatti.
Premi OK una volta posizionato correttamente. Ora taglieremo la copertina dal livello "Artwork Prop". Quindi seleziona i quattro angoli (solo dell'etichetta, non della custodia del CD) con lo strumento Lazo poligonale (L). Quindi fai clic con il pulsante destro all'interno dell'area selezionata e vai a Livello via taglio. Elimina il livello da cui lo hai estratto.
I bordi sono ora piuttosto aspri dal filtro Fuoco prospettico, quindi seleziona lo strumento Sfocatura (R) e sfoca leggermente i bordi con un pennello molto piccolo e una Resistenza del 50%. Quindi denominare questo livello "Etichetta".
A questo punto, creeremo dei riflessi. Quindi fai CTRL + clic sull'icona del livello "Etichetta" e premi Ctrl + Maiusc + N per creare un nuovo livello. In questo nuovo livello, seleziona lo strumento Sfumatura (G) e trascina oltre i due terzi della superficie dall'alto verso il basso. Usa un gradiente tra quello che va tra bianco (Opacità 30%) e bianco (Opacità 0%).
Mentre è attiva la selezione del perimetro, crea ancora un altro livello. Utilizzare pennelli morbidi rotondi di diverse dimensioni, tenendo premuto il tasto Maiusc, per creare tratti angolari lunghi 45 gradi. Dipingi con diverse sfumature di grigio fino a ottenere qualcosa di simile all'immagine qui sotto.
Imposta lo stile del livello su Luce soffusa. Questo è tutto per i riflessi!
Aggiungi un'ombra veloce sul CD. Fai doppio clic sul layer "CD case" che è attualmente impostato su Multiply e assegnagli un'ombra esterna con le seguenti impostazioni.
Su un nuovo livello, afferra lo strumento Sfumatura, attiva la modalità radiale, seleziona un colore di primo piano di bianco e un colore di sfondo di un grigio medio, quindi trascina dal centro verso l'esterno. Quindi imposta la modalità di fusione del livello su Color Burn.
Ora aggiungeremo profondità all'immagine. Quindi unisci tutti i livelli insieme premendo Ctrl + Maiusc + E. Assicurati di conservare i tuoi file originali come backup nel caso in cui desideri apportare modifiche successivamente.
Accedere alla modalità Maschera veloce (Q) e creare un gradiente lineare grande con il nero (Opacità 100%) come primo piano e bianco (Opacità 100%) come colore di sfondo. Trascina dal centro a circa due terzi della tela, fallo verso il basso.
Ora uscire dalla modalità Maschera veloce premendo nuovamente Q. Quindi vai su Filtro> Sfocatura> Sfocatura obiettivo. Basta cambiare il raggio a 12 e impostarlo su Più preciso. Applicare la Sfocatura obiettivo e deselezionare la selezione premendo Ctr + D.
E abbiamo finito! Abbiamo creato gli spettrogrammi, li abbiamo aggiunti alle copertine degli album e mostrato la copertina di una custodia di un CD lucido.
Accentsconagua