Så här skapar du platta brud & brudgummen i Adobe Illustrator

Vad du ska skapa

I denna handledning designar vi stiliserade plana tecken, som visar ett lyckligt par att gifta sig. Vi kommer att modifiera många grundläggande geometriska former, tillämpa olika varpeffekter och använda praktiska verktyg och funktioner i Adobe Illustrator för att få karaktärerna att bli snygga och livliga.

I slutet av denna handledning kan du utforma en brud och en brudgum i fin stil och ändra sitt utseende till dina smakfulla, varierande frisyrer, kostymer, hudfärg och andra detaljer. Dessutom kan vi kombinera karaktärerna, som visar både heterosexuella och samma kön bröllopspar!

Om du vill titta närmare på hur varje karaktär utformades eller användes för din design av bröllopsinbjudningar, vykort eller annat, se till att du har kolla in dessa 9 bröllopspar med platta tecken på GraphicRiver för att upptäcka alla de många kombinationer av lyckliga par och alla deras utseende!

Låt oss börja!

1. Hur man skapar ansiktet på en platt brudgums tecken

Steg 1

Börja med att göra huvudet med hjälp av Rektangelverktyg (M) eller den Rundad rektangelverktyg, som du hittar i samma rullgardinsmeny av Verktyg panel. Göra en 65 x 80 px gul form och ställa in Hörnradie till 20 px. Vi kan göra detta genom att välja vår form med Direktmarkeringsverktyg (A) och sedan antingen använda Levande hörn funktionen (genom att dra de små cirkelmarkörerna) eller från kontrollpanelen ovanpå.

Steg 2

Låt oss lägga ögonen. Ta Ellipsverktyg (L), håll ner Flytta och gör en 6 x 6 px brun cirkel. Välj den med Urvalsverktyg (V), håll Alt-Shift och dra till sidan, skapa en kopia för det andra ögat.

För att hålla allt organiserat och inriktat, välj både ögon och Grupp (Control-G) dem. Välj sedan både ögongruppen och huvudet och klicka på huvudet igen för att göra det a Nyckelobjekt. Du kommer att märka en tjockare urvalskisse runt huvudet, vilket indikerar att alla andra objekt nu kommer att anpassas till Nyckelobjekt. Låt oss öppna Justera panel och klicka Horisontell inriktning Center för att få ögonen perfekt centrerad.

Håll ögonen närmare den nedre halvan av ansiktet, bilda en stor panna.

Steg 3

Låt oss nu skildra ögonbrynen för att ge ansiktet ett livligt uttryck. Använd Rundad rektangelverktyg att göra en 7 x 3 px blå form med helt rundade hörn. 

Håll pennan vald, dubbelklicka de Rotera verktyg (R) och ställa in Vinkel värde till 15 grader. Klick ok att tillämpa ändringarna. 

Dubbelklicka de Reflekteringsverktyg (O). Vänd panna över Vertikal axel och klicka Kopia för att skapa en nyfönstret.

Steg 4

Ta Ellipsverktyg (L) och låt oss göra en näsa. Håll Flytta och skapa en 10 x 10 px gul-orange cirkel. Välj dess främre ankarpunkt med Direktmarkeringsverktyg (A), håll Flytta och dra upp punkten och skapa en droppliknande form för näsan.

Kom ihåg att använda Justera panel för att centrera näsan mot ansiktet, med huvudformen som en Nyckelobjekt.

Steg 5

Nu bildar vi en bred, leende mun med hjälp av Rektangelverktyg (M). Skapa en 25 x 10 px vit form. Välj dess nedre ankarpunkter med Direktmarkeringsverktyg och dra cirkelmarkörerna på Levande hörn, gör hörnen 6 px avrundad.

Steg 6

Byt till Rundad rektangelverktyg och låt oss rita örat. Göra en 10 x 20 px formen av en något mörkare färg än ansiktet. Håll Alt-Shift och dra örat till höger, skapa en kopia för motsatt sida av huvudet.

Slutligen, välj båda öronen, Grupp (Control-G) dem och högerklicka på> Ordna> Skicka till Tillbaka eller bara Skift-Control- [ för att placera öronen bakom huvudet.

Steg 7

Låt oss nu stila en snygg frisör för vår brudgum. Arm dig med Rektangelverktyg (M) och skapa en 85 x 50 px blå form. Välj både rektangeln och huvudformen och Horisontell Justering Höger, använder huvudet som Nyckelobjekt att knäppa håret till höger om huvudet.

Ta Anchor Point Tool (Shift-C), håll Flytta, och dra och placera handtagen på den övre vänstra ankarpunkten vertikalt, som visas på skärmbilden nedan.

Låt oss nu välja den motsatta (högra) ankarpunkten med Direktmarkeringsverktyg (A) och dra den Live Corner markör för att göra denna del av formen riktigt slät och rundad.

Upprepa detsamma i det nedre vänstra hörnet, vilket gör det rundat för att skapa en elegant frans.

Steg 8

Vi kan fixa hårformen med hjälp av Direktmarkeringsverktyg (A) medan du drar ankarhandtag på toppen av håret, vilket gör det platt för att bevara den övergripande geometriska stilen med raka linjer.

Steg 9

Låt oss lägga till en nacke innan vi fortsätter att bygga kroppen. Använd Rundad rektangelverktyg att skapa en 20 x 35 px formen med fulla rundade hörn. Tryck Skift-Control- [ till Skicka formen att backa, under huvudet.

2. Hur man utformar karaktären hos den platta brudgummen

Steg 1

Ta Rektangelverktyg (M) och låt oss börja dra kroppen från skjortan. Gör en 80 x 150 px vit form, välj dess nedre ankarpunkter med Direktmarkeringsverktyg (A) och gör hörnen fullständigt rundade och ställ in Hörnradie till 40 px i kontrollpanelen ovanpå.

Ta Lägg till Anchor Point Tool (+), Placera en ny ankarpunkt i mitten av toppkanten och dra upp den med hjälp av Direktmarkeringsverktyg (A).

Steg 2

Låt oss bilda överdelen av byxorna. Placera en mörkgrå rektangel över botten av kroppen, som visas på bilden nedan.

Välj både kroppsformen och rektangeln och växla till Formverktygsverktyg (Shift-M). Håll Alt och klicka på rektangelstycket utanför kroppens kanter. På så sätt kan vi ta bort oönskade delar av formerna.

Lägg ett par blå ränder ovanpå byxorna, med samma teknik med Formverktygsverktyg (Shift-M) att ta bort de oönskade bitarna utanför kroppsformen.

Steg 3

Låt oss gå vidare till brudgummens jacka. Skapa en grå rektangel (med en något ljusare färg än byxorna) och låt den täcka den vänstra delen av karaktärens kropp. Välj både rektangeln och kroppsformen och radera den onödiga delen med hjälp av Formverktygsverktyg (Shift-M).

Steg 4

Välj rektangelns nedre högra ankarpunkt med Direktmarkeringsverktyg (A) och gör den rundad.

Låt oss nu lägga till en andra halva av jackan. Välj den skapade halvan och dubbelklicka de Reflekteringsverktyg (O) att spegla formen över Vertikal axel och klicka Kopia.

Vi måste Justera den skapade delen till motsatt sida av kroppen. För att göra detta exakt och enkelt, välj både den speglade delen och kroppen och klicka på kroppen igen så att den blir en Nyckelobjekt. Gå till Justera panel och klicka Horisontell Justera Vänster att klämma på jackan till vänster kant av kroppen. Lätt som det!

Steg 5

Låt oss lägga till lapels i kostym. Ta tag i Polygon Tool och ett-klick var som helst på Artboard för att öppna popup-alternativfönstret. Ställ in Sidor värde till 3 och rita en triangel. Välj dess sidoförankringspunkt med Direktmarkeringsverktyg (A) och krympa formen, vilket gör den mycket smalare.

Fäst lapeln till vänster hälften av kostymen och använd Justera funktion till Horisontell Justering Höger och Vertikaljustera topp, använder kostym som Nyckelobjekt för att snäppa omslaget mot kanten.

Låt oss lägga till en skugga under lapeln. Kopia lapel och Klistra in bakåt (Control-C> Control-B). Flytta sidans förankringspunkt på bottenkopian nedåt och till vänster, gör formen lite bredare och gör den Fylla Färga något mörkare också.

Grupp (Control-G) lapel och dess skugga och använd Reflekteringsverktyg (O) för att vända lapelgruppen mot den motsatta halvan av kostymen och klistra fast den i kanten med hjälp av Justera panel.

Steg 6

Låt oss skildra en slips för att göra vår brudgum ser elegant ut. Använd Rundad rektangelverktyg att skapa en 10 x 15 px forma med 2 px hörn Radius och fyll det med samma blå färg som håret. Använd Eyedropper Tool (I) att välja färgen från en form och applicera den på den andra.

Fäst a 10 x 12 px rektangel med en något mörkare blå färg till vänster kant och använd Direktmarkeringsverktyg (A) för att välja de övre och nedre vänstra förankringspunkterna och flytta dem i motsatta riktningar med hjälp av piltangenter för att göra formen bredare.  

Använd Reflekteringsverktyg (O) för att lägga till en andra hälften av bågen.

Steg 7

Använd Rektangelverktyg (M) och den Polygon Tool att lägga till en liten ficka med en blå triangulär näsduk inuti.

Steg 8

Lägg till två runda mörkgråa knappar till jackan och låt oss fortsätta till våra karams armar. 

Använd Arc Tool (du kan hitta den i samma meny som Linjesegmentverktyg (\)) eller den Penna verktyg (N) att dra en jämn välvd linje för höger arm.

Ställ in Stroke färg till samma färgton som vi har för ansiktet. Öppna Stroke panel och ställ in Vikt till 20 pt, gör linjen riktigt tjock. Ställ in Keps till Round Cap för att göra spetsarna av linjen helt rundade.

Hitta en ankarpunkt i mitten av armen eller, om du inte har en, skapa den med hjälp av Lägg till Anchor Point Tool (+). Välj den med Direktmarkeringsverktyg (A) och gör ankarhandtagen lite kortare för att böja armbågen på ett mer realistiskt sätt.

Lägg till ett kort slag för tummen, ställ in Vikt till 10 pt.

Steg 9

Låt oss lägga till en ärm i jackan. Välj arm med Urvalsverktyg (V), Kopia det och Klistra in på framsidan (Control-C> Control-F). Ändra Stroke Färg till samma mörkgrå som vi har för jackan. Byt ut Keps till Butt Cap, gör tipsen rakt. Flytta armens övre och nedre ankarpunkter tillsammans med hylsan så att de passar på jackans axel.

Lägg till och ta bort ankarpunkterna i linjens tips för att göra strokena kortare, om det behövs, men försök att hålla båda linjerna i kombination med varandra, så att den gula stroken ligger rätt under gråslaget.

Steg 10

Lägg till den andra armen med samma teknik, men denna gång ändrar du sin position som visas på bilden nedan.

Steg 11

Låt oss nu rita benen. Använd Linjesegmentverktyg (\) eller den Penverktyg (P) medan du håller nere Flytta att göra en rak vertikal linje. Applicera en mörkgrå färg för Stroke och ställa in Vikt till 20 pt och Keps till Round Cap, gör en tjock linje.

Steg 12

Ta Rektangelverktyg (M) och gör en 50 x 16 px mörkgrå form för stöveln. Välj sin övre vänstra ankarpunkt med Direktmarkeringsverktyg (A) och gör hörnet helt rundat och ställ in Hörnradie till 16 px.

Steg 13

Använd Arc Tool för att skapa en jämn välvd linje till det andra benet, vilket gör att det ser lite böjt ut.

Ser ut som vår brudgum är klar! Låt oss gå vidare till bruden!

3. Hur man ritar huvudet på en platt brudtecken

Steg 1

Låt oss börja med att bilda huvudet från a 55 x 80 px gul rektangel. Välj båda toppankeringspunkterna och gör hörnen avrundade, ställ in Hörnradie till 20 px.

Gör botten av rektangeln, som är för hakan, helt rundad.

Steg 2

Välj nedre ankarpunkten i mitten av hakan med Direktmarkeringsverktyg (A) och klicka Konvertera valda ankarpunkter till hörn i Konvertera menyn på kontrollpanelen på toppen för att göra hakan spetsig.

Vi kan också dra hakpunkten upp lite för att göra ansiktet kortare.

Steg 3

Lägg ögonen, näsan och nacken på samma sätt som vi gjorde för vår tidigare karaktär med den enda skillnaden att vi också behöver dra ögonfransar. Använd Arc Tool att göra en liten båge med 1,5 pt slagvikt och Round Cap.

Steg 4

Låt oss lägga till en leende mun. Fortsätt använda Arc Tool att göra en välvd röd linje med 1,5 pt Vikt och Round Cap.

Ta Ellipsverktyg (L) och gör en 15 x 6 px ljusrosa form för läpparna. Skicka bakåt (Control- [), under stroke.

Välj båda sidorankeringspunkterna i ellipsen och flytta dem några pixlar upp med hjälp av Upp Pil nyckeln till att läpparna passar den röda stroke.

Steg 5

Lägg till två rosa oval på kinderna för rodnad och låt oss gå vidare till frisören. 

Placera två bruna ovaler över pannan och låt dem överlappa varandra, vilket visas i bilden nedan. Välj både ovala och Förena dem i Stigfinnare, slå samman dem i en enda form.

Nu måste vi ta bort den oönskade delen av håret, som ligger utanför huvudet. Välj både hårformen och huvudet och använd Formverktygsverktyg (Shift-M) medan du håller Alt att klicka och ta bort biten.

Där har vi det! En elegant frisyr är klar!

Steg 6

Göra en 40 x 30 px ellipse för bulle och Skicka till tillbaka (Shift-Control- [), under huvudet. Gör färgen lite mörkare än hårets övergripande färg.

Lägg till två 5 x 5 px vita cirklar för pärlörhängen. Använd Penna verktyg (N) att rita en välvd linje längst ner i halsen för halsbandet och låt oss se hur vi kan lägga pärlor här med några klick. 

Applicera vit färg för Stroke och öppna Stroke panel. Ställ in Vikt till 5 px, Keps till Round Cap och kryssa på Streckad linje checkbox. Ställ in streckvärdet till 0 px och luckans värde till 4,5. På så sätt bildar vi ett fint halsband med runda pärlor. Om du råkar ha några luckor mellan pärlorna, försök att justera gap värde, vilket eliminerar de oönskade utrymmena.

Steg 7

Nu lägger vi till blommor för att göra frisören mer festlig. Ta Polygon Tool och ställa in Sidor värde till 6, skapa en rosa sexkant. Placera den framför bullen, och låt oss se hur vi faktiskt kan göra det till en blomma. Gå till Effekter> Distort & Transform> Pucker & Bloat och flytta skjutreglaget till Svälla sida, ställ in den 60%.

Gå till Objekt> Expand Utseende För att tillämpa effekten, gör blomman redigerbar.

Steg 8

Använd Ellipsverktyg (L) att lägga till några mindre detaljer till blomman.

Till sist, låt oss lägga till ett slöja för att avsluta frisören. Skapa en 85 x 85 px ljusrosa rektangel och göra sin övre del fullständigt rundad genom att använda Levande hörn funktionen och Direktmarkeringsverktyg (A).

Nu kan vi gå vidare till kroppen!

4. Hur tecknar du den platta brudskaraktärens kropp och klänning

Steg 1

Skapa en 60 x 105 px gul rektangel för kroppen och gör sina hörn helt rundade med hjälp av Direktmarkeringsverktyg (A) och den Levande hörn funktion.

Steg 2

Låt oss lägga till ett par ankarpunkter i mitten av rektangelns båda sidor med hjälp av Lägg till Anchor Point Tool (+). Välj punkten till vänster och tryck på Stiga på att öppna Flytta alternativfönster.

Ställ in Horisontell värde till 5 px och den Vertikal värde till 0 px. Klick ok att flytta punkten 5 px till höger.

Upprepa samma för motsatt punkt, men den här gången gäller ett negativt värde (-5 px) för att flytta punkten i motsatt riktning, bilda en vågig midja.

Steg 3

Om du väljer båda punkterna klickar du på Konvertera valda ankarpunkter så att de släpper i kontrollpanelen ovanpå, vilket gör kanterna mjukare.

Steg 4

Nu ska vi utforma klänningen!

Placera en ljusrosa rektangel över kroppen, välj båda formerna och använd Formverktygsverktyg (Shift-M) medan du håller Alt att ta bort det onödiga stycket utanför kroppen.

Lägg till två överlappande cirklar för bysten och Förena dem i Stigfinnare. Ta bort de oönskade delarna med hjälp av Formverktygsverktyg (Shift-M).

Steg 5

Låt oss lägga till ytterligare två cirklar (40 x 40 px var och en) för ärmarna, applicera en något mörkare färg. Och nu måste vi klippa cirklarna så att de passar kroppen.

Vi kunde bara flytta formerna under kroppen, men vi behöver faktiskt dessa former att förbli ovanpå kroppsformen i Skikten panel, eftersom de kommer att täcka de övre delarna av armarna.

Så, låt oss välja kroppsformen, Kopia och Klistra in på framsidan två gånger (Control-C> Control-F> Control-F). Välj sedan huvudkroppen och höger ärm och använd Minus Front funktion av Stigfinnare att skära av den vänstra halvan av cirkeln.

Upprepa samma för vänster ärm, med hjälp av den andra kopian av kroppsformen.

Steg 6

Låt oss nu rita en lång puffig kjol. Börja med att bifoga en 55 x 230 px rektangel till kroppen. Välj dess nedre högra ankarpunkt med Direktmarkeringsverktyg (A) och slå på Stiga på nyckel för att öppna Flytta fönster. Ställ in Horisontell värde till 80 px och den Vertikal värde till 0 px. Klick ok, flytta punkten 80 px till höger.

Upprepa samma för motsatt punkt, tillämpa ett negativt värde (-80 px), vilket gör kjolen bred i botten.

Steg 7

Håll kjolen väljs, gå till Effekt> Warp> Bulge. Ställ in Vertikal böjning värde till 40% och klicka ok. Fortsätt med att använda Objekt> Expand Utseende att tillämpa effekten.

Avsluta med kjolen genom att lägga till två mörkare breda ränder i botten.

Steg 8

Låt oss utforma en festlig brudbukett med de blommor som vi redan har skapat för frisören.

Göra en 47 x 47 px grön cirkel och fyll den med vita blommor och små cirklar. Lägg en mörkare grön rektangel under buketten, vilket gör den undre delen av formen något bredare.

Använd Arc Tool eller den Penna verktyg (N) att lägga till armarna som håller buketten. Ställ in Stroke färg till gul, Vikt till 12 px och Keps till Round Cap.

Placera armarna under ärmarna i Skikten panel.

Steg 9

Där har vi det! Vårt lyckliga par är redo att gifta sig! Sätt våra tecken bredvid varandra och lägg till några mindre detaljer till ditt tycke. Till exempel, här har jag använt Linjesegmentverktyg (\) att lägga till några vågräta linjer för golvet.

grattis! Våra platta bröllop karaktärer är färdiga!

Jag hoppas att du har haft att följa denna handledning och utforma fancy karaktärer. Du kan faktiskt ändra sitt utseende efter eget tycke och till och med skildra dig själv tillsammans med din andra hälsa eller någon från dina vänner och familj på ett stiliserat platt sätt!

Ta en titt på de olika par som vi kan skapa med våra karaktärer och variera deras frisyrer, hudfärg och kostymer. Dessutom kan vi skildra både heterosexuella och samma sexiga lyckliga par! Om du vill upptäcka hur tecknen gjordes eller om du vill få en komplett uppsättning för dina mönster i olika format (både vektor och raster), se till att du kolla in dessa 9 bröllopspar med platta tecken på GraphicRiver.