Van schets tot vector, eenvoudige illustratie, dat is niet zo eenvoudig

Vereenvoudigde, schone en minimalistische illustratie wordt weer populair. Deze illustratie is interessant, niet alleen visueel maar ook technisch. Het succesvol behalen van deze stijl is minder over het weergeven van vaardigheden en meer over ontwerpelementen en -principes zoals balans, harmonie, kleur, nabijheid en contrast. In deze Vector Basix-tut leert u hoe u van schets tot vector een ontwerp kunt maken en hoe u een eigen minimalistische illustratie kunt maken.


Invoering

Het delen van een afbeelding tot eenvoudige vormen en het weghalen van alle 'pluisjes' terwijl nog steeds visuele interesse wordt bereikt, is het doel van deze tut. Hier zijn een paar mensen die het prachtig doen;

  • De kleine inzet
  • Lab-partners
  • Altijd met eer
  • Katie Kirk
  • Olly Moss

Het ding om in gedachten te houden is eenvoud. Nu is er een verschil tussen eenvoudig en gewoon saai. Iets eenvoudig illustreren, maar met karakter of persoonlijkheid, is het gewenste resultaat. Met cirkels, vierkanten en lijnen, zal ik de 4 belangrijkste 'processen' schetsen die ik gebruik om deze mooie illustratiestijl te creëren.


Stap 1

Het is tijd voor een idee, het is altijd een goede plek om te beginnen. Met de zomer in aantocht en zo'n mooi weer buiten (althans in Chicago), beginnen de tuinen te bloeien. Ik heb mijn idee! Fruit en groenten!


Stap 2a

Schets je idee. Omdat de nadruk bij deze illustratiestijl ligt op eenvoud, probeer dan elke vrucht / groente tot in de meest eenvoudige vorm te breken. De focus ligt niet op het renderen van de vorm, het probeert zo min mogelijk lijnen en vormen te gebruiken om de vorm te beschrijven. Dit is een stap in het proces dat niet overbelast mag worden. Eigenlijk doe je 'je huiswerk' dus als je naar het vectorgedeelte komt, weet je wat je moet doen.


Stap 2b

Scan de schets en open een nieuw document in Illustrator. Plaats de schets en de inspiratiefoto naast uw werkgebied. Hoewel we het in de illustratie niet echt zullen gebruiken, helpt het om de afbeeldingen als snelle referenties te hebben.


Stap 3a

Laten we er meteen in springen. De meest basale tekening in de illustratie is de sinaasappel. Begin door eenvoudig een cirkel te tekenen. (Alleen als je Illustrator heel nieuw bent, gebruik je de Ellipse Tool (L) terwijl je shift ingedrukt houdt)


Stap 3b

Het oranje fruit kan letterlijk een oranje gevulde cirkel zijn, maar om ervoor te zorgen dat het niet te saai is, tekent u een klein, iets donkerder oranje ovaal bovenop de cirkel. Dat is het; één vrucht is al klaar, in 2 vormen! Makkelijk.


Stap 4a

Zoals ik al zei, zijn er 4 zeer basale 'processen' die ik gebruik om deze illustratiestijl te creëren. Eerst vormen samen vormen toevoegen of combineren. Als u de bovenkant van de broccoli wilt maken, combineert u eenvoudig cirkels in verschillende grootte op elkaar. Door dit te doen, in tegenstelling tot het proberen de vorm te tekenen met het pengereedschap, helpt het de visuele consistentie te behouden.


Stap 4b

Gebruik dan het gereedschap met de afgeronde rechthoek om 3 rechthoeken te maken en deze in een hoek te plaatsen, 1 verticaal en een aan elke kant, zoals broccolistelen.


Stap 5a

Ten tweede, het aftrekken van vormen. In plaats van ongebruikelijke vormen te tekenen met het pengereedschap, kunt u eenvoudige vormen van elkaar 'aftrekken' om de vorm te maken die u nodig hebt. De banaanpeper is een goed voorbeeld. Begin met het maken van 2 cirkels. Pas met behulp van de Pathfinder de bovenste (witte) cirkel van de lichtgroene cirkel af (Venster> Pathfinder> Minus Voorkant).


Stap 5b

Voeg vervolgens met het gereedschap Ankerpunt toevoegen (+) een punt toe aan elke kant van de paprika. Met het gereedschap Ankerpunt verwijderen (-) verwijdert u de punten die u niet nodig hebt boven de 2 punten die u zojuist hebt gemaakt.


Stap 5c

Als u de bovenste bladeren / stoom wilt maken, overlapt u twee cirkels en selecteert u in het palet Pathfinder de optie Doorsnijden (Venster> Pathfinder> Snijden). Hiermee wordt de kant afgetrokken en blijft alleen het overlappingsgebied over; een perfecte bladvorm. Kopieer en plak vervolgens dezelfde bladvorm aan beide zijden en gebruik het gereedschap Afgeronde rechthoek om de stengel te maken. Gebruik het gereedschap Direct selecteren (witte pijl) om de overbodige punten van de rechthoek te verwijderen (selecteer een punt en druk vervolgens op de delete-toets). Boom, bananenpeper.


Stap 6a

Het derde 'proces' dat ik gebruik, is om ankerpunten toe te voegen op strategische plaatsen op de vormen en vervolgens de onnodige punten te verwijderen. Als u bijvoorbeeld de citroenstart wilt maken met een ovaal (opnieuw gemaakt met het gereedschap Ovaal) en een ankerpunt aan beide zijden van de boven- en onderpunten van het ovaal toevoegt met behulp van het gereedschap Ankerpunt toevoegen (+). Om dingen symmetrisch te houden, helpt het om een ​​gids naar het gewenste snijpunt te slepen en de slimme hulplijnen in te schakelen (Beeld> Slimme hulplijnen).


Stap 6b

Gebruik de pijl voor directe selectie om de bovenste en onderste punten omhoog en omlaag te duwen (selecteer het punt en druk op de pijl omhoog of omlaag). Om af te sluiten, tekent u eenvoudig een kleine cirkel onder de bovenste punt van de citroen.


Stap 7a

Ten slotte is het vierde supereenvoudige 'proces' dat ik voorstel, het subtiel schalen te gebruiken om gelaagdheid tot uitdrukking te brengen. Een goed voorbeeld hiervan is een halve grapefruit. Begin met een gele cirkel (schil), kopieer en plak vooraan (Command C, Command + F) een witte cirkel (binnen schil) en schaal deze naar 95% (Control + klik> Schaal). Kopieer en plak vooraan een andere roze cirkel (pulp) (Command + C, Command + F) en schaal die 95% (Control + klik> Schaal). Om te eindigen, gebruik het lijngereedschap om een ​​verticale lijn te maken, en kopieer en plak deze lijn eenvoudig 3 keer om de pulpsecties te maken. Roteren terwijl je shift vasthoudt, helpt de secties symmetrisch te houden.


Stap 7b

Merk ook op hoe ik een subtiel rond einde aan de grapefruitpulpsectie-lijnen heb toegevoegd. Ik heb dit gedaan om het een extra element te geven om de vorm te beschrijven.


Stap 8a

Tonen hoe elk stuk fruit / groente te construeren zou uiterst saai zijn. In essentie is het steeds hetzelfde proces, alleen met verschillende vormen en kleuren. Een goede manier om te zien hoe ik de afzonderlijke vruchten en groenten heb gemaakt, is door naar de overzichtsweergave te kijken. Merk op hoe de druiven precies op de broccoli lijken en zijn gemaakt van een bos van cirkels op elkaar gelaagd. Door een eenvoudige slag toe te passen op een paar cirkels, krijg je de 'diepte' die de druiventros beschrijft.


Stap 8b

Merk op hoe de limoenwig bijna hetzelfde is als de halve grapefruit, met verschillende kleuren. De banaan is 3 vormen; een grote gele vorm gemaakt van twee overlappende cirkels (referentie stap 5a.), een kleine bruine driehoekige vorm en een gebogen lichtbruine lijn, gekopieerd van de gele vorm. De paddenstoel is een rechthoek met een halve cirkel erbovenop. Eenvoudig, slim, subtiel.


Stap 8c

Teken de overgebleven vruchten en groenten. Nogmaals, kijk hoe de plakjes avocado en komkommer op dezelfde manier worden gemaakt als de grapefruit. De wortel is slechts 2 vormen, hetzelfde als de sinaasappel. De spruiten, mogelijk mijn favoriet van de groente- en fruitziekten, zijn in feite slechts een regel met een herhaalde beroerte.


Stap 9

Kleur is van vitaal belang in deze illustratiestijl; het kan het algehele gevoel van het beeld maken of breken. Het is vrij gemakkelijk met dit onderwerp, omdat je gewoon kunt verwijzen naar onze 'inspiratiefoto'. Zoals je kunt zien met de banaan, heb ik een redelijk realistisch kleurenschema gebruikt. Over het algemeen heb ik het kleurenschema enigszins verfijnd, zodat het iets levendiger is dan de werkelijke kleuren.


Stap 10

Het laatste, het belangrijkste aspect van deze illustratiestijl is compositie. Omdat de vormen en vormen van de vruchten en groenten zo eenvoudig zijn, is het maximaliseren van de samenstelling absoluut noodzakelijk. Condensatie van de ruimte tussen de vruchten en groenten helpt om visuele interesse te creëren. Bind uw illustratie aan elkaar door een mooie, levendige pastelblauwe achtergrondkleur te tekenen.


Conclusie

De vier 'processen' die ik hier heb laten zien, zijn buitengewoon eenvoudig, maar soms is het goed om terug te gaan naar de basis en eenvoudig over dingen na te denken. Denk eraan, het is niet de techniek, maar het idee dat een beeld maakt, onderscheidt zich van de rest. Oefen je visualisatie en je zult in een mum van tijd fantastische vectorcomposities maken.