Van de stad naar de cd stadsbeelden voor albumhoesillustraties illustreren

Ik werk voornamelijk voor reclame- en redactionele klanten, maar ik heb ook het geluk dat ik me met wat echte creatieve geesten kan bezighouden met enkele geweldige samenwerkingsprojecten, zoals de in New Jersey gevestigde electropop-band 'The Title'.

Nick Esposito van de band had mijn kunstwerken eerder gezien en toen ze op zoek waren naar een kunstenaar om hun mouwillustraties te ontwerpen, nam hij contact op. Ik hield van hun muziek en voelde een echte match tussen wat ze maakten en wat ik creëerde, dus we zijn begonnen.

We moesten ervoor zorgen dat we allemaal samen aan een heel perfect pakket werkten, elk element van het sleeve-ontwerp moest maatjes bieden met de allerbelangrijkste muziek. Ik weet niet meer hoe het onderwerp werd beslist, maar ik denk dat we het allemaal met het album genaamd "Making A Scene" eens zijn geworden en dat hun muziek zo opwindend was, dat het echt een stadsscène moest zijn, deze tutorial zal lopen jij door het proces dat ik nam om het te maken.

U kunt de bronbestanden vinden in de map met het label "source" in de bestanden die u hebt gedownload. Misschien wil je er even overheen kijken voordat we beginnen.


Stap 1

De eerste dingen eerst, voor mij komt dat altijd neer op een potloodtekening, het is in potlood geschetst dat mijn ideeën komen en waar ik een scène kan creëren met de juiste niveaus van realisme en karakter. Je zou natuurlijk kunnen beginnen met een foto, maar ik merk dat de echte wereld me vaker wel dan niet altijd geeft wat ik wil! Dus als ik eenmaal weet uit welke hoek ik de scène wil bekijken, begin ik eenvoudig bouwstenen te maken en details toe te voegen.

Om een ​​plaats bijzonder spannend, levendig en gevarieerd te laten lijken, probeer niet elk gebouw exact hetzelfde te maken, geef ze verschillende vormen en maten, verschillende architecturale stijlen, verschillende vensters, deuren, bewegwijzering, armaturen en fittingen. Om gebouwen echt te karakteriseren, vind ik het goed om eerst vanuit een goede hoek te gaan (ervoor zorgen dat je de perspectiefeffecten kunt verwijderen) en ook om alle lijnen een beetje natuurlijk gebogen te houden in plaats van te rigide en recht.

Het is over het algemeen in deze eerste fase dat ik ook ander lijnwerk toevoeg, zoals wolken, regenbogen, bubbels en rook. Ik voeg niet altijd alle tekst toe, omdat ik ook graag de juiste lettertypen gebruik in Illustrator en niet alleen het handgetekende type trace.



Stap 2

Tekenen voltooid (en gedeeld met de klanten / jongens in de band, om er zeker van te zijn dat ik de goede richting op ga) en het is rechtstreeks in Adobe Illustrator om de vectoren op gang te krijgen. Ten eerste zal ik altijd een eenvoudig, exact spoor doen met de Pen-tool, beginners hebben vaak moeite met de beziercurvefuncties, maar je moet ze echt overwinnen om het beste van Illustrator te maken. Het kostte me een tijd om het onder de knie te krijgen, maar de focus loonde en mijn illustratiewerk is zo sterk geëscaleerd sinds ik een paar jaar geleden alle beziercurve- / pengereedschapsfuncties heb leren kennen.

Voor die lezers die nog niet perfect zijn met bezier-curven, volgt hier een korte beginnersles ... De Pen-tool werkt door ankerpunten uit te zetten en de curves tussen elk punt aan te passen (in plaats van de potlood- of penseelgereedschappen, waar je de curven met de hand vrij kunt tekenen) ) dus elke keer dat u uw Wacom-pen aantikt of op uw muis klikt, plot u een punt.

Als je, wanneer je je punt aanraakt, het ingedrukt houdt en het in een willekeurige richting sleept, kun je de curve manipuleren. Hoe verder u de pen sleept (het gereedschap dat u aan het bedienen bent, wordt een Bezier-greep genoemd), hoe extremer de curve wordt. Als u uw pen optilt en vervolgens ergens anders aanraakt, wordt de curve ertussen automatisch gemaakt. Als u echter uw pen optilt, klikt u opnieuw op het ankerpunt dat u zojuist hebt geplaatst (waardoor het inactief wordt), dan is de vorige curve voltooid en wordt uw volgende ankerpunt verbonden door een rechte lijn.

Als u een nieuwe curve wilt maken, schakelt u de vorige regel uit. Ik zou altijd kunnen blijven adviseren over Bezier-curven en de Pen-tool, maar we kunnen het beste doorgaan met ons stadsbeeld!



Stap 3

Wees nooit bang om gebruik te maken van vormgereedschappen van Illustrator, ongeacht hoe handgemaakt je wilt dat jouw illustratie is, de vormen kunnen het leven een stuk eenvoudiger maken en je illustratiewerk kan veel efficiënter gaan. Voor deze kleine hangende straatlantaarns heb ik de ster-tool gebruikt, het zorgt ervoor dat realisme een perfecte vorm is en voegt ook een klein klein detail toe voor iedereen die van dichtbij kijkt.



Stap 4

Het is belangrijk om realistische elementen te hebben, ze kunnen lichtjes gedraaid zijn als je wilt, maar om een ​​stadsgezicht geloofwaardig te maken, zijn straatverlichting, verkeerslichten, wegwijzers en meer onbetaalbaar. Als
je bent op zoek naar een air van realisme, het is een geweldig idee om de dingen in een hoek te bekijken, niet proberen een scène te maken die alles rechtdoor ziet.

Bij het maken van illustraties voor albumhoezen is het altijd de moeite waard om te onthouden dat u misschien een volledig pakket ontwerpt, niet alleen de illustratie met één omslag. Toen ik deze verkeerslichten maakte, wist ik dat ik ze elders in het pakket wilde gebruiken, later meer.



Stap 5

Je zult in de voltooide illustratie zien dat er een is regenboog van rook die over de voorgrond stroomt. Om een ​​regenbooglinteffect opnieuw te maken, begint u met een gebogen lijn die de stroomlijnt. In het deelvenster Lagen dupliceer je de regel en vervolgens de onderste versie van de regel en gebruik je de ankerpunten van de andere lijn om een ​​nieuwe, bijna evenwijdige lijn te maken. Als je alle regels wilt
stam van één punt, laat eenvoudig het eerste ankerpunt op zijn plaats. Dupliceer deze tweede regel, vergrendel de twee onderste lijnen (in het deelvenster Lagen) en herhaal zoals je wilt, zoals te zien is in diagram A.

Zodra je je regenboog er correct uitziet als lijnwerk, heb je nog een stap voor je nodig
kan het vullen met kleur. Nogmaals in het deelvenster Lagen, dupliceer elke regel, behalve de hoogste en laagste regels op je tekengebied, dus alle lijnen aan de binnenkant van je regenboog hebben twee exemplaren. Nu, met elke andere lijn vergrendeld, selecteert u de eindpunten van de twee onderste lijnen en voegt u ze samen (Command + J), waardoor ze worden samengevoegd tot één object, dat is de onderste streep van uw regenboog. Vergrendel nu die vorm en ontgrendel de volgende twee lijnen, selecteer hun eindpunten en voeg ze samen. Uiteindelijk zult u een reeks perfecte strepen hebben die uw regenbooglint vormen!



Stap 6

Soms duurt het langer dan ik zou willen, maar het afronden van al het lijnwerk is altijd een geweldig moment, je weet dan dat je niet te ver weg bent van spelen met kleur. Zorg ervoor dat je je scène opbouwt met alle lagen correct zitten, van achteren naar voren. Ik vind ook dat het helpt om elk gebouw in een andere kleur te zetten, zodat je kunt zien waar een gebouw eindigt en een ander begint, anders kunnen stadsgezichten een beetje verwarrend zijn!



Stap 7

Lijnwerk gedaan, het gaat erom de volgende kleur toe te voegen. Dit is zo'n cruciale factor in elke illustratie, je basiskleuren bepalen de sfeer, de plaats, het tijdstip van de dag en het algehele gevoel dat mensen krijgen bij het zien van het kunstwerk. Voor een stad, hoewel het geweldig is om gebouwen van verschillende kleuren te hebben, als er veel gebouwen zijn, hoeven ze niet allemaal een andere kleur te hebben. Een gewone stad is opgebouwd uit een selectie van materialen, maar diezelfde materialen zullen verschijnen en opnieuw verschijnen op verschillende gebouwen, dus het hebben van een vrij beperkte keuze aan bouwkleuren kan opnieuw een beetje realiteit garanderen.

Denk ook aan waar je focus ligt, en zorg dat dat de meest opvallende kleur is, dus hier wil ik dat mensen zich concentreren op het centrale gebouw dat de titel van het album op de muur heeft, dus de andere gebouwen eromheen en de lucht zijn in sinaasappels, rood en paars, het gebouw erachter is iets donkerder, en dan is het hoofdgebouw een sterke, botsende cyaan. Je ogen kunnen niet anders dan zich concentreren op de ene opvallende kleur.

Ik heb ook een goed spel gehad met enkele minikleurenselecties op de wegwijzers (vooral op het hoge gebouw aan de rechterkant) en de schuilplaatsen boven de ramen in het linker gebouw. Hemelkleuren kunnen echt een gemoedstoestand vormen, meer dan veel artiesten zich realiseren. De lucht kan natuurlijk oranje, roze, zwart, blauw, geel, paars of zelfs lichtgroen zijn, afhankelijk van de timing en het weer, dus haal die kleuren uit de natuur en stop ze in je kunstwerk.



Stap 8

Voor het digitale schermeffect wilde ik het een beetje retro en korrelig laten lijken, maar het wordt van een afstand bekeken, dus je zou de pixels van individuen in deze scène niet zien. Dus maak gewoon een blok van herhaalde cirkels, ik heb hier ovalen gebruikt om toe te voegen aan de hoek waarin we het scherm bekijken, maar je zou nauwkeuriger kunnen zijn met perfecte cirkels of vierkanten.

Uit de vrije hand trok ik vervolgens mijn vormen uit met het gereedschap Lasso selecteren, dus ik selecteerde de gebieden die ik wilde blijven. Vervolgens heb ik mijn selectie omgekeerd, dus alleen de kringen buiten mijn vormen zijn geselecteerd en klik op Verwijderen. Je kunt deze basistechniek in een aantal veel complexere effecten toepassen, ik gebruik het vaak om grafische groepen bladeren te maken in boomscènes.



Stap 9

De maskerfuncties in Illustrator zijn absoluut onbetaalbaar en kunnen zo veel toevoegen aan uw illustraties. Ik wilde bijvoorbeeld een aantal nette strepen om de luchtballon wikkelen, dus er was een knipmasker nodig.
Creëer je originele vorm en andere elementen (hier waren het de staartstukken). In het deelvenster Lagen dupliceert u de hoofdvorm en zorgt u ervoor dat deze niet op het tekengebied wordt geplaatst. De vorm moet precies in het tekengebied blijven
plaats. Verwijder al zijn kleur, vulling en omtrek.

Maak nu je strepen (of andere illustraties / patronen die moeten worden bijgesneden). Plaats de gedupliceerde lichaamsvorm boven de strepen in het deelvenster Lagen en selecteer alle drie de objecten. Klik nu op Object> Knipmasker. Maak gebruik van de lichaamsvorm als een masker en knip het gedeelte van de strepen af ​​dat je niet wilt gezien worden.



Stap 10

Voor de albumtitel wilde ik echt een eenvoudig fluorescerend lichteffect. Ik volgde mijn handgetekende lettertype, gebruikte het gereedschap Pen en gaf het een dikkere lijnlijn, omgezet in een voorwerp, wat betekent dat het geen lijn meer is, maar eigenlijk een gevuld object (selecteer je lijn en klik vervolgens op Object> Pad> Omtreklijn).

Vervolgens heb ik dat object zijn eigen contouren gegeven. Met de vulkleur (de binnenlijn zoals wij die zien) in een heldere, elektrische kleur en de contouren in een vollere, afgezwakte kleur, hebben we een zeer snel en effectief fluorboleffect. Ik heb deze tekst vervolgens gedupliceerd en onder het draadraster neergezet, alles in een donkerdere tint van de muurkleur, om een ​​eenvoudige schaduw toe te voegen.



Stap 11

Als de hoofdkleuren klaar zijn, is het een kwestie van door elk object, elke muur en elk afzonderlijk element te lopen en schaduw, gradiënten, effecten of transparanties toe te voegen om de hele scène samen te laten werken.

Ik had altijd gepland om het luchtruim ook te gebruiken voor de naam van de band, en ik zat te denken aan het gebruik van mijn favoriete lettertype, Cooper Black, maar toen het erop leek om het erin te plakken, leek het gewoon niet opvallend genoeg, het Voelde niet genoeg als het was van een hete, zoemende, electropop-band uit New Jersey!



Stap 12

Dus het was terug naar de lettertypebibliotheek om een ​​nieuwe bibliotheek te vinden. Ik was op zoek naar iets hoekigs, strak en vers, ik merkte dat ik met Lubalin Graph speelde en eindigde het met een net effect om het een geweldig overzicht te geven. Typ de gewenste woorden en wijzig vervolgens uw type in contouren (klik op Type> Contouren maken in het hoofdmenu) en dupliceer vervolgens het type in het deelvenster Lagen.

Maak de bovenste laag van het type in de door u gekozen kleur, het moet gewoon een opvulkleur zijn. Verander dan de onderste gelaagde duplicaat in alleen contouren, en neem de lijndikte tot 10 of 20pt, in een andere kleur dan het hoofdtype, je zou een mooi groot frame moeten krijgen. Vanwege de aard van contouren, krijg je ook wat eigenaardigheden, waar hoeken kunnen uitschieten waar niet verwacht, dit voegde de rand toe die ik wilde, en maakte de weg vrij voor de rest van het type op het hoespakket.



Stap 13

Je kunt hier zien dat ik hetzelfde effect heb gebruikt op de binnenhoes, maar met het binnenste type in dezelfde kleur als de gewone achtergrond, dus alles wat je feitelijk leest, zijn de contouren.



Stap 14

Ik heb weer hetzelfde type effect op de achterkant gebruikt, maar een paar lagen gedupliceerd en een elektrisch kleurenpalet toegevoegd. Alle scherpe randen werden gemaakt door Illustrator (zich niet bewust van zijn eigen creativiteit!) Door het type in voorwerpen te veranderen en de contouren tot een extreem te verdikken. Op dit paneel, aan de achterkant van de CD-hoes, heb ik ook een vloeiend bubbelsrookspoor toegevoegd, om het mooi in het hoesje te mengen, waardoor het pakketontwerp als geheel wordt benadrukt. Ook een tip die ik heb geleerd in het ontwerpen van CD-hoezen ... roze, gele en oranje zijpanelen vallen altijd het meest op een plank op!



Stap 15

Dit is de binnenkant van het CD-boekje, de band wilde alle teksten, wat ik graag deed, maar met zoveel woorden, ik moest creatief worden met alles erin. Ik wilde ook een beetje verfrissing van de hete sinaasappels en roze die de buitenzijde van de hoesverpakking bedekken. Ik heb Lubalin Graph opnieuw gebruikt voor het lettertype, maar alleen in het wit zittend op het cyaanblauw, met magenta liedjes
titels, ik voelde echt dat dit een geweldig opvallend punt was voor iedereen die op zoek was naar het artwork van de hoes.



Stap 16

De verkeerslichten die ik eerder noemde, omdat ik zo tevreden was met hen, het enige wat ik kon doen was om ze hun eigen ruimte te geven op het paneel dat achter de CD zelf zit. Dit weerkaatst de eigenzinnigheid en humor van de band, de voorkant is een explosie van creativiteit, fris en borrelend, dan binnenin, zich verstopt, is een eenvoudige, schone, verfrissende glimlach.



Laatste afbeelding

Albumhoesillustraties zijn altijd al een geweldig medium geweest voor kunstenaars, waarbij ze visuals ontwerpen om samen met muziek te werken en de juiste mensen aanspreken. Het kan een samenwerkend juweeltje zijn, werken met een band of
muzikant om een ​​pakket vol geluid en visie te creëren.

Ik adviseer ten sterkste meer artiesten bands te benaderen om samen te werken aan albumillustraties, je kunt overal beginnen, met je lokale DJ's of jonge bands, of met de grote platenmaatschappijen. En als je met een band werkt die fris, spannend en van het moment is, dan is Adobe Illustrator perfect om creatief te zijn met je ontwerp, illustraties, typografie, pictogrammen, vrijwel elk element van het hele pakket.!

Om meer van mijn werk te zien, ga naar BenTheIllustrator.com en Speakerdog.com, plus BuyBenTheIllustrator.com om prints en posters te bemachtigen! Om muziek van The Title te horen, koop het album of lees meer over de band op myspace.com/thetitlenj. De uiteindelijke afbeelding is hieronder. Je kunt de grote versie hier bekijken.