Maak een eenvoudig zeepaardje in Adobe Illustrator

In de tutorial van vandaag laat ik je zien hoe je een gestileerde maar eenvoudige illustratie van een zeepaardje kunt maken. Ik zal alleen een standaardafbeelding gebruiken om me een basisidee voor de vorm van het zeepaardje te geven en vervolgens door te gaan naar het gebruik van Shape Tools, het Uiterlijkpaneel en meer. Dus laten we instappen en aan de slag gaan.


Stap 1

Ik gebruik de Ellipse Tool (L) om drie even cirkels voor het gezicht en het lichaam van het zeepaardje te maken. Om een ​​gelijkmatige cirkel te maken, houd je Alt + Shift ingedrukt en versleep je. Ik volg het voorraadbeeld niet volledig, maar gebruik het alleen om een ​​idee te krijgen van de basisvorm van het wezen.

Nu dat ik de drie cirkels heb, ga ik het hoofd draaien en snuiten met het gereedschap Vrije transformatie (E). Selecteer vervolgens met het gereedschap Direct selecteren (A) de punten zoals hieronder weergegeven en sleep ze naar buiten of naar binnen met de snuit. Ik heb de vormen niet gewijzigd met de handvatten, ik heb alleen de punten verplaatst. Mogelijk vindt u slimme hulplijnen (Ctrl + U) om ervoor te zorgen dat de punten centraal blijven.


Stap 2

Houd op de werkbalk het gereedschap Segmentsegment ingedrukt om toegang te krijgen tot het uitvouwmenu. Hier kun je de Spiral Tool downloaden. Begin de spiraal waar je wilt dat het midden van de krul begint en dan naar rechts sleept, trek het omhoog naar de voorkant van de buikvorm.

Met het gereedschap Direct selecteren (A) selecteert u de vier middelpunten en verwijdert u deze vervolgens door op Delete op uw toetsenbord te drukken.


Stap 3

Verplaats in het deelvenster Lijn de lijndikte naar 5pt en verander de dop naar een ronde dop.

Verplaats met de Width Tool (Shift + W) de breedte van het toppunt naar ongeveer 30px. Je krijgt geen exacte hoeveelheid, maar maak je daar geen zorgen over.


Stap 4

Terwijl de spiraal is geselecteerd, ga je naar Object> Uitvouwen om het in een vorm om te zetten.


Stap 5

Ga naar het deelvenster Pathfinder en terwijl de spiraal en het lichaam zijn geselecteerd, klikt u op Delen. Hiermee worden de vormen in vijf vormen verdeeld, zoals hieronder wordt weergegeven.

Verwijder de vorm van de staart die de body overlapt en gebruik vervolgens Pathfinder> Unite om alle andere vormen te combineren.


Stap 6

Teken met het gereedschap Pen (P) vormen die elk van de andere vormen verbinden en selecteer vervolgens Alles selecteren (Ctrl + A) en gebruik Pathfinder> Samenvoegen om ze te combineren.


Stap 7

We gaan een eenvoudig patroonpenseel maken om ons zeepaardje een stekelige rug te geven. Gebruik het gereedschap Rechthoek (M) om een ​​even vierkant te tekenen, houd Shift + Alt opnieuw ingedrukt en versleep om het even te maken. Zoek met Smart Guides (Ctrl + U) het midden van de bovenste lijn van het vierkant en teken met het Ellipse Tool (L) een gelijkmatige cirkel. Met slimme hulplijnen kunt u de cirkel in de hoeken van het vierkant klikken. Verwijder vervolgens met de Pathfinder> Minus voorzijde de cirkel uit het vierkant.


Stap 8

Gebruik het gereedschap Direct selecteren (A) om de onderste punten van de vorm te selecteren en plaats vervolgens met uw pijltjestoetsen op uw toetsenbord het punt ongeveer vijf duwtjes omlaag. Zorg ervoor dat je vorm een ​​zwarte vulling heeft.


Stap 9

Selecteer de hele vorm en sleep deze vervolgens naar uw Swatch-venster.

Klik in het deelvenster Penseel op Nieuw penseel en selecteer Patroonpenseel en gebruik de onderstaande instellingen. Selecteer 'Nieuw patroonstaal' in het onderstaande vak en Flip> Overkant omdraaien. Ik heb de kleurmethode in Tints veranderd, maar dit is niet relevant voor deze specifieke tutorial, het is een goede gewoonte om er een gewoonte van te maken. Het gebruik van een zwarte vorm in je penseel en met deze methode zal betekenen dat de kleur van de penseel zal zijn voor elke kleur die je gebruikt. Klik op OK als je klaar bent.


Stap 10

Trek met het gereedschap Lasso (Q) rond de punten zoals hieronder wordt weergegeven. Hiermee worden alleen deze secties en punten van de vorm geselecteerd. Kopieer vervolgens (Ctrl + C) en Plak vooraan (Ctrl + F). Je krijgt een kopie van de regel bovenop de originele vorm zoals hieronder weergegeven met mijn overdreven blauwe lijn.


Stap 11

Breng vervolgens uw wervelkolompenseel aan op de lijn. Je kunt echter hetzelfde probleem hebben als ik, waarbij een of twee punten een onnodige hoek creëren en een gat in je lijn creëren. Natuurlijk willen we dit niet, dus laten we het rechtzetten.

Wanneer u inzoomt in het overtredende gebied, zoekt u naar tellende tekens van een opgetreden fout. Het kan te veel punten zijn, zoals hier het geval is. Voor een vloeiende lijn, zou er geen gekarteld stuk uit moeten komen, toch? Het probleem is dat er twee punten elkaar overlappen, waardoor een hoek is ontstaan. Dus met de Pen Tool (P) heb ik over het punt heen gemept en vervolgens een punt verwijderd. Als bij toverslag is de hele lijn nu geschikt voor het patroonpenseel.


Stap 12

In het deelvenster Lijn ga ik het profiel van de lijn aanpassen met Width Profile 6, en vervolgens om te zorgen dat de spikes aan de buitenkant staan, klik je op Overkippen.

Ik wil dat ons zeepaardje meer een mohawk-uiterlijk heeft, dus ik ga het gereedschap Breedte (Shift + W) opnieuw gebruiken en het punt aan het begin van de lijn verhogen tot ongeveer 1px.


Stap 13

Selecteer de regel voor de rug en vervolgens Object> Uitvouwen. Selecteer vervolgens het lichaam en de wervelkolom en gebruik vervolgens Pathfinder> Verenigen.


Stap 14

Vanaf hier kun je de basisvorm van je zeepaardje wijzigen als je niet tevreden bent met een van de elementen. Ik ben niet zo blij met het stompe uiterlijk van de mohawk, dus ik ga de Pen Tool (P) gebruiken om een ​​aantal punten te verwijderen om vervolgens een mooie soepele bult op het voorhoofd te creëren.


Stap 15

Nu om het zeepaardje te kleuren. Als je op mij lijkt en niet helemaal zeker bent van kleuren, zijn er verschillende manieren waarop je hier hulp bij kunt krijgen. Er is Kuler, wat een van mijn favoriete kleurenbronnen is en er zijn ook de vele Swatch-bibliotheken die bij Adobe Illustrator worden geleverd. Ga in het deelvenster Swatch naar het drilldown-menu in de rechterbovenhoek en selecteer Swatch-bibliotheek openen> Natuur> Strand om toegang te krijgen tot de onderstaande pagina. Vervolgens heb ik de swatch "Sunrise" geselecteerd door op de map links van het palet met stalen te klikken en de hele groep kleuren aan uw Swatch-venster toe te voegen. Ik heb ons zeepaardje een paarse vulling gegeven.


Stap 16

Nu om wat extra vormen toe te voegen. Een even cirkel met de Ellips-tool (L) voor de wang en een aangepaste cirkel voor de buik. Ik ga de eivorm voor de buik dupliceren en naar de zijkant verplaatsen. Gebruik Pathfinder> Minus voorkant om vervolgens een halve maan vorm te maken zoals hieronder wordt getoond.


Stap 17

Geef de vormen dezelfde vulling als het lichaam van het zeepaardje. Klik vervolgens in het deelvenster Vormgeving op het vervolgkeuzemenu en selecteer Nieuwe vulling. Selecteer de zwarte transparante radiale gradiënt in het deelvenster.

Sleep vervolgens de paarse naar de Verloopschuifregelaars in het deelvenster Verloop. Gebruik het gereedschap Verloop (G) om de grootte van het verloop te vergroten. Klik op Laagdekking in het deelvenster Vormgeving en selecteer Mengmodus Vermenigvuldigen en laat de dekking op 100%.


Stap 18

We gaan deze opties opnieuw gebruiken in het deelvenster Vormgeving. Ga dus naar het paneel Grafische stijlen en klik op Nieuwe grafische stijl. U kunt dubbelklikken op het pictogram in het paneel en de naam ervan wijzigen. Ik heb het voor nu Tummy genoemd.

Selecteer vervolgens de cirkel voor de wang en klik op de buikimago-stijl. Selecteer vervolgens de vorm voor de vorm van de hele zeepaard en geef die dezelfde grafische stijl.


Stap 19

Dupliceer hetzelfde voor het lichaam, brutaal en buik en gebruik Pathfinder> Verenig je om een ​​vorm te maken die over het gehele zeepaardje gaat. Plaats dit bovenop alle vormen die je hebt gemaakt. Geef het een paarse vulling en klik vervolgens op de FX-knop aan de onderkant en ga naar Stylize> Inner Glow. Gebruik de onderstaande opties en klik vervolgens op OK. Wijzig vervolgens de dekking van het geheel van de stijl door onderaan op de link Dekking te klikken. Het verschil met deze link Opacity is dat deze alle lijnen en vullingen en eventuele andere instellingen die u mogelijk heeft toegepast, beïnvloedt in plaats van alleen de vulling. Ik heb het in Blending Mode Darken veranderd.

Sla een keer deze instellingen op in het paneel Grafische stijlen voor toekomstig gebruik zoals u eerder deed.


Stap 20

Nu om een ​​kleine vin aan de zijkant van de wang toe te voegen. Gebruik het gereedschap Lijnsegment (\) om een ​​horizontale lijn te tekenen. Geef het een 0.75pt Stroke-gewicht in het deelvenster Stroke en breng vervolgens de rugpenseel aan die u eerder voor de wervelkolom hebt gemaakt. Ga vervolgens naar Object> Uitbreiden en vervolgens Pathfinder> Verenigen om één vorm te maken.


Stap 21

Ga, terwijl je nog steeds bent geselecteerd, naar Effecten> Vervormen en transformeren> Vrije vervorming. Ik heb de onderste hoeken meegenomen en vervolgens de vorm platgedrukt door de bovenste hoeken naar beneden te verplaatsen, zoals hieronder wordt weergegeven.

Als u klaar bent, maakt u Object> Uit en gebruikt u vervolgens het gereedschap Vrije transformatie (E) om de vin te draaien en aan de zijkant van het gezicht te plaatsen. Gebruik je Tummy Graphic Style om het kleur te geven. Ik heb vervolgens het gereedschap Verloop (G) gebruikt om het verloop te verplaatsen, zodat dit de uiteinden van de vin beïnvloedde en de dekking vervolgens naar 60% verlaagde.


Stap 22

Ik ben niet helemaal gelukkig met de kleur van het zeepaardje, dus ga ik spelen met de kleur. Dupliceer eerst de vorm van het hele zeepaardje Selecteer alle andere vormen en groepeer ze (Ctrl + G). Ik heb de gedupliceerde zeepaardjesvorm een ​​gele vulling gegeven van hetzelfde "Sunrise" -staal.

Ik heb gespeeld met het paneel Uiterlijk met twee fills. Eén is ingesteld op overvloeimodus overlay, de andere is ingesteld op het overvloeimodusscherm, dekking 10%.


Stap 23

In het deelvenster Lagen, nieuwe laag maken en onder het zeepaardje verplaatsen Gebruik het gereedschap Rechthoek (M) om een ​​rechthoek rond het zeepaardje te tekenen. Breng vervolgens de grafische stijl van de binnengloed aan die eerder werd gebruikt voor de gehele lichaamsvorm. Ik heb de vulling van de laag in een lichtblauw veranderd en vervolgens de instellingen van de binnengloed veranderd zoals hieronder getoond. Eindelijk heb ik de overvloeimodus teruggezet op Normaal.


Stap 24

Ga in het deelvenster Uiterlijk naar het detailmenu en haal het vinkje uit bij 'Nieuwe kunst heeft standaardweergave'. Verander de Blur in de Inner Glow-instellingen in 7px en klik op OK. Klik vervolgens op de dekking op 70%. Gebruik de Ellipse Tool (L) om vervolgens even cirkels rond het zeepaardje te tekenen. Overlap enkele en misschien een paar op het lichaam van het zeepaardje om gestileerde bubbels te maken.


Stap 25

Gebruik ten slotte het tekengebiedstool (Shift + O) om de grenzen van uw illustratie te definiëren en uw zeepaardje is nu voltooid!


Conclusie

Hoe je de tutorial van vandaag hebt genoten en je kunt enkele van deze eenvoudige technieken toepassen in toekomstige projecten.