Hoe je een schets in een Fat Cat Vector Illustration

Deze zelfstudie is bedoeld om u van schetsboek naar scherm te begeleiden; een "Fat Cat" doodled met biro vertaald in een nette vectorkarikatuur. Tussentijdse kennis van Adobe Illustrator wordt geadviseerd. Laten we eens kijken hoe je een cheeky cat-illustratie kunt maken - van het eerste concept tot en met de goedheid van de vector.

Final Image Preview

Hieronder is het definitieve ontwerp waar we naartoe zullen werken.

Preambule

Praat met een Illustrator en zij zullen het belang van schetsen prediken. De media die je gebruikt zijn niet relevant, je zou met tomatenketchup op je zitkamergordijnen kunnen tekenen, het maakt niet uit. Het belangrijkste is dat je door te tekenen je ideeën snel kunt visualiseren en ontwikkelen. Hier is een nuttig artikel over schetsen in het ontwerpproces.

Je tekenvaardigheid is van groter belang, hoewel de aard van het schetsen betekent dat je door oefening en verfijning alleen maar beter zult worden. Dit geldt voor vaardigheden over de schaal. De eerste stap is daarom aan jou. Ga en schets. Gooi je ideeën op papier (of wat dan ook), verwerp ze, verfijn ze of omarm ze. Als u tevreden bent, kunt u overwegen om ze naar uw scherm over te zetten.

Stap 1: De schets

Voor het doel van deze tut heb ik een getekend Dikke kat karikatuur. Politieke uitspraak? Niet echt, maar op dit moment lijkt de term wereldwijd op ieders lippen. Het zat gewoon in mijn hoofd.

Je kunt aan het aantal lijnen in de sketch zien hoeveel het gieten hij had nodig. Deze pose was ook zeker niet de eerste poging.

Stap 2: Scan het en open de schets

Voor deze stap heeft u een scanner nodig, of op zijn minst enige manier om uw schets te digitaliseren (digitale camera, camera op uw mobiele telefoon). In elk geval moet je schets in een voldoende hoge resolutie op je computer worden overgezet, zodat je ermee kunt werken. Mijn schets is 1500px breed en 1500px hoog wat prima is.

Open uw schetsbestand (bij voorkeur jpg, gif, png, enz.) In Illustrator door het rechtstreeks te openen of door een nieuw document te openen en naar Bestand> Plaats te gaan. Geef de laag het op een toepasselijke naam en sluit het. Ik heb ook het tekengebied verborgen (Weergave> Tekengebied verbergen) om ongewenste rommel van mijn scherm te verwijderen.

Stap 3: Start met tekenen

Het proces van het transformeren van het beeld in vectoren is eenvoudig. Het vereist een beetje vaardigheid met de Pen-tool, maar de meeste beslissingen over je karikatuur zijn natuurlijk al gedaan.

Maak een nieuwe laag om aan je tekening te beginnen en geef hem een ​​toepasselijke naam ("Objects Cat" in mijn geval). Selecteer het gereedschap Pen en begin met het traceren van het hoofdgedeelte. Probeer zo min mogelijk ankerpunten te gebruiken voor vloeiendheid, maar je streeft niet naar een vlekkeloze cirkel.

Zoals je kunt zien aan de onderstaande afbeelding, heb ik een gesloten pad getekend om het lichaam van de kat te beginnen. Nou, eigenlijk kun je het bijna niet zien. We moeten de manier waarop we met het document werken verbeteren, anders gaan we onszelf hoofdpijn bezorgen.

Stap 4: uw paden beter zichtbaar maken

Dubbelklik op uw "schets" -laag in het lagenpalet om het dialoogvenster Laagopties te openen. Schakel het selectievakje Dim Images to Checkbox in en voer een waarde van 30% in. Klik OK. Dit zal (misschien uiteraard, maar deze zijn spoonfed vector tuts) dimt alle afbeeldingen op de "Sketch" -laag naar 30%, waardoor het tekenen van de bovenkant eenvoudiger wordt.

Verander nu de lijnkleur van je pad naar iets duidelijks; Magenta bijvoorbeeld (# FF00FF). Veel beter!

Stap 5: ga verder met tekenen

Gebruik het gereedschap Pen om de essentiële vormen te tekenen die uw karikatuur opbouwen. De oren zoals hieronder weergegeven kunnen blijven zoals ze zijn; ze kunnen achter de hoofdlichaamvorm worden geplaatst en, indien gekleurd, uitsteken. De strepen bovenop het hoofd moeten in de vorm van het lichaam worden bijgesneden, dus gebruik hiervoor de Pathfinder-hulpmiddelen. De tut van Rype over het maken van een Super Happy Octopus-teken is een goed hulpmiddel om grip te krijgen op de Pathfinder-gereedschappen in Illustrator.

Stap 6: Cat's Arm (of moet dat een been zijn?)

Maak gebruik van een aantal Illustrator-methoden om de vormen te maken die u nodig hebt, in plaats van elke omtrek met het gereedschap Pen te tekenen. Teken een enkel pad door het midden van de linkerarm. Verander nu de streekeigenschappen met behulp van het Lijnpalet; geef het afgeronde uiteinden en maak het breed genoeg om het hele gebied van de arm te vullen.

Stap 7: Cat's Arm vervolgd

Ga nu naar Object> Pad> Omtreklijn om uw pad naar een object te wijzigen. Geef het dezelfde lijnkleur en breedte als de rest van je tekening, gebruik dan het gereedschap Pen om de klauwen en poten te tekenen.

Stap 8: Tweede arm

Kopieer en plak (Command + C, Command + V) de arm van de kat en draai deze om een ​​verticale as om aan de andere kant van het lichaam te gaan (Object> Transformeren> Reflecteren). Dupliceer niet de klauwen en poten die je al hebt gemaakt, en teken ze opnieuw om de afbeelding een beetje extra persoonlijkheid te geven. Roteer en positioneer de elementen voor de tweede arm indien nodig.

Stap 9: Verstoppertje

Naarmate uw beeld steeds complexer wordt en uw tekengebied wordt overspoeld met steeds meer paden, is het misschien handig om de afbeelding zo nu en dan op te helderen. Door alles te selecteren dat u tot nu toe hebt opgesteld (Command + A) en vervolgens Alles verbergen (Command + 3) of Object> Verbergen> Selectie, maakt u het uzelf gemakkelijker. Geen toevallige selectie van paden of visuele verwarring meer.

Doe dit terwijl je in verschillende stadia meegaat. Als je klaar bent (of je bent vergeten wat er is getekend), kun je ze opnieuw onthullen. Ze zijn niet verwijderd!

Stap 10: Face It

Zoom in en gebruik de Pen Tool (zoals gebruikelijk) om de basisvormen te maken, die de Dikke katten gezicht. U hoeft zich niet 100% te houden aan de lijnen van uw schets, het is uw tekening en u kunt deze nog steeds wijzigen als u dat wenst! Vervolgens kijken we naar kleuren en zoeken we naar de mond om te verduidelijken wat daar gebeurt.

Stap 11: De mond kleuren

Gebruik schaduwen zoals hier in het palet Stalen om de objecten die de mond vormen te kleuren. Geef de twee belangrijkste giftanden een zuivere 100% wit, zodat ze echt eruit springen. Groepeer ook alle mondelementen samen (Command + G).

Stap 12: De mond maken

Gebruik het gereedschap Direct selecteren en klik op het hoofdmondobject. Kopieer het (Command + C) en klik vervolgens op het tekengebied om het object te deselecteren. Klik op Command + F om het object op zijn plaats en boven de mondgroep te plakken.

Selecteer nu de mondgroep en het recent geplakte mondobject. Ga naar Object> Knipmasker> Maken (Command + 7) en uw Dikke katten mond zal worden opgevoerd! Op dit punt kunt u nog steeds het gereedschap Direct selecteren gebruiken om tanden of andere objecten te selecteren voor herpositionering.

Stap 13: Blijf gaan!

Teken de overgebleven elementen van de schets; kraag, stropdas, venster reflectie, enz. De strepen op het shirt zijn gemaakt van herhaalde verticale strepen, uitgelijnd met gelijke horizontale afstand en vervolgens puilden met de Warp tool (Effect> Warp> Ardennen). Paden worden vervolgens geconverteerd naar contouren (Object> Pad> Omtreklijn) en naar het lichaam gevormd met behulp van de Pathfinder Tool.

Stap 14: The Tail

Om de vorm van de staart te vormen, herhaalt u de stappen die nodig zijn om de armen te tekenen; maak een pad (deze keer ook een kopie maken), verhoog het slaggewicht, rond de uiteinden en ten slotte schets de lijn.

Plak het gekopieerde pad op zijn plaats (Command + F). Dit gaat de strepen op onze staart een richting geven.

Stap 15: Striping the Tail

Ok, hier zijn een paar kleine stappen nodig om onze staart strepen te geven. We gaan een aangepast penseel maken. Eerst moet u enkele kleine, horizontale paden maken die uit elkaar zijn geplaatst over het tekengebied, zoals in de onderstaande afbeelding. Geef ze een zwaar slaggewicht als je wilt dat je strepen hebben.

Nu moet je ze willekeurig verdelen. Ga met de geselecteerde lijnen naar Object> Transformeren> Transformeer elk (Alt + Shift + Command + D). Vul de opties in het dialoogvenster Transformeren elke in, zoals hieronder wordt getoond, om elke streek willekeurig horizontaal te verdelen tot 70px. Klik OK.

Sleep vervolgens uw verzameling willekeurig verdeelde paden naar het palet Penselen (Venster> Penselen) en kies ervoor om een ​​nieuwe penseel te maken. In het dialoogvenster Kunstpenseelopties geeft u uw penseel een naam en zorgt u ervoor dat deze langs het pad loopt, niet eroverheen. Klik OK.

Selecteer het centrale staartpad en klik op het nieuwe penseel vanuit het palet Penselen. Een aantrekkelijke gestreepte staart! Als u klaar bent, gaat u naar Object> Uiterlijk uitvouwen en verwijdert u vervolgens het originele pad. Ga vervolgens naar Object> Contourlijn om uw strepen in gesloten paden te veranderen. Tenslotte, gebruik het Pathfinder-gereedschap om de strepen binnen de grenzen van de staart te houden.

Stap 16: Kleur toevoegen

Nadat je alle lijnwerk hebt voltooid, is het tijd om alles zichtbaar te maken (Object> Alles tonen) en het een kleur te geven. Ik heb het stalenpalet in de onderstaande schermafbeelding opgenomen, zodat u hetzelfde schema kunt volgen als u dat wilt. Als u uw eigen palet samenstelt, probeer het dan eenvoudig en beperkt te houden.

Het schaduwobject onder de kraag is gekleurd met paars aan de onderkant van de staallijst (probeer zoveel mogelijk te voorkomen dat u 100% zwart gebruikt, alleen donkere tinten). Ik heb het een vermenigvuldigingstransparantie van 30% gegeven.

Zoals je kunt zien, heb ik een achtergrondrechthoek en het vensterobject op een aparte laag geplaatst om ze onder de kat te houden.

Stap 17: Venster

Geef uw scène een beetje meer sfeer door het vensterobject te vervagen en het daarom visueel naar de achtergrond te duwen. Selecteer het en ga naar Effect> Vervagen> Gaussiaans vervagen ... Geef het een straal van zoiets als 5px en klik op OK. Geef het nu een normale transparantie van 20% om het af te maken.

Stap 18: Wazig zicht

Laten we de ogen ook wat sinister maken. Kopieer ze en vervolgens met de originelen nog steeds geselecteerd ga naar Effect> Gaussian Blur toepassen. Nadat u dit effect zojuist op het venster hebt toegepast, past u nu automatisch exact hetzelfde effect toe met dezelfde parameters voor uw geselecteerde objecten. Je originele ogen hebben nu een Gaussiaanse vervaging met een straal van 5 px. Klik op Command + F om de gekopieerde ogen voor de duidelijkheid over de bovenkant te plakken.

Stap 19: Er ontbreekt iets ...

Natuurlijk hoef je niet 100% trouw te blijven aan je originele schets, ik heb de hele weg herpositionering en het wijzigen van de grootte van dit proces. Het is nu onder mijn aandacht gekomen dat er iets extra's nodig is, iets Fat-kwaad-. Ik ga een sigaar toevoegen.

Met behulp van de volgende voorwerpen heb ik een sigaar gebouwd en daarna nadien sympathiek ingekleurd tot het beeld. De schaduw is weer donkerpaars, maar krijgt een dekking van slechts 10%. Het gloeiende uiteinde van de sigaar doet precies dat: selecteer het en ga naar Effect> Stileer> Gloed buiten. In dit geval heeft de gloed een schermmodus, een kleur van # CCA500 en spreidt 1,75 mm uit.

Stap 20: Sfeer

Voor die laatste aanraking van sinistere sfeer heb ik de rechthoek gekopieerd die die achtergrond vormt en op zijn plaats op een nieuwe laag boven al het andere geplakt. Het heeft een verloopvulling van 60% Zwart naar 0% Zwart met de eerste verloopstop op 25%. Met een transparantie vermenigvuldigen voegt de rechthoek een griezelige duisternis toe aan de onderkant van de uiteindelijke afbeelding.

Conclusie

Een paar snorharen en daar heb je het! Het maken van een afbeelding zoals deze komt misschien wel of niet vanzelf, oefenen is natuurlijk de sleutel. Het proces om je schetsen om te zetten in digitale kunst zou nu hopelijk een beetje eenvoudiger moeten zijn.