In deze tut zullen we een snelle schets maken die lijkt op de stijl die beroemd is geworden door de belachelijk begaafde jongens van Mulheres Barbadas. We scannen onze schets in, noteren deze in Flash, verplaatsen deze naar Illustrator om in te kleuren, voegen een mooie typografie toe en voltooien in Photoshop voor wat subtiele grunge. Een grafisch tablet van enige beschrijving maakt deze tut (en waarschijnlijk je leven in het algemeen) 90% bevredigender, maar is niet essentieel - als je handig bent met een muis, hoef je geen problemen te ondervinden met het tekenen van je sketchtablet -ly. Laten we beginnen!
Het meest betrokken onderdeel van deze verder eenvoudige tutorial is de schets. Iedereen heeft een andere stijl, dus we zullen je niet vertellen wat je moet tekenen of hoe je het moet tekenen, dat is aan jou! Dat gezegd hebbende, er zijn enkele dingen om in gedachten te houden die zullen helpen om je project geweldig te maken! Als u aan deze zelfstudie wilt beginnen, moet u nadenken over het doel waarvoor u dit kunstwerk wilt gebruiken. Als het voor een klant is, wat zal uw ontwerp promoten / adverteren / vertegenwoordigen? Wat voor soort mensen zullen het zien? Complimenteert het het product of de service waarmee het geassocieerd is? In ons geval is dit werk gedaan voor Sticks Clothing, een muziek- / schaatspaketiket in Australië. Onze tekening moest dus een beroep doen op jonge schaatsers.
Zodra je duidelijk weet wat de antwoorden op deze vragen zijn, is het tijd om te brainstormen over wat je pagina gaat vullen. Welke elementen ga je opnemen? We kozen ervoor om wat popcultuurelementen (klauwplaten, tv, spuitbus enz.), Ongebruikelijk uitziende personages, herkenbare voorwerpen (speelkaarten, tandenborstel, bomen, tentakels, enz.) En sommige patronen te gebruiken, wat geweldige witruimte vulstoffen oplevert! (bubbels, noedels, wervelingen, enz.).
Uitgerust met een goed idee van welke elementen te gebruiken, is alles wat er nog over is lay-out! Dit houdt gewoon in dat je je elementen op een interessante / slimme manier ordent. Dit is waar je heel inventief kunt worden met je gebruik van patronen; gebruik ze voorzichtig rond je grotere personages en objecten om ongemakkelijke witte spaties te verwijderen (let op: niet alle witte ruimte is vreemd, maar dat is voor een andere tut!), en vul vormen in. Dit is onze voltooide schets hieronder. Zoals duidelijk is, hoeft het echt niet perfect te zijn - zolang u tevreden bent met de vorm en lay-out, kunnen lijnwerk en fijnere details worden toegevoegd in de volgende stappen.
Nu moeten we uw schets van papier naar scherm krijgen. Zoals je zou verwachten, is de meest efficiënte manier om dit te doen eenvoudig om je kunst naar je computer te scannen. Scan uw illustraties op A4 (Letter) formaat en ongeveer 150 dpi. Breng uw gescande document naar Photoshop. Dit is waar we je lijnwerk voorbereiden op inkten. Op dit moment zult u merken dat uw whitepaper na de scan een lelijk grijs is geworden en dat uw lijnen duidelijker en duidelijker kunnen zijn. Dit is eenvoudig opgelost. Sla eerst uw afbeelding op als een PSD-bestand. Verontreinig vervolgens uw afbeelding door op Command + Alt + U te drukken. We elimineren de kleur uit de afbeelding zodat we alleen met tonen kunnen werken. Maak een aanpassingslaag voor helderheid / contrast (laag> nieuwe aanpassingslaag> helderheid / contrast) terwijl de optie Legacy gebruiken is aangevinkt en verhoog zowel de helderheid als het contrast totdat uw afbeelding er als volgt uitziet: het papier moet in wit verdwijnen en uw lijnen moeten mooi en duidelijk zijn. Speel met de niveaus tot je tevreden bent.
Zodra uw lijnwerk helder en helder is, zijn we klaar om te beginnen met inkten! We kozen ervoor om dit deel van het proces in Flash uit te voeren, omdat de borstelmotor ontspannen en leuk is om mee te werken. Dat gezegd hebbende, kan Illustrator of Photoshop worden gebruikt om vrijwel dezelfde resultaten te bereiken. Het is aan jou! De principes blijven hetzelfde, ongeacht welk programma u kiest. Laten we blijven bewegen: Flash openen, een nieuw Flash-bestand maken (merk op dat het niet uitmaakt welke versie van Actionscript je kiest) en importeer je afbeelding (Command + R). Zorg ervoor dat in het dialoogvenster dat verschijnt, de laag met uw illustraties is aangevinkt en vink ook de optie onderaan aan met de tekst "Stel de stageformaat in op dezelfde grootte als Photoshop canvas". Druk op OK. Je schets moet op het podium verschijnen. Geef je laag een 'schets' en zorg ervoor dat je je Flash-bestand opslaat voordat je verder gaat.
Op dit moment is onze schets te gewaagd om gemakkelijk over te schrijven, dus we zullen onze afbeelding converteren naar een symbool en het alfaniveau aanpassen. Doe dit door je schets te selecteren met het verplaatsgereedschap (V) en op F8 te drukken om het om te zetten in een symbool. Noem het "schets" en kies Afbeelding als het Type. druk op OK.
Zorg er opnieuw voor dat uw nieuwe symbool is geselecteerd (V) en open het paneel Properties (Command + F3). Open het gedeelte Kleureffect en selecteer in de vervolgkeuzelijst Stijl de optie Alfa. Stel deze schuif in op ongeveer 20 - 30%. Nu is je schets volledig klaar om te inkten!
Zoom in op één of twee niveaus met behulp van het vergrootinstrument (Z), selecteer het penseel (B) en kies een mooie dikke penseelgrootte. We hebben een zoomniveau van 200% gebruikt en de penseelgrootte vierde vanaf de bovenkant. Klik op de knop met het label "Gebruik druk" (hieronder gemarkeerd) als u uw tablet bij de hand hebt. Nu is het een kwestie van je schets overhalen om mooie sterke zwarte lijnen te maken. Gebruik de tablet om taps toelopende lijnen te maken, zoals hieronder weergegeven; dit geeft je lijnwerk meer body en maakt het veel visueel interessanter. Begin met het schetsen van je belangrijkste detailgebieden.
Gebruik het gumgereedschap (E) om je lijnen te verfijnen. Geef mooie scherpe punten aan de uiteinden van uw taps toelopende lijnen en reinig eventuele verweerde gebieden, zoals hieronder wordt getoond. Het licht blauw staat voor gewiste gebieden.
Nadat u uw basisdikke lijnen hebt gelegd, vult u kleinere gebieden in. Het is een goed idee in Flash om in te zoomen (400 - 600%) en een iets kleiner penseelformaat te gebruiken voor fijnere details, maar denk er altijd aan om terug te verwijzen naar 100% om te zorgen dat je lijnen niet te dun zijn.
Wanneer je al je lijnwerk hebt voltooid, verberg je de schetslaag, leun je achterover en bekijk je het meesterwerk dat je hebt gemaakt! Het moeilijke is voorbij, nu gaan we ons voorbereiden op kleuren ...
Ga naar Bestand> Exporteren> Afbeelding exporteren ... kies uw opslaglocatie en selecteer Adobe Illustrator (* .ai) als uw bestandstype. Sla uw Flash-bestand op en sluit het. Start Illustrator en open uw nieuw opgeslagen * .ai-bestand. Je zult een zootje lijnwerk zien, omdat de originele schets is overgebracht samen met het lijnwerk. Wis eenvoudig je schets en je zou overeind moeten blijven met mooie, schone, vectorlijnwerk. Sla het bestand op. Nu gaan we kleur toevoegen. We hebben de keuze tussen het gebruik van Live Paint (K) of de Pen Tool (P). We hebben ervoor gekozen om de Pen-tool te gebruiken om rommelen te voorkomen, vanwege de grote kleurvlakken die we zullen maken. We hebben twee krachtige kleuren gekozen en specifieke delen van onze illustratie geselecteerd die het best bij die kleuren passen (we gebruikten Magenta: R = 255, G = 0, B = 120 & Groen: R = 220, G = 255, B = 0). Zie het resultaat hieronder.
Laat het grimmige contrast tussen de zwarte lijnen en de witte achtergrond gemakkelijk verdwijnen. Maak een vorm met behulp van het gereedschap Pen (P) rond het geheel van de illustratie. Geef dit een mooie beige kleur (we gebruikten R = 247, G = 243, B = 220). Geef vervolgens je lijnen een opvulkleur van (R = 50, G = 50, B = 50). Het resultaat is veel gemakkelijker voor de ogen.
Dat is de kleur helemaal af! Nu zullen we wat leuke typografie toevoegen, met behulp van een geweldig lettertype genaamd ChunkFive. Dit lettertype is te vinden op een briljante website genaamd The League of Moveable Type. Denk aan iets geestigs dat je in 3 - 6 woorden wilt zeggen. We gebruikten de zin 'Waarom doen we wat we doen' voor Sticks 'Waarom? pagina op hun site. Type je woorden en plaats ze ongeveer hoe je ze wilt laten verschijnen.
Druk op Command + Shift + O om je tekst in contouren te veranderen. Hierdoor worden de woorden gemakkelijker te verkleinen en te positioneren. Pas uw zin aan totdat deze uniform en gebalanceerd is, zoals hieronder.
Gebruik vervolgens de kleuren uit uw illustratie om uw tekst in te kleuren. Wees inventief met welke kleuren je kiest voor welke woorden. Experimenteer totdat je tevreden bent met hoe het eruit ziet! Je kunt de letters ook dichter bij elkaar plaatsen om de vervelende opening tussen letters te verwijderen (zie W + H & W + E).
Je tekst is klaar! Het is tijd om over te gaan naar Photoshop voor de laatste hand. Maak eerst een nieuw document in Photoshop. Je kunt elke gewenste grootte maken, maar we hebben de 1500 x 1070 pixels en 150 dpi gemaakt. Ga terug naar Illustrator, selecteer en groepeer (Command + G) je tekst, kopieer (Command + C) het en ga terug naar Photoshop om het te plakken (Command + V). Selecteer Plakken als slim object. Doe hetzelfde voor uw lijnwerk. Plaats uw twee slimme objecten op het canvas. Voel je vrij om de onderstaande afbeelding als richtlijn te gebruiken.
We zijn bijna voltooid, we zijn sterk! Nu moeten we een mooie, subtiele, grungy achtergrond voorbereiden. We gebruikten een betonnen textuur van vertx.ca - een andere fantastische bron voor dergelijke afbeeldingen is CG Textures. Neem de door jou gekozen textuur, breng hem naar Photoshop, maak hem ontregeld, tweak de helderheid en het contrast tot je iets hebt dat lijkt op de afbeelding hieronder ...
Sla je achtergrondstructuur op en importeer deze in je illustratiebestand (Bestand> Plaats). Verlaag de dekking tot ongeveer 30%, of naar smaak. Stel de overvloeimodus van uw tekst- en kunstwerklagen in op Vermenigvuldigen. Voeg met behulp van het vormgereedschap (U) een punt aan het einde van je zin toe. Maak ten slotte een nieuwe laag boven je achtergrond en onder de illustratie en tekst. Zet de mengmodus op Overlay en gebruik een grote zachte borstel (ongeveer 10% dekking) om wat zwart rond de randen te schilderen om de textuur meer naar voren te brengen. Dit is het eindresultaat!
Dit is een zeer veelzijdige manier om je geschetste creaties te presenteren. Hieronder staan enkele voorbeelden van de Sticks Clothing-site ... bezoek de site voor achtergronden van de hier getoonde illustraties. Heel erg bedankt voor het lezen van deze tut, ik hoop dat je van het proces hebt genoten!