Hoe maak je een platte bruid & bruidegom tekens in Adobe Illustrator kan ook in AD door Yulia Sokolova

Transcriptie

1 Hoe maak je een platte bruid & bruidegom tekens in Adobe Illustrator kan ook in AD door Yulia Sokolova Wat je gaat creëren In deze tutorial ontwerpen we gestileerde platte karakters, die een gelukkig paar laten trouwen. We zullen heel wat basis geometrische vormen aanpassen, verschillende warpeffecten toepassen en handige hulpmiddelen en functies van Adobe Illustrator gebruiken om de personages er aantrekkelijk en levendig uit te laten zien. Tegen het einde van deze tutorial zul je in staat zijn om een bruid en een bruidegom in een mooie platte stijl te ontwerpen en hun uiterlijk naar wens aan te passen, variërend van kapsels, pakken, huidskleur en andere details. Bovendien kunnen we de personages combineren, waarbij zowel heteroseksuele paren als koppels van hetzelfde geslacht worden afgebeeld! Als je van dichterbij wilt bekijken hoe elk personage is ontworpen of om het te gebruiken voor je ontwerpen van trouwuitnodigingen, ansichtkaarten of andere, zorg er dan voor dat je deze 9 bruidsparen met platte karakters op GraphicRiver hebt bekeken om alle talrijke te ontdekken combinaties van gelukkige koppels en alle variëteit van hun uiterlijk!

2

3 Laten we beginnen! 1. Hoe het gezicht van een Flat Groom-personage te creëren Stap 1 Begin met het maken van de kop met behulp van het gereedschap Rechthoek (M) of het gereedschap Afgeronde rechthoek, dat u kunt vinden in hetzelfde vervolgkeuzemenu van het deelvenster Gereedschappen. Maak een gele vorm van 65 x 80 px en stel de hoekradius in op 20 px. We kunnen dit doen door onze vorm te selecteren met het gereedschap Direct selecteren (A) en vervolgens de functie Live Corners te gebruiken (door aan de kleine cirkelmarkeringen te trekken) of door het bedieningspaneel bovenaan. Stap 2

4 Laten we de ogen toevoegen. Neem het Ellips-gereedschap (L), houd Shift ingedrukt en maak een bruine cirkel van 6 x 6 px. Selecteer het met het selectiegereedschap (V), houd Alt-Shift ingedrukt en sleep naar de zijkant, maak een kopie voor het tweede oog. Om alles geordend en uitgelijnd te houden, selecteert u beide ogen en groepeert u ze (Control-G). Selecteer vervolgens zowel de ooggroep als het hoofd en klik nogmaals op het hoofd om er een Sleutelvoorwerp van te maken. U zult merken een dikkere selectie omtrek rond het hoofd, wat aangeeft dat alle andere objecten nu zal worden afgestemd op de Key Object. Laten we het paneel Uitlijnen openen en op Horizontaal uitlijning centreren klikken om de ogen perfect gecentreerd te maken. Houd de ogen dichter bij de onderste helft van het gezicht en vorm een groot voorhoofd. Stap 3

5 Laten we nu de wenkbrauwen verbeelden om het gezicht een levendige uitdrukking te geven. Gebruik hetgereedschap Afgeronde rechthoek om een blauwe vorm van 7 x 3 px met volledig afgeronde hoeken te maken. Houd de brow geselecteerd, dubbelklik op het gereedschap Roteren (R) en stel de hoekwaarde in op 15 graden. Klik op OK om de wijzigingen toe te passen. Dubbelklik op het Reflectiegereedschap (O). Draai het voorhoofd over de verticale as en klik op Kopiërenom een tweede voorhoofd te maken.

6 Stap 4 Neem de Ellipse Tool (L) en laten we een neus maken. Houd Shift ingedrukt en maak een 10 x 10 pxgeelachtig oranje cirkel. Selecteer het bovenste ankerpunt met

7 het gereedschap Direct selecteren (A), houd Shift ingedrukt en sleep het naar boven, waardoor een druppelachtige vorm voor de neus ontstaat. Vergeet niet om het uitlijnpaneel te gebruiken om de neus in het gezicht te centreren, waarbij de vorm van het hoofd als een hoofdobject wordt gebruikt. Stap 5 Nu vormen we een brede, lachende mond met behulp van de Rechthoek-tool (M). Maak een witte vorm van 25 x 10 px. Selecteer de onderste ankerpunten met het gereedschap Direct selecteren en trek aan de cirkelmarkeringen van de Live Corners, waardoor de hoeken 6 px afgerond zijn.

8 Stap 6 Schakel over naar het gereedschap Afgeronde rechthoek en laten we het oor tekenen. Maak een afbeelding van 10 x 20 px met een iets donkerder kleur dan het gezicht. Houd Alt-Shift ingedrukt en sleep het oor naar rechts, maak een kopie voor de andere kant van het hoofd. Selecteer ten slotte beide oren, groepeer ze (Control-G) en klik met de rechtermuisknop> Schikken> Naar achtergrond verzenden of eenvoudig Shift-Control- [ om de oren achter het hoofd te plaatsen.

9 Stap 7 Laten we nu een mooi kapsel stylen voor onze bruidegom. Bewapen jezelf met het gereedschap Rechthoek (M) en maak een blauwe vorm van 85 x 50 px. Selecteer zowel de rechthoek als de vorm van het hoofd en Horizontaal rechts uitlijnen, met het hoofd als het belangrijkste voorwerp om het haar naar het rechtergedeelte van het hoofd te knippen. Neem het gereedschap Ankerpunt (Shift-C), houd Shift ingedrukt en trek de hendels van het ankerpunt linksboven verticaal en plaats ze zoals getoond in de onderstaande schermafbeelding. Laten we nu het tegenovergestelde (rechtsboven) ankerpunt selecteren met het gereedschap Direct selecteren (A) en aan de markering Live Corner trekken om dit deel van de vorm echt vloeiend en afgerond te maken.

10 Herhaal hetzelfde voor de linkerbenedenhoek, waardoor het afgerond is om een stijlvolle pony te creëren. Stap 8 We kunnen de haarvorm corrigeren met behulp van het gereedschap Direct selecteren (A) terwijl de ankerhendels bovenop het haar worden getrokken, waardoor het vlak wordt om de algehele geometrische stijl met rechte lijnen te behouden.

11 Stap 9 Laten we een hals toevoegen voordat we verder gaan met het opbouwen van het lichaam. Gebruik hetgereedschap Afgeronde rechthoek om een vorm van 20 x 35 px te maken met volledig afgeronde hoeken. Druk op Shift-Control- [ om de vorm naar achteren te verzenden, onder het hoofd.

12 2. Hoe het lichaam van het Flat Groom-personage te ontwerpen

13 Stap 1 Neem de Rechthoek-tool (M) en laten we beginnen met het tekenen van de body van het shirt. Maak een witte vorm van 80 x 150 px, selecteer de onderste ankerpunten met het gereedschap Direct selecteren (A)en maak de hoeken volledig afgerond. Zet de hoekradius op 40 px in het bedieningspaneel bovenaan. Neem het gereedschap Ankerpunt toevoegen (+), plaats een nieuw ankerpunt in het midden van de bovenrand en sleep het omhoog met behulp van het gereedschap Direct selecteren (A).

14 Stap 2

15 Laten we het bovenste deel van de broek vormen. Plaats een donkergrijze rechthoek over de onderkant van het lichaam, zoals weergegeven in de onderstaande afbeelding. Selecteer zowel de lichaamsvorm als de rechthoek en schakel over naar het Shape Builder Tool (Shift-M). Houd Alt ingedrukt en klik op het stuk van de rechthoek buiten de randen van het lichaam. Op deze manier kunnen we de ongewenste delen van de vormen verwijderen. Voeg een paar blauwe strepen toe bovenop de broek, gebruik dezelfde techniek met de Shape Builder Tool (Shift-M) om de ongewenste stukken buiten de lichaamsvorm te verwijderen.

16 Stap 3

17 Laten we naar het jasje van de bruidegom gaan. Maak een grijze rechthoek (van een iets lichtere kleur dan de broek) en laat deze het linkerdeel van het lichaam van het personage bedekken. Selecteer zowel de rechthoek als de lichaamsvorm en verwijder het nietbenodigde deel met behulp van het Shape Builder Tool (Shift-M). Stap 4 Selecteer het ankerpunt rechtsonder van de rechthoek met het gereedschap Direct selecteren (A) en maak het afgerond. Laten we nu een tweede helft van de jas toevoegen. Selecteer de gemaakte helft en dubbelklik op het Reflectiegereedschap (O) om de vorm over de verticale as te spiegelen en klik op Kopiëren. We moeten het gecreëerde deel uitlijnen met de andere kant van het lichaam. Om dit precies en gemakkelijk te doen, selecteert u zowel het gespiegelde stuk als de body en klikt u nogmaals op de lichaamsvorm om er een Key Object van te maken. Ga naar het Align- paneel en klik op Horizontal Align Left om het jacket tegen de linkerrand van het lichaam te klikken. Zo eenvoudig!

18 Stap 5 Laten we revers toevoegen aan het pak. Pak de Polygon Tool en klik met één klik ergens in het tekengebied om het venster met de pop-upopties te openen. Stel de waarde Kanten in op 3 en teken een driehoek. Selecteer het zijankerpunt met het gereedschap Direct selecteren (A) en krimp de vorm, waardoor deze veel smaller wordt. Bevestig de revers op de linkerhelft van het pak en gebruik de functie Uitlijnen Horizontaal uitlijnen rechtsen Verticaal uitlijnen boven, gebruik het pak als het belangrijkste voorwerp om de revers op de rand te klikken.

19 Laten we een schaduw onder de revers toevoegen. Kopieer de revers en plak op de achterkant (Control-C> Control-B). Verplaats het zijankerpunt van de onderste kopie naar beneden en naar links, maak de vorm een beetje breder en maak de vulkleur ook iets donkerder. Groepeer (Control-G) de revers en de schaduw en gebruik het Reflectiegereedschap (O) om de reversgroep naar de andere helft van het pak te kantelen en klik deze op de rand met behulp van het uitlijningspaneel. Stap 6

20 Laten we een vlinderdas voorstellen om onze bruidegom er elegant uit te laten zien. Gebruik hetgereedschap Afgeronde rechthoek om een vorm van 10 x 15 pixels met een hoekradius van 2 px te maken en deze te vullen met dezelfde blauwe kleur als het haar. Gebruik het gereedschap Pipet (I) om de kleur van de ene vorm te kiezen en op de andere toe te passen. Bevestig een rechthoek van 10 x 12 px met een iets donkerdere blauwe kleur aan de linkerrand en gebruik het gereedschap Direct selecteren (A) om de ankerpunten aan de boven- en onderkant links te selecteren en verplaats ze in tegengestelde richtingen met behulp van de pijltoetsen in de aangegeven volgorde om de vorm breder te maken. Gebruik het Reflectiegereedschap (O) om een tweede helft van de vlinderdas toe te voegen. Stap 7

21 Gebruik het gereedschap Rechthoek (M) en het gereedschap Polygoon om een klein zakje met een blauwe driehoekige zakdoek erin toe te voegen. Stap 8 Voeg twee ronde donkergrijze knoppen toe aan de jas en laten we verder gaan met de armen van ons karakter. Gebruik de Arc Tool (u vindt het in hetzelfde menu als het lijnsegmenthulpmiddel (\) ) of het potloodgereedschap (N) om een vloeiende gebogen lijn voor de rechterarm te tekenen. Stel de Stroke kleur aan dezelfde tint van geel als we hebben voor het gezicht. Open het deelvenster Lijn en stel het gewicht in op 20 pt, waardoor de lijn erg dik wordt. Plaats de dop op de ronde dop om de uiteinden van de lijn volledig afgerond te maken. Zoek een ankerpunt in het midden van de arm of maak het ankerpunt met behulp van het gereedschap Ankerpunt toevoegen (+) als dit niet het geval is. Selecteer het met het gereedschap Direct selecteren (A)en maak de ankerhandgrepen iets korter om de elleboog op een meer realistische manier te buigen. Voeg een korte streek voor de duim toe en stel het gewicht in op 10 pt.

22 Stap 9

23 Laten we een mouw aan de jas toevoegen. Selecteer de arm met het selectiegereedschap (V), kopieer het en plak vooraan (Control-C> Control-F). Verander de Stroke kleur aan dezelfde donkergrijze als we hebben voor de jas. Zet de dop in de butt cap, waardoor de tips recht staan. Verplaats de bovenste en onderste ankerpunten van de arm samen met de hoes zodat ze in de schouder van de jas passen. Voeg de ankerpunten van de uiteinden van de lijnen toe en verwijder deze om de slagen indien nodig korter te maken, maar probeer beide lijnen met elkaar te combineren, zodat de gele lijn zich net onder de grijze streek bevindt.

24

25 Stap 10 Voeg de tweede arm toe met dezelfde techniek, maar verander deze keer van positie zoals in de onderstaande afbeelding. Stap 11 Laten we nu de benen tekenen. Gebruik het gereedschap Lijnsegment (\) of het gereedschap Pen (P)terwijl u Shift ingedrukt houdt om een rechte verticale lijn te maken. Breng een donkergrijze kleur voor de Stroke en stel het gewicht tot 20 pt en Cap om Rond Cap, het maken van een dikke lijn.

26 Stap 12 Neem de Rechthoek-tool (M) en maak een 50 x 16 px donkergrijze vorm voor de boot. Selecteer de linkerbovenhoek ankerpunt met de Direct Selection Tool (A) en maak de hoek volledig afgerond, het instellen van de Hoekstraal tot 16 px.

27 Stap 13 Gebruik de Arc Tool om een vloeiende, gebogen lijn naar het tweede been te maken, waardoor het er enigszins gebogen uitziet. Het lijkt erop dat onze bruidegom klaar is! Laten we naar de bruid gaan! 3. Hoe de kop van een plat bruidkarakter te tekenen Stap 1 Laten we beginnen met het vormen van de kop van een gele rechthoek van 55 x 80 px. Selecteer beide bovenste ankerpunten en maak de hoeken afgerond, stel de hoekradius in op 20 px. Maak de onderkant van de rechthoek, die voor de kin is, volledig afgerond.

28 Stap 2 Selecteer het onderste ankerpunt in het midden van de kin met het gereedschap Direct selecteren (A) en klik op Converteer geselecteerde ankerpunten naar een hoek in het menu Converteren van het bedieningspaneel bovenaan om de kin te richten. We kunnen ook het kin-punt iets omhoog slepen om het gezicht korter te maken.

29 Stap 3

30 Voeg de ogen, neus en nek op dezelfde manier toe als bij ons vorige personage, met als enige verschil dat we ook wimpers moeten tekenen. Gebruik de Arc Tool om een kleine boog te maken met 1,5 pt Stroke Weight en Round Cap.

31 Stap 4 Laten we een glimlachende mond toevoegen. Ga verder met het gereedschap Boog om een gebogen rode lijn te maken met 1,5 pt Gewicht en Ronde dop. Neem de Ellipse Tool (L) en maak een lichtroze vorm van 15 x 6 px voor de lippen. Stuur achteruit (Control- [), onder de lijn. Selecteer beide ankerpunten aan de zijkant van de ellips en verplaats ze een paar pixels naar boven met de pijl- omhoog om de lippen in de rode streek te laten passen.

32 Stap 5 Voeg twee roze ovalen op de wangen toe voor de blos en laten we verder gaan naar het kapsel. Plaats twee bruine ovalen over het voorhoofd en laat ze elkaar overlappen, zoals in de onderstaande afbeelding. Selecteer beide ovalen en verenig ze in de Pathfinder en voeg ze samen in één enkele vorm.

33 Nu moeten we het ongewenste deel van het haar verwijderen, dat zich buiten het hoofd bevindt. Selecteer zowel de haarvorm als de kop en gebruik het Shape Builder Tool (Shift- M) terwijl je Alt ingedrukt houdt om te klikken en het stuk te verwijderen. Daar hebben we het! Een elegant kapsel is klaar! Stap 6 Maak een ellips van 40 x 30 px voor de knot en Send to Back (Shift-Control- [), onder de kop. Maak de kleur iets donkerder dan de algehele kleur van het haar. Voeg twee witte cirkels van 5 x 5 px voor de pareloorbellen toe. Gebruik het potloodgereedschap (N) om een gebogen lijn aan de onderkant van de hals voor de ketting te tekenen, en laten we eens kijken hoe we parels hier met een paar klikken kunnen toevoegen.

34 Breng een witte kleur aan voor de lijn en open het deelvenster Lijn. Stel het gewicht in op 5 px, op dop tot ronde dop en vink het vakje onderbroken streep aan. Stel de waarde van het streepje in op 0 px en de waarde op 4,5. Op deze manier vormen we een mooie ketting met ronde parels. Als je toevallig een aantal hiaten tussen de parels hebben, probeert u de kloof waarde, waardoor de ongewenste ruimtes te elimineren.

35

36 Stap 7 Nu zullen we bloemen toevoegen om het kapsel feestelijker te maken. Neem de tool Polygoon en stel de waarde Kanten in op 6, maak een roze zeshoek. Plaats het voor het broodje en laat ons zien hoe we het echt in een bloem kunnen veranderen. Ga naar Effecten> Vervormen & Transformeren> Plooi & Zwellen en verplaats de schuifregelaar om de Bloat kant, in te stellen op 60%. Ga naar Object> Uiterlijk uitvouwen om het effect toe te passen, zodat de bloem bewerkbaar is.

37

38 Stap 8 Gebruik de Ellipse Tool (L) om een paar kleine details aan de bloem toe te voegen. Laten we tot slot een sluier toevoegen om het kapsel af te maken. Maak een lichtroze rechthoek van 85 x 85 px en maak het bovenste gedeelte volledig afgerond met de functie Live Corners en het gereedschap Direct selecteren (A). Nu kunnen we doorgaan naar het lichaam!

39 4. Hoe het lichaam en de jurk van het platte bruidkarakter te tekenen

40 Stap 1 Maak een gele rechthoek van 60 x 105 px voor het lichaam en maak de hoeken volledig afgerond met behulp van het gereedschap Directe selectie (A) en de functie Live Corners. Stap 2 Laten we een paar ankerpunten in het midden van beide zijden van de rechthoek toevoegen met behulp van het gereedschap Ankerpunt toevoegen (+). Selecteer het punt aan de linkerkant en druk op Enter om het venster Verplaatsopties te openen. Stel de horizontale waarde in op 5 px en de verticale waarde op 0 px. Klik op OK om het punt 5 px naar rechts te verplaatsen. Herhaal hetzelfde voor het tegenovergestelde punt, maar breng deze keer een negatieve waarde ( -5 px ) aan om het punt in de tegenovergestelde richting te verplaatsen en een golvende taille te vormen.

41 Stap 3

42 Als u beide punten geselecteerd houdt, klikt u op Geselecteerde ankerpunten omzetten in vloeiend in het bedieningspaneel bovenaan, zodat de randen vloeiender worden. Stap 4 Laten we nu de jurk ontwerpen! Plaats een lichtroze rechthoek over het lichaam, selecteer beide vormen en gebruik het Shape Builder Tool (Shift-M) terwijl je Alt ingedrukt houdt om het overbodige stuk buiten het lichaam te verwijderen. Voeg twee overlappende cirkels voor de buste toe en verenig ze in de Pathfinder. Verwijder de ongewenste delen met behulp van het Shape Builder Tool (Shift-M).

43 Stap 5 Laten we nog twee cirkels (elk 40 x 40 px ) voor de mouwen toevoegen, met een iets donkerdere kleur. En nu moeten we de cirkels snijden om ze in het lichaam te laten passen.

44 We kunnen de vormen gewoon onder het lichaam verplaatsen, maar we hebben deze vormen eigenlijk nodig om bovenop de vorm van het lichaam te blijven in het deelvenster Lagen, omdat deze de bovenste delen van de armen zullen bedekken. Laten we dus de lichaamsvorm, Kopiëren en Plakken aan de voorkant tweemaal selecteren (Control-C> Control-F> Control-F). Selecteer vervolgens de bovenste bodykopie en de rechter sleeve en gebruik de functie Minus- functie van de Pathfinder om de linkerhelft van de cirkel af te snijden. Herhaal hetzelfde voor de linker mouw, met behulp van de tweede kopie van de lichaamsvorm.

45 Stap 6 Laten we nu een lange, gezwollen rok tekenen. Begin met het bevestigen van een rechthoek van 55 x 230 px aan de body. Selecteer het ankerpunt rechtsonder met het gereedschap Direct selecteren (A) en druk op de toets Enter om het venster Verplaatsen te

46 openen. Stel de horizontale waarde in op 80 px en de verticale waarde op 0 px. Klik op OK en verplaats het punt met 80 px naar rechts. Herhaal hetzelfde voor het tegenovergestelde punt door een negatieve waarde toe te passen ( -80 px ), waardoor de rok onderaan breed wordt.

47 Stap 7 Houd de rok geselecteerd en ga naar Effect> Verdraaien> Ardennen. Stel de Vertical Bend- waarde in op 40% en klik op OK. Ga verder met Object> Uiterlijk uitvouwen om het effect toe te passen. Eindig met de rok door twee donkerdere brede strepen aan de onderkant toe te voegen. Stap 8 Laten we een feestelijk bruidsboeket ontwerpen met de bloemen die we al voor het kapsel hebben gemaakt.

48 Maak een groene cirkel van 47 x 47 px en vul deze met witte bloemen en kleine cirkels. Voeg een donkerder groene rechthoek onder het boeket toe, waardoor het onderste gedeelte van de vorm iets breder wordt. Gebruik de Arc Tool of de Pencil Tool (N) om de armen toe te voegen die het boeket vasthouden. Stel de Stroke kleur naar geel, gewicht tot 12 px en Cap naar Round Cap. Plaats de armen onder de mouwen in het deelvenster Lagen.

49

50 Advertentie Stap 9 Daar hebben we het! Ons gelukkige paar is klaar om te trouwen! Leg onze personages naast elkaar en voeg eventuele kleine details toe. Hier heb ik bijvoorbeeld het gereedschap Lijnsegment (\) gebruikt om horizontale lijnen voor de vloer toe te voegen. Hartelijk gefeliciteerd! Onze Flat Wedding-tekens zijn klaar! Ik hoop dat je het leuk vond om deze tutorial te volgen en mooie personages te ontwerpen. Je kunt hun uiterlijk naar eigen inzicht aanpassen en jezelf zelfs samen met je andere helft of iemand van je vrienden en familie op een gestileerde vlakke manier uitbeelden!

51 Bekijk de verscheidenheid aan stellen die we kunnen maken met onze personages en variërend van kapsels, huidskleur en pakken. Bovendien kunnen we zowel heteroseksuele als homoseksuele koppels uitbeelden! Als je wilt ontdekken hoe de personages zijn gemaakt of als je een volledige set wilt krijgen voor je ontwerpen in verschillende formaten (zowel vector als raster), zorg dan dat je deze 9 bruidsparen met platte karakters op GraphicRiver bekijkt.

52