Share
Hvordan ville du illustrere lyder? Ville du gjøre dem som musikknotater, nøkkel signaturer, elegante hvirvler eller ville swooshes? Vel, la oss sette bort alle de for nå og se på spektrogrammer - lydopptak i visuelt format. Vi bruker disse til å designe et cover for et solo piano album med tittelen Stormen. Og på toppen av det, viser vi også dekselet i et forbedret Photoshop-miljø.
Før vi begynner, la oss ta en titt på bildet vi skal skape. Klikk skjermbildet under for å vise bildet i full størrelse. Som alltid er den lagrede Photoshop-filen tilgjengelig via vårt Psdtuts + Plus-medlemskap.
Stormen er er min solo piano album i produksjonen, alt basert på ett spor, som har samme navn. Selv om albumet ikke er ute ennå, og det kan ta en stund før det er, kan du få sporet selv fra lulu. Musikken er åpenbart den viktigste inspirasjonskilden til designen vi skal lage, så det vil gi deg en bedre forståelse av opplæringen.
For å komme opp med et design, analyserer vi sporet. Den første bemerkelsesverdige funksjonen er stemningen. Den stadig spente atmosfæren er noe å ta i betraktning. Vi bruker dette ved å bruke en mørk bakgrunn. Vi bruker også høye kontraster og unngår varme farger som gul, appelsiner eller rødt. De skaper en jovial følelse, noe vi vil unngå.
I sangen er det overordnede basisnotater som støtter flere og flere lyder, og etter å ha nådd klimaksen, nekter de å stoppe. Med andre ord er den musikalske strukturen geometrisk og nøyaktig planlagt. Og så bruker vi rette, skarpe linjer og holder seg borte fra buede og sfæriske elementer.
Endelige beslutninger: mørk bakgrunn, blå geometriske elementer, hvit typografi og en generell høy kontrast. Den grunnleggende utformingen vil være basert på en enkel firkant, men holdes dynamisk ved å bruke små vinkler på designelementer.
Først av alt, må vi opprette spektrogrammet for dette sporet. Så hva er et spektrogram? Tenk på det som en musikkboks. En typisk musikkboks skaper lyder ved å plukke metalltenner av forskjellige størrelser som lager musikknotater. På samme måte vil lydredigeringsprogramvare innebygge digitale tenner i et bitmap-bilde. Enkelt sagt, det er en nøyaktig visuell form for lydopptak.
For å kunne lage en selv bruker vi et enkelt og gratis program kalt Bitmaps and Waves. Du kan gå til deres nettsted og laste den ned.
Når du laster ned programvaren, åpner du filen og kjører programmet. Ingen installasjon er nødvendig; bare pakke ut zip-filen og åpne programmet. Klikk nå på fanen Fourie og bruk innstillingene som vises nedenfor.
For størrelsen på dokumentet som brukes her, trenger vi en bitmap med en størrelse på 4096. Du vil kanskje ha den mindre eller større, som avhenger av størrelsen og oppløsningen til dokumentet. Hvis du vil lage det samme prosjektet som meg, bruk deretter innstillingene som vises nedenfor. Klikk deretter Last inn og åpne filen du vil konvertere.
Merk: Dette programmet fungerer bare med WAV-formatfiler. En WAV-fil er et råopptak som kan komprimeres til andre formater som MP3, ligner på hvordan Photoshop PSD-filer komprimeres til JPG-formater. Så sporet ditt må være en lossless eller rå WAV-fil. Hvis du ikke har en WAV-fil eller programvare som er i stand til å konvertere, så finn en enkel omformer online.
OK, så skriv inn spesifikasjonene og klikk på Last inn. Åpne deretter WAV-filen din.
Nå må du konvertere filen. Så trykk ganske enkelt på knappen Konverter. Deretter biter neglene dine i noen minutter mens det laster.
Voila! Ditt nye spektrogram er ferdig. Nå er alt du trenger å gjøre, klikk på Lagre-knappen og sett det på et trygt sted.
Hvis du har problemer med programvaren, bruk dette spektrogrammet (fra Claude Debussys Claire de Lune), vist nedenfor. Det er høyere, men du kan skjelne det for å se ut som det vi lager.
Åpne det nyopprettede spektrogrammet med Photoshop. Vi berører det litt før vi setter det inn i den faktiske albumdekselfilen. Det første vi skal gjøre er å øke opp kontrasten. Gå til Bilde> Justeringer> Kurver. Bruk deretter innstillingene som er vist nedenfor:
Endre nu fargen på bildet. Gå til Bilde> Justeringer> Fargetone / Metning. Sett inn følgende verdier.
Det er områder av spektrogrammet som vi ikke trenger for designet. For å kvitte seg med dem, bruk bare en myk børste og maling over områdene med svart, som vist med de gule områdene pilene under.
Ok, la oss skape vårt nye prosjekt. Bruk innstillingene som er vist nedenfor, og navngi filen "The Storm."
Nå skal vi gjøre bruk av vårt spektrogram. Vi bruker det som en illustrasjon for skyene. Jeg ønsket å holde dekselet enkelt, skarpt, sterkt og klart nok til å unngå overbelastning av informasjon på vegne av seerne. Heldigvis, fra et nærbildeutseende, har spektrogrammet også en innviklet detalj som vil gi designet det riktige nivået av raffinement.
Sett så det redigerte spektrogrammet i det nye prosjektet og plasser det på toppen av siden, vendt opp ned. Så bare drei den om fem grader bakover, slik at den har en subtil tilt.
Vi vil at fargen skal være mer levende og ha mer dybde. Så dupliser spektrogrammet i den nøyaktige posisjonen, sett lagsmixemodus til Color Dodge, og sett lagets opacity til 70%. Slå sammen disse to lagene sammen og navnet på det nye laget "Cloud".
Dupliser "Cloud" -laget og plasser det mer til venstre og lavere enn det er nåværende posisjon.
Lag en annen duplikat og plasser den på den andre siden, selv lavere denne gangen.
Nå får du dette virkelig flotte abstrakte bildet fra sxc.hu. Vi bruker dette for å legge til en subtil dybde til skyene. Sett inn det i prosjektet, desaturér det ved å trykke Ctrl + Shift + U. Juster det deretter med en av "Clouds". Gruven er på 70% Opacity, slik at du kan merke justeringen, men hold dette laget på 100% Opacity når du justerer det selv.
Endre det til lagets stil til Soft Light. Resultatet skal se ut som det følgende bildet.
Gjenta deretter samme prosess for de to andre "Clouds".
Det er på tide å legge til teksten. Jeg brukte en font som heter Placard Condensed for det meste av typen. I bildet nedenfor har du også et enkelt layout vist. Forsiktig planlegging av rutenettet vil holde lerretet organisert og eliminere forvirring, i stedet for å bare slappe på litt tekst her og der.
I dette tilfellet er tittelen den største teksten og fungerer som et anker for oppsettet. Den mindre boksen følger tittelen og holder genre underteksten (solo piano) justert. Men for å unngå å gjøre alt monotont, brøt jeg rutenettet ved å ha to motsatte linjer med tekst som kommer ut av den opprinnelige tilpasningen, derav den andre og større boksen til justering.
Vurder også hierarkiet. Du vil veilede seerens øye fra den mest relevante forekomsten av informasjon til de minst viktige. Dette er min bestilling: tittelen skal være den første som legges merke til. Det er også stort nok til å bli lest fra en avstand og i små størrelse miniatyrbilder. Deretter kommer forfatterens navn og endelig sjangeren.
De fleste CD-deksler inkluderer ikke en genre undertekst, men det er imidlertid hensiktsmessig å gjøre det enkelt for betrakteren å identifisere stilen til musikk. Siden omslagets design kan brukes på andre stilarter av musikk, vil underteksten gjøre det enkelt for en potensiell kunde å vite hva de kjøper.
Lag teksten ved å bruke følgende bilde som en referanse.
Deretter skal vi presentere omslaget på et CD-tilfelle og innlemme det i et Photoshop-forbedret miljø. Så last ned disse to bildene fra sxc.hu: en trestruktur og en CD-sak. Vi bruker noen gode teknikker som er beskrevet i Fabios veiledning for å gjøre dette: Bruke Vanishing Point-filteret til å lure opp et visittkort.
Så åpne et nytt prosjekt (uten å lukke den forrige) der vi skal presentere omslaget. Navngi denne filen "Storm_CD.psd" (dette er vår siste utstillingsfil). Gruven er en standard bakgrunnsstørrelse på 1600x1280 ved 72 ppi. Sett inn teksturfotoet på bakgrunnen og plasser det i henhold til dette. Du kan også ønske å skjære den slik at den passer til perspektivet, som er smalt på toppen og bredt på bunnen.
Vi vil kutte på metningen av bildet ved hjelp av et justeringslag. Så gå til Layer> New Adjustment Layer> Hue / Saturation og redusere metningen med 50.
Sett deretter inn og plasser CD-bildet på trebakgrunnen.
Nå, ved hjelp av pennverktøyet, kutte du ut CD-saken fra den hvite bakgrunnen. Ikke bekymre deg for skyggen, da vi vil lage en på egen hånd, bare kutte CD-saken ut. Navngi det resulterende laget som "CD-sak."
Sett "CD-saken" -laget Opacity til 50%. Så dupliser det. Også, mens du har valgt dette nye laget, må du sette lagets blandemodus til Multiply og Opacity tilbake til 100%. Desaturer deretter den ved å trykke Ctrl + U.
Nå er det på tide å legge til kunstverket. Dupliser det siste laget som er beskrevet i forrige trinn (CD-saken sett på multipliser) og sett det Layer Style til Normal. Denne vil ganske enkelt være en forutsetning for å bruke kunstverket snart, så kaller det "Artwork Prop."
Gå nå tilbake til "The Storm" -filen (PSD-filen med dekselet) og slå sammen alle lagene sammen ved å trykke Ctrl + Shift + E. Trykk deretter Ctrl + A for å velge hele lerretet og Ctrl + C for å kopiere valget. Vi gjør dette slik at vi kan lime bildet på CD-saken ved hjelp av Vanishing Point-filteret.
Merk: Du bør endre størrelsen på dekselet i henhold til CD-presentasjonsprosjektet slik at det passer i lerretet. Det blir lettere å sette inn i Vanishing Point Filter.
Gå nå tilbake til hovedfilen "Storm_CD.psd". Også, mens du har "Artwork Prop" -laget valgt, går du til Filter> Vanishing Point. Tegn et fly ved hjelp av Create Plane Tool. Bruk CD-sakenes grenser som referanse:
Utvid boksen i alle retninger.
Trykk Ctrl + V for å lime inn illustrasjonen. Deretter skal du bare dra den på flyet og endre størrelsen på den slik at den passer.
Trykk på OK når du har plassert den riktig. Nå skal vi kutte dekselet fra "Artwork Prop" -laget. Så velg de fire hjørnene (kun på etiketten, ikke CD-saken) med Polygonal Lasso-verktøyet (L). Deretter høyreklikker du i det valgte området, og går til Layer Via Cut. Slett laget der du har hentet det.
Kantene er nå ganske harde fra Vanishing Point Filter, så velg Blur Tool (R) og litt uskarpe kantene med en veldig liten børste og 50% styrke. Navn så dette laget "Etikett".
På dette tidspunktet vil vi lage refleksjoner. Så Ctrl + klikk på ikonet for "Label" -laget og trykk Ctrl + Shift + N for å lage et nytt lag. I dette nye laget velger du Gradient-verktøyet (G) og drar over to tredjedeler av overflaten fra topp til bunn. Bruk en gradient mellom det som er mellom hvitt (Opacity 30%) og hvitt (Opacity 0%).
Mens du fortsatt har markeringsvalget aktivt, lager du et nytt lag. Bruk forskjellige størrelser av runde myke børster, mens du holder på skift, for å skape 45 graders lange vinklede slag. Mal med forskjellige nyanser av grå til du får noe som ligner på bildet nedenfor.
Sett lagets stil på Soft Light. Det er det for refleksjonene!
Legg til en rask skygge på CDen. Dobbeltklikk på "CD-case" -laget som for øyeblikket er satt på Multiply, og gi det en Drop Shadow med følgende innstillinger også.
På et nytt lag, ta tak i Gradient-verktøyet, sett inn i Radial Mode, velg en forgrunnsfarge av hvit og en bakgrunnsfarve på en middelsgrå, og dra deretter fra midten. Sett deretter lagets blandingstilstand til Color Burn.
Nå legger vi dybden til bildet. Så flett alle lagene sammen ved å trykke Ctrl + Shift + E. Sørg for å beholde de opprinnelige filene dine selv som en sikkerhetskopi hvis du vil foreta justeringer senere.
Skriv inn rask maskeringsmodus (Q) og opprett en stor lineær gradient med svart (Opacity 100%) som forgrunn og hvit (Opacity 100%) som bakgrunnsfarge. Dra fra midten til omtrent to tredjedeler av lerretet, gjør dette i en nedadgående retning.
Gå ut av Quick Mask Mode ved å trykke Q igjen. Deretter går du til Filter> Blur> Lens Blur. Bare endre radius til 12 og sett den på mer nøyaktig. Bruk linsskygge og avmarker markeringen ved å trykke Ctr + D.
Og vi er ferdige! Vi har laget spektrogrammer, lagt dem inn i albumet, og viste dekselet på et skinnende CD-tilfelle.
Accentsconagua