Share
In deze tutorial werken we aan een met personages gevulde scène die is ontworpen om een slimme auto te laten zien. We zullen een workflow bekijken die ik gebruik voor het maken van grootschalige werken. Je leert hoe je de aandacht van de kijker door een afbeelding kunt leiden, zelfs als deze vol zit met lachende karakters. U leert ook hoe u uw vectorbouwproces plant en beheert na het schetsen van uw volledige afbeelding.
Dit specifieke stuk is mijn bijdrage aan het OutSmart-project, meer details hieronder.
De foto is ontwikkeld als mijn bijdrage voor het OutSmart-project. Voor de korte moest ik een aantal vragen beantwoorden. Waar en waar zou je je auto willen hebben? Dit is jouw ruimte dus wees zo los of zo streng als je wilt, zo echt of zo denkbeeldig als je maar wilt. Maak je auto en je ideale plek om ermee te rijden, te parkeren, te vliegen? Formaat 400x160 mm. Gepland als een dubbele pagina in een publicatie. Dit zijn de richtlijnen waar dit project in is gebouwd. Laten we eens kijken naar de workflow voor het maken van deze illustratie.
In het begin is er het gekrabbel. Kleine schetsen met miniaturen maken het mogelijk om een gevoel te krijgen voor de dimensies en de mogelijkheden. Zonder al te veel moeite kunnen eerste ideeën worden gecreëerd. Daarbij probeer ik niet te gedetailleerd te tekenen. Het is belangrijk dat de schetsen klein blijven. Daarbij geef je je foto een pauze om de illustratie op ware grootte te ontwikkelen.
Kies een miniatuurschets en ga door met werken. Tekens en details hoeven niet honderd procent uitgewerkt te zijn. De dimensie van de schets blijft nog steeds klein. Hoewel het op dit moment zojuist is geleverd met tijdelijke aanduidingen, lijkt de tekening al op het uiteindelijke resultaat.
De hoofdelementen van de compositie zijn de straten. Ze dienen als het centrale thema dat de tekening bij elkaar houdt. De ogen van de toeschouwer worden langs de straten naar de afzonderlijke punten van de compositie geleid. Alle richtingen van de tekening leiden naar de slimme auto helemaal rechts. De verkeerslichten ontsporen de beweging. Ze dwarsbomen de straat. De lichten worden dus een belangrijk element van de foto omdat ze de compositie decentraliseren en een nieuwe laag introduceren.
De beste manier om schetsen in grote afmetingen te maken, is om de volledige schaal aan te houden. Het op ware grootte tekenen heeft het voordeel dat het een gevoel overbrengt voor de dimensies en hun onderscheiden mogelijkheden. Om het te illustreren Slim op een overtuigende manier heb ik een Smart-speelgoedauto gekocht.
In deze schets zijn alle tekens toegevoegd. Het is handig om verschillende versies op een extra vel papier te proberen. Verdere details over het onderwerp schattige personages zijn te vinden in mijn artikel The Elements of Cute Character Design, dat een geweldige introductie is voor het ontwerpen van schattige personages.
De hele stad verwelkomt de kleine auto vriendelijk omdat het voertuig niet zoveel lucht vervuilt als grotere auto's. Het wijst allemaal op de milieuvriendelijkheid van het voertuig: vrolijke en propere wolken, lachende bomen, onbezorgde wezens die op de grond slapen. De verkeerslichten zijn niet van kracht voor de Slimme auto, terwijl iedereen er de weg voor vrijmaakt. Zelfs de rode lamp geniet ervan.
Scan de afbeelding. Het is gemakkelijker om kleine details te traceren als u 300 dpi gebruikt. Gebruik grijswaarden zodat de bestandsgrootte relatief klein is. Verbind beide A4-onderdelen met behulp van Photoshop. In Photoshop kunt u de laatste wijzigingen aanbrengen, u kunt bijvoorbeeld de grootte of positie van afzonderlijke elementen rangschikken. Sla het op als JPG als u tevreden bent met de resultaten van deze fase.
Open Illustrator en selecteer Bestand> Nieuw (Command + N) om een nieuw document te maken. Selecteer een formaat van 400 x 160 mm en de CMYK-kleurmodus. In deze modus zijn de kleuren gemakkelijker te hanteren. Stel de rastermodus in op 300 dpi. Selecteer Bestand> Plaatsen om de jpg-afbeelding "schets" te plaatsen. Ga naar het lagenpalet en maak een nieuwe laag, noem deze "werk" en stel de kleur in op rood. Dat is de laag waar we aan werken. Als je werk erg complex is vergeet dan niet je lagen te noemen! Vergrendel ook de "schets" -laag.
De volgorde tijdens het vectoriseren is erg belangrijk. Noodzakelijkerwijs moet dit van tevoren worden gepland. Begin altijd op de achtergrond en vecht door tot de voorkant van de foto! Daarna is dat een grote hulp bij het kleuren. Als de volgorde van een enkel element wordt vermengd, moeten ze moeizaam worden herschikt.
Voor mijn werkproces begin ik alle vormen te bouwen. Later voeg ik de kleuren toe. Om de vormen opnieuw te maken, gebruik ik voornamelijk het gereedschap Pen, het gereedschap Ellipse en het palet Pathfinder. Gebruik een 0,25pt streek om de schets te zien. Gebruik een zwarte streek met afgeronde randen. Houd in gedachten dat het nodig is om zo dicht mogelijk bij de potloodlijnen te zijn!
De onderstaande afbeelding toont de volgorde waarin ik de vectorvormen heb geconstrueerd.
Laten we gaan! Begin met de laag op de achtergrond. Met het gereedschap Rechthoek tekent u een vierkant in het formaat van het tekengebied. Later wordt dit vierkant gebruikt om afzonderlijke elementen te beperken. U maakt het groene landschap aan de achterkant met de Pen-tool. Probeer samen te komen met een aantal punten zo klein mogelijk. Door dit te doen lijken de buitencontouren niet te overvol. Als de laag klaar is, kopieer deze dan en plaats deze achterin (Command + C en dan Command + B). Verplaats de nieuwe vorm met de richtingstoetsen naar de onderkant van het tekengebied. Herhaal dit proces met elk nieuw formulier. Selecteer enkele punten met het gereedschap Direct selecteren om het op de tekening te passen.
Voor de kleine man die op de grond slaapt, tekent u de buitenste vorm met de Pen Tool. Begin met het lichaam en werk dan de armen, het hoofd en het gezicht uit. Teken de vorm van het lichaam en vervolgens de benen schaduwen. De gebieden overlappen elkaar. Kopieer de vorm van het lichaam en plaats het boven (Command + C en dan Command + F). Selecteer beide vormen en pas vervolgens Pathfinder> ShapeArea in elkaar. Pas dezelfde procedure toe voor de ogen en de mond. Versleep een cirkel (houd Alt + Shift ingedrukt), kopieer en plaats deze voor de cirkel. Selecteer en verplaats de nieuwe cirkel: Pathfinder> Verdeel om een halve maan te maken. Gebruik deze vormen voor de ogen en de mond.
De bomen zijn niet gedetailleerd, omdat ze op de achtergrond zijn geplaatst. Ik wil niet dat ze opvalt. Teken een cirkel voor de bomen met de Ellips-tool. Klik op een punt met het selectiegereedschap en pas de cirkel aan de tekening aan. De lippen en mond zijn getekend met de Pen Tool.
Selecteer de hele structuur en groepeer de afzonderlijke elementen (Command + G). Houd de Alt-toets ingedrukt en sleep de boom naar de zijkant om deze te dupliceren. Volgens de vereisten plaats je de nieuwe achter of voor de eerste plant. Bomen in de rug moeten kleiner zijn. Vergeet niet om enkele bomen achter het landschap te plaatsen, zoals het in de schets wordt getoond. Wijzig de gezichten en de vormen van de bomen met het gereedschap Direct selecteren naar behoefte.
Hoewel de wolken met de Pen Tool kunnen worden gemaakt, vind ik het toch leuk om de Ellipse Tool te gebruiken. Deze methode is sneller en de curven worden rond. Volg de contouren van het geheel door cirkels te maken in de benodigde formaten. Druk op Alt + Shift wanneer u het ovaalgereedschap gebruikt om perfecte cirkels te maken. Vul het midden in. Selecteer alle cirkels, Pathfinder> Voeg toe aan vormgebied.
De wangen en de rondingen in de wolk worden ook getekend met de Ellipse Tool. Versleep een cirkel (Alt + Shift). Selecteer de cirkel, druk op Command + C en vervolgens op Command + F. Verplaats de nieuwe iets naar links. Klik erop met het gereedschap Direct selecteren en rek het uit door op de Alt-toets te drukken.
Selecteer beide cirkels en klik op Delen in het Pathfinder-palet. Dupliceer de vormen. Plaats de formulieren op de juiste punten van de wolk. Teken de wangen met de Ellipse Tool. Cirkels zijn nodig voor de ogen. Kopieer (Command + C en vervolgens Command + F) en verkleinde ze (Alt + Shift). Selecteer beide en druk op Divide in het Pathfinder-palet. Als u een tweede lus wilt maken, kopieert u de eerste en verkleint u deze (Command + C en vervolgens Command + F).
Voor de regendruppels teken je een cirkel (druk op deze manier op Alt + Shift). Klik op het bovenste punt met het gereedschap Direct selecteren, rekte het uit en verander het in een hoekmarkering met het conversietool. Dupliceer en plaats de druppels in de tekening. Selecteer en kopieer de volledige wolk met de regendruppels (Command + C en dan Command + F). Verplaats de nieuwe wolk naar rechts.
Bij het ontwerpen van de stad is het belangrijk om de draad niet te verliezen in termen van de volgorde. Opnieuw begin je met de achtergrond. Begin met de zon en ga verder met de huizen. Alle vormen van de huizen zijn geconstrueerd met de Pen Tool. De vormen van de vensters worden ook getekend met de Pen-tool.
Kopieer daarna dit formulier en plaats het voor de eerste (Command + C en dan Command + F). Kopieer het onderste venster en selecteer de nieuwe formulieren en druk in het palet Pathfinder op Verdelen. Ga door met deze procedure voor de ingangen. Eindelijk teken je de wolk achterin de stad zodat deze de huizen aan de voorkant overlapt (stap 11).
De volgende om te bouwen is een personage gemaakt van hout dat zijn oorsprong heeft in mijn verbeelding. Het heeft een schone regendruppel op zijn kop en een nijlpaard in zijn hand. Al deze cijfers zijn in principe gemaakt met de Pen-tool. Besteed aandacht aan de volgorde! Begin met de linkerarm van de houten man en ga verder met de benen, de romp en de arm aan de rechterkant.
Wat het hoofd betreft, begin je met de tak achteraan en vecht je door naar de vorm van het hoofd. Zoals het in de vorige stappen werd beschreven, gebruik je de Ellipse Tool voor het maken van de wangen (gebruik de Pathfinder-tools als dat nodig is). De bovenkant van het hoofd is ook getekend met de Ellipse Tool. Voor het construeren van de lussen wordt dezelfde procedure gebruikt als beschreven in stap 11. Voor de nijlpaard gebruik je ook het gereedschap Pen.
Laten we kijken naar hoe de regendruppelbril te tekenen. Maak de glazen van de regendruppel met het gereedschap Pen. Begin met de lenzen, dan werk je het brilframe uit. Daarvoor past u de contourinstellingen aan. Hiervoor is 2 pt nodig. Zorg ervoor dat u de formulieren aanhaalt. Selecteer ze door Shift-klikken en ga vervolgens naar Object> Pad> Overzicht. Selecteer de drie voorste vormen van de bril en gebruik vervolgens het Pathfinder-gereedschap Unite. Nu kunt u enkele details, bijvoorbeeld de frames, wijzigen met de Direct Selection Tool.
De procedure van het tekenen van de wolk op de voorgrond wordt beschreven in stap 11. Voor de kegel trek je eerst de lagere vorm ervan aan. Teken een vierkant met het gereedschap Rechthoek (Alt + Shift). Breng nu Effect> Stileren> Ronde hoeken aan en voer 1 mm in om de hoeken te omsluiten. Met het gereedschap Direct selecteren past u het vierkant aan de tekening aan. Selecteer Command + C en Command + B, verplaats het naar voren en een beetje naar links, zodat het oppervlak driedimensionaal lijkt.
Teken de bovenste driehoek met het gereedschap Pen. Ik gebruik om de lijnen in 6pt te tekenen. Dupliceer het twee keer. Converteer de paden naar een formulier (Object> Pad> Overzicht). Selecteer nu de driehoek, kopieer deze en plaats deze voor de vorige (Command + C en dan Command + F). Selecteer een lijn en dit nieuwe formulier en druk op het gebied Vorm snijden in het Pathfinder-palet. Herhaal deze stap voor de andere twee.
Teken de straten met de Pen-tool. Kopieer ze en plaats de nieuwe achter de vorige (Command + C en vervolgens Command + B). Door dit te doen krijgen de straten wanddikte.
De creatie van de regenboog is vergelijkbaar. Eerst en vooral bouw je het buitenste formulier, kopieer het en plaats de nieuwe op de voorgrond. Met het gereedschap Direct selecteren past u het formulier aan de tekening aan. Kopieer het onderste formulier en plaats het op de voorgrond. Selecteer beide vormen en druk op Snijvormgebied in het Pathfinder-palet. Ga door met deze procedure totdat alle strepen zijn voltooid.
Voor de regenboog aan de achterkant, sleept u een cirkel (Alt + Shift), kopieert u deze en plaatst u deze voorop. Trek het naar beneden om de potloodlijn te ontmoeten. Kopieer de eerste cirkel en plaats deze vooraan (Command + C en vervolgens Command + F). Selecteer beide cirkels en breng Divide in het Pathfinder-palet aan om deze vorm bij te snijden. Herhaal nu de eerste stappen om de regenboogstrepen te bouwen.
De vriendelijke voetgangers worden gemaakt met dezelfde technieken als de vorige elementen. Nogmaals gebruik je de Pen en de Ellips-tool. Begin met het lichaam, ga dan verder met het hoofd en ten slotte de hoed. Daarbij ga ik van figuur naar figuur van achteren naar voren.
Om de meeste auto's te tekenen, sleep je cirkels voor de wielen met het ellipsgereedschap. Daarna teken je de hele vorm, het dak, de kap en de ramen. Herhaal de procedure om de auto vooraan te tekenen. Snijd de vensters met de Pathfinder-gereedschappen.
Hier wordt voornamelijk het Pen-hulpmiddel gebruikt. Begin met de stoplichtpost. Hierna voegt u een groot doostype, lichten en lampenkappen toe. De kleine groene man aan de rechterkant heeft als taak om het grote oppervlak interessanter te maken.
Laten we aannemen dat je eerst het onderste gedeelte van de straat aan de rechterkant tekent met de Pen-tool. Bouw het bovenste deel als een volledig formulier dat in de volgende stap moet worden uitgewerkt met details. Bouw daarna de slimme geest en het juiste deel van de straat.
Het lijkt moeilijk, maar het is gemaakt met dezelfde procedures als alle andere elementen op de foto. Verlies de draad niet! Begin met de achterkant van de meeste onderdelen, de kap en de stoelen. Dan ga je verder met de cijfers en de banden. De linkerkant van de auto is uitgelijnd met de leidende voorstukken en het voorscherm.
Nu is de volledige tekening vectorized. Het is tijd voor kleuren!
Het derde deel na tekenen en vectoriseren is de kleuring en de toevoeging van schaduwen en hellingen. U kunt tijd besparen als u de kleuren toevoegt nadat u de foto hebt gemaakt.
Voor kleuring gebruik ik liever mijn eigen kleurenpalet dat ik in de loop van de tijd heb uitgebreid. De kleuren moeten er bleek uitzien op de achtergrond. Gebruik meer blauw dan gele tonen. Warme kleuren zoals rood, geel en bruin duwen naar voren en ondersteunen het perspectief wanneer ze op de juiste manier worden gebruikt. Kleur dus de vormen op de voorgrond met warme tonen.
Begin met de grote oppervlakken zoals de lucht en het landschap om de sfeer van de foto te bepalen. Ga verder met de straten, de regenboog, de verkeerslichten, enzovoort. De afzonderlijke vormen hebben nog steeds een omtrek van 0,25 pt.
Wanneer alle vormen gekleurd zijn, verwijder ik de omtrekcontouren. Nu kunt u zien of de contrasten intensief genoeg zijn. In dit geval kunnen zwarte schaduwen worden toegevoegd of kunnen de kleuren worden aangepast.
Stel de transparantie in op Vermenigvuldigen en de dekking op maximaal 65%. Ik ververs niet-overtuigende plekken met kleurgradiënten om te verwijzen naar driedimensionaliteit.
Hieronder is de laatste afbeelding en u kunt de grote versie hier bekijken.
Accentsconagua