Share
Hoe zou je geluiden illustreren? Zou je ze maken als muzieknoten, belangrijke handtekeningen, elegante krullen of wilde swooshes? Laten we dat allemaal voor nu wegleggen en kijken naar spectrogrammen - audio-opnamen in visueel formaat. We zullen deze gebruiken bij het ontwerpen van een hoes voor een solopiano-album getiteld De storm. En om het helemaal af te maken, zullen we ook de hoes weergeven in een verbeterde omgeving met Photoshop.
Voordat we aan de slag gaan, laten we eens kijken naar de afbeelding die we gaan maken. Klik op de onderstaande schermafbeelding om de afbeelding op ware grootte te bekijken. Zoals altijd is het gelaagde Photoshop-bestand beschikbaar via ons Psdtuts + Plus-lidmaatschap.
De storm is is mijn solo pianomap in de maak, allemaal gebaseerd op één nummer, dat dezelfde naam heeft. Hoewel het album nog niet uit is, en het misschien een tijdje duurt voordat het zover is, kun je de track zelf van lulu halen. De muziek is duidelijk de belangrijkste bron van inspiratie voor het ontwerp dat we gaan maken, dus als je ernaar luistert, krijg je meer inzicht in de tutorial.
Om een ontwerp te bedenken, analyseren we het nummer. De eerste opvallende functie is de stemming. De steeds gespannen sfeer is iets om rekening mee te houden. We passen dit toe met een donkere achtergrond. We gebruiken ook hoge contrasten en vermijden warme kleuren zoals geel, oranje of rood. Die creëren een gezellige sfeer, iets dat we willen vermijden.
In het nummer zijn er overheersende basistonen die steeds meer geluiden ondersteunen en na het bereiken van de climax worden ze volledig stilgelegd. Met andere woorden, de muzikale structuur is geometrisch en precies gepland. En dus gebruiken we rechte, scherpe lijnen en blijven we uit de buurt van gebogen en bolvormige elementen.
Definitieve beslissingen: donkere achtergrond, blauwe geometrische elementen, witte typografie en een algemeen hoog contrast. De basislay-out is gebaseerd op een eenvoudig vierkant, maar wordt dynamisch gehouden door lichte hoeken op ontwerpelementen te gebruiken.
Allereerst moeten we het spectrogram voor deze track maken. Wat zijn spectrogrammen? Zie het als een muziekdoos. Een typische muziekdoos creëert geluiden door metalen tanden van verschillende groottes te plukken die muzieknoten creëren. Op dezelfde manier wordt geluidbewerkingssoftware ingesloten digitale tanden in een bitmapafbeelding. Simpel gezegd, het is een nauwkeurige visuele vorm van een audio-opname.
Om er zelf een te kunnen maken, gebruiken we een eenvoudig en gratis programma met de naam Bitmaps en Golven. U kunt naar hun site gaan en het downloaden.
Nadat u de software hebt gedownload, opent u het bestand en voert u het programma uit. Geen installatie nodig; Pak gewoon het gecomprimeerde bestand uit en open het programma. Klik nu op het tabblad Fourie en gebruik de onderstaande instellingen.
Voor de grootte van het document dat hier wordt gebruikt, hebben we een bitmap nodig met een grootte van 4096. Misschien wilt u deze kleiner of groter, wat afhangt van de grootte en de resolutie van uw document. Als u hetzelfde project als ik wilt maken, gebruikt u de onderstaande instellingen. Klik vervolgens op Laden en open het bestand dat u wilt omzetten.
Notitie: Dit programma werkt alleen met WAV-bestanden. Een WAV-bestand is een onbewerkte opname die kan worden gecomprimeerd naar andere indelingen zoals MP3, vergelijkbaar met hoe Photoshop PSD-bestanden worden gecomprimeerd tot JPG-indelingen. Dus je track moet een verliesloos of onbewerkt WAV-bestand zijn. Als u geen WAV-bestand of software hebt die kan worden geconverteerd, vindt u een eenvoudige online converter.
Ok, dus voer de specificaties in en klik op Laden. Open vervolgens uw WAV-bestand.
Nu moet je het bestand converteren. Dus druk eenvoudig op de knop Converteren. Bijt vervolgens je nagels een paar minuten terwijl het laadt.
Voila! Je nieuwe spectrogram is voltooid. Nu hoef je alleen maar op de knop Opslaan te klikken en deze op een veilige plek te plaatsen.
Als je problemen hebt met de software, gebruik dan dit spectrogram (van Claude Debussy's Claire de Lune), hieronder weergegeven. Het is groter, maar je kunt het scheeftrekken om eruit te zien als degene die we aan het maken zijn.
Open het nieuw gemaakte spectrogram met Photoshop. We zullen het een beetje aanpassen voordat we het in het daadwerkelijke albumomslagbestand stoppen. Het eerste dat we zullen doen, is het contrast verhogen. Ga naar Afbeelding> Aanpassingen> Curven. Gebruik vervolgens de onderstaande instellingen:
Verander nu de tint van de afbeelding. Ga naar Afbeelding> Aanpassingen> Tint / verzadiging. Voer de volgende waarden in.
Er zijn delen van het spectrogram die we niet nodig hebben voor het ontwerp. Om er vanaf te komen, gebruikt u gewoon een zachte borstel en schildert u de gebieden met zwart, zoals aangegeven door de gele pijltjes hieronder.
Oké, laten we nu ons nieuwe project maken. Gebruik de onderstaande instellingen en noem het bestand "The Storm."
Nu zullen we gebruik maken van ons spectrogram. We zullen het gebruiken als een illustratie voor wolken. Ik wilde de omslag eenvoudig, helder, krachtig en duidelijk genoeg houden om te voorkomen dat de informatie voor de kijkers wordt overbelast. Gelukkig heeft het spectrogram, van dichtbij, een ingewikkeld detail dat het ontwerp het juiste niveau van verfijning zal geven.
Dus plaats het bewerkte spectrogram in het nieuwe project en plaats het bovenaan de pagina, ondersteboven gekeerd. Draai het dan ongeveer vijf graden naar achteren zodat het een subtiele kanteling heeft.
We willen dat de kleur levendiger wordt en meer diepgang heeft. Dus dupliceer het spectrogram in de exacte positie, zet de overvloeimodus op Color Dodge en zet de laagdekking op 70%. Voeg deze twee lagen samen en noem de nieuwe laag "Cloud".
Dupliceer de laag "Cloud" en plaats deze meer naar links en lager dan de huidige positie.
Maak nog een duplicaat en plaats het aan de andere kant, nog lager deze keer.
Krijg nu deze echt geweldige abstracte foto van sxc.hu. We gebruiken dit om een subtiele diepte aan de wolken toe te voegen. Plaats het in het project, desatureer het door op Ctrl + Shift + U te drukken. Lijn het vervolgens uit met een van de 'Wolken'. De mijne heeft 70% dekking, zodat u de uitlijning kunt opmerken, maar deze laag op 100% dekking behouden als u deze zelf uitlijnt.
Verander nu de laagstijl naar Zacht Licht. Het resultaat zou op de volgende afbeelding moeten lijken.
Herhaal vervolgens hetzelfde proces voor de andere twee 'Wolken'.
Het is tijd om de tekst toe te voegen. Ik heb het lettertype Placard Condensed gebruikt voor het grootste deel van het type. In de onderstaande afbeelding ziet u ook een eenvoudige lay-out weergegeven. Een zorgvuldige planning van het raster zal het canvas georganiseerd houden en verwarring elimineren, in plaats van hier en daar wat tekst in te drukken.
In dit geval is de titel de grootste tekst en fungeert deze als een anker voor de lay-out. De kleinere doos volgt de titel en houdt de genre-ondertitel (solo-piano) uitgelijnd. Maar om te voorkomen dat ik alles eentonig zou maken, brak ik het raster door twee tegenover elkaar liggende tekstregels uit de eerste uitlijning te laten komen, vandaar de tweede en grotere doos met uitlijning.
Overweeg ook hiërarchie. U wilt de aandacht van de kijkers richten op de meest relevante informatie, tot het minst belangrijke. Dit is mijn bestelling: de titel moet het eerste zijn dat opgemerkt moet worden. Het is ook groot genoeg om vanaf een afstand en in miniatuurafbeeldingen van klein formaat te kunnen worden gelezen. Vervolgens komt de naam van de auteur en tot slot het genre.
De meeste cd-hoesjes bevatten zelfs geen genre-ondertitel, hoewel ik het passend vond om het de kijker gemakkelijk te maken de muziekstijl te identificeren. Omdat het ontwerp van de cover op andere muziekstijlen kan worden toegepast, maakt de ondertitel het voor een potentiële klant gemakkelijk om te weten wat ze kopen.
Maak de tekst met behulp van de volgende afbeelding als referentie.
Vervolgens zullen we de hoesillustratie op een CD-hoes laten zien en deze integreren in een verbeterde Photoshop-omgeving. Dus download deze twee afbeeldingen van sxc.hu: een houtstructuur en een CD-hoes. We zullen enkele geweldige technieken gebruiken die in de tutorial van Fabio worden beschreven om dit te doen: Het Vanishing Point-filter gebruiken om een visitekaartje te bespotten.
Open dus een nieuw project (zonder de vorige te sluiten) waarin we de omslag zullen laten zien. Noem dit bestand "Storm_CD.psd" (dit wordt ons laatste showcasebestand). Mine is een standaard achtergrondformaat van 1600x1280 bij 72 ppi. Plaats de houtstructuurfoto op de achtergrond en plaats deze overeenkomstig. U kunt het ook scheef trekken, zodat het in het perspectief past, dat smal is aan de bovenkant en breed aan de onderkant.
We verminderen de verzadiging van de foto met behulp van een aanpassingslaag. Ga dus naar Laag> Nieuwe aanpassingslaag> Tint / verzadiging en verminder de verzadiging met 50.
Plaats en plaats vervolgens de CD-afbeelding op de houten achtergrond.
Knip nu met behulp van het gereedschap Pen de CD-hoes uit de witte achtergrond. Maak je geen zorgen over de schaduw, want we maken er een op zichzelf, knippen gewoon de CD-hoes uit. Geef de resulterende laag vervolgens de naam 'CD-hoes'.
Zet de dekking "CD-hoes" op 50%. Dupliceer het dan. Terwijl deze nieuwe laag is geselecteerd, stelt u de overvloeimodus van de laag in op Vermenigvuldigen en Dekking weer op 100%. Desatureer het vervolgens door op Ctrl + U te drukken.
Nu is het tijd om de illustratie toe te voegen. Dupliceer de laatste laag die in de vorige stap is beschreven (de CD-hoofdset is ingesteld op vermenigvuldigen) en stel Layer-stijl in op Normaal. Deze is gewoon een prop voor het snel toepassen van de illustratie, dus noem hem "Artwork Prop."
Ga nu terug naar het bestand "The Storm" (PSD-bestand met albumhoes) en voeg alle lagen samen door op Ctrl + Shift + E te drukken. Druk vervolgens op Ctrl + A om het hele canvas te selecteren en Ctrl + C om de selectie te kopiëren. We doen dit zodat we de afbeelding op de CD-hoes kunnen plakken met behulp van het Vanishing Point-filter.
Notitie: U moet het formaat van de hoes aanpassen aan het CD-showcaseproject zodat het in het canvas past. Het zal gemakkelijker zijn om in het Vanishing Point Filter in te voegen.
Keer nu terug naar het hoofdbestand "Storm_CD.psd". Ook, terwijl de laag "Artwork Prop" geselecteerd is, ga je naar Filter> Vanishing Point. Teken een vlak met behulp van de Create Plane Tool. Gebruik de grenzen van de CD-doos als referentie:
Vouw het vak in alle richtingen uit.
Druk op Ctrl + V om de illustratie te plakken. Sleep het vervolgens gewoon in het vlak en verklein het zodat het past.
Druk op OK zodra u het correct hebt gepositioneerd. Nu snijden we de omslag uit de laag "Artwork Prop". Dus selecteer de vier hoeken (alleen van het label, niet het CD-hoesje) met het gereedschap Polygonal Lasso (L). Klik vervolgens met de rechtermuisknop in het geselecteerde gebied en ga naar Laag Via Knippen. Verwijder de laag waaruit u het hebt geëxtraheerd.
De randen zijn nu behoorlijk hard van het Perspectiefpuntfilter, dus selecteer het vervaagtool (R) en vervaag de randen lichtjes met een heel klein penseel en 50% sterkte. Geef deze laag vervolgens het label 'Label'.
Op dit punt zullen we reflecties creëren. Dus Ctrl + klik op het pictogram van de "Label" -laag en druk op Ctrl + Shift + N om een nieuwe laag te maken. Selecteer in deze nieuwe laag het gereedschap Verloop (G) en sleep twee derde van het oppervlak van boven naar beneden. Gebruik een verloop tussen dat tussen wit (dekking 30%) en wit (dekking 0%).
Terwijl u nog steeds de selectiekader actief hebt, maakt u nog een andere laag. Gebruik verschillende groottes van een zachte ronde borstels terwijl u shift ingedrukt houdt, om 45 graden lange, schuine bewegingen te maken. Schilder met verschillende grijstinten totdat u iets krijgt dat lijkt op de onderstaande afbeelding.
Stel de stijl van de laag in op Zacht licht. Dat is het voor de reflecties!
Voeg een snelle schaduw toe aan de CD. Dubbelklik op de laag "CD-hoes" die momenteel is ingesteld op Vermenigvuldigen en geef deze een Slagschaduw met de volgende instellingen.
Pak op een nieuwe laag het gereedschap Verloop, zet het in de Radiale modus, selecteer een voorgrondkleur van wit en een achtergrondkleur van een middelgrijs en sleep vervolgens vanuit het midden naar buiten. Stel vervolgens de overvloeimodus van de laag in op Kleur branden.
Nu voegen we diepte toe aan de afbeelding. Dus voeg alle lagen samen door op Ctrl + Shift + E te drukken. Zorg ervoor dat u uw originele bestanden bewaart als back-up voor het geval u later wijzigingen wilt aanbrengen.
Open de snelle maskermodus (Q) en maak een grote lineaire gradiënt met zwart (dekking 100%) als de voorgrond en wit (dekking 100%) als achtergrondkleur. Sleep van het midden naar ongeveer tweederde van het canvas, doe dit in een neerwaartse richting.
Verlaat nu de snelmaskermodus door nogmaals op Q te drukken. Ga vervolgens naar Filter> Vervagen> Lensvervaging. Verander gewoon de straal in 12 en zet deze op Meer Nauwkeurig. Pas Lensonduidelijk beeld toe en schakel het selectiekader uit door op Ctr + D te drukken.
En we zijn klaar! We hebben spectrogrammen gemaakt, deze toegevoegd aan de albumillustraties en de hoes weergegeven op een glanzende CD-hoes.
Accentsconagua