Hvordan lage flate brud- og brudgomskarakterer i Adobe Illustrator

Hva du skal skape

I denne opplæringen skal vi designe stiliserte flate tegn, som viser et godt par å bli gift. Vi vil modifisere mange grunnleggende geometriske former, bruke ulike warp-effekter og bruke praktiske verktøy og funksjoner i Adobe Illustrator for å få karakterene til å se fancy og livlig ut..

Ved slutten av denne opplæringen vil du kunne tegne en brud og en brudgom i fancy flat stil og endre utseendet til din smak, varierende frisyrer, drakter, hudfarge og andre detaljer. Dessuten kan vi kombinere tegnene, som skildrer både heteroseksuelle og same-sex bryllupspar!

Hvis du vil se nærmere på hvordan hvert tegn ble designet eller for å bruke det til design av bryllup invitasjoner, postkort eller andre, må du sjekke ut disse 9 bryllupspar med flate tegn på GraphicRiver for å oppdage alle de mange kombinasjoner av glade par og alle de forskjellige utseendet deres!

La oss begynne!

1. Hvordan lage ansiktet til en flat brudgomskarakter

Trinn 1

Start med å gjøre hodet ved hjelp av Rektangelverktøy (M) eller Avrundet rektangelverktøy, som du finner i samme rullegardinmeny av Verktøy panel. Lage en 65 x 80 px gul form og sett Hjørne Radius til 20 px. Vi kan gjøre dette ved å velge vår form med Direkte utvalgsverktøy (A) og deretter enten ved hjelp av Levende hjørner funksjon (ved å trekke de små sirkelmarkørene) eller fra kontrollpanelet på toppen.

Steg 2

La oss legge til øynene. Ta Ellipseverktøyet (L), holde nede Skifte og lag en 6 x 6 px brun sirkel. Velg den med Utvalgsverktøy (V), holde Alt-Shift og dra til siden, skape en kopi for det andre øyet.

For å holde alt organisert og justert, velg både øyne og Gruppe (Control-G) dem. Velg deretter både øyegruppen og hodet og klikk på hodet igjen for å gjøre det til Nøkkelobjekt. Du vil merke et tykkere utvalgsoversikt rundt hodet, noe som indikerer at alle andre gjenstander nå skal justeres til Nøkkelobjekt. La oss åpne Rette inn panel og klikk Horisontal justeringssenter å få øynene perfekt sentrert.

Hold øynene nærmere nederste halvdel av ansiktet og danner et stort panne.

Trinn 3

La oss skildre øyenbrynene for å gi ansiktet et livlig uttrykk. Bruke Avrundet rektangelverktøy å lage en 7 x 3 px blå form med helt avrundede hjørner. 

Holde pannen valgt, Dobbeltklikk de Rotate Tool (R) og sett Angle verdi til 15 grader. Klikk OK å bruke endringene. 

Dobbeltklikk de Reflekteringsverktøy (O). Vend pannen over Vertikal akse og klikk Kopiere for å lage en ny panne.

Trinn 4

Ta Ellipseverktøyet (L) og la oss lage en nese. Holde Skifte og opprett en 10 x 10 px gulaktig oransje sirkel. Velg det øverste ankerpunktet med Direkte utvalgsverktøy (A), holde Skifte og dra punktet opp, og skape en dråpeaktig form for nesen.

Husk å bruke Rette inn panel for å snu nesen til ansiktet, ved hjelp av hodestrukturen som en Nøkkelobjekt.

Trinn 5

Nå skal vi danne en bred, smilende munn med Rektangelverktøy (M). Lage en 25 x 10 px hvit form. Velg sine nedre ankerpunkter med Direkte utvalgsverktøy og trekk sirkelmarkørene til Levende hjørner, gjør hjørnene 6 px avrundet.

Trinn 6

Bytt til Avrundet rektangelverktøy og la oss trekke øret. Lage en 10 x 20 px form av en litt mørkere farge enn ansiktet. Holde Alt-Shift og dra øret til høyre, og opprett en kopi til motsatt side av hodet.

Til slutt velger du begge ører, Gruppe (Control-G) dem og høyreklikk> Ordne> Send til Tilbake eller bare Shift-Control-[ å plassere ørene bak hodet.

Trinn 7

La oss stil en fancy frisyre til vår brudgom. Beveg deg med Rektangelverktøy (M) og opprett en 85 x 50 px blå form. Velg både rektangel og hodeform og Horisontal Juster Høyre, bruker hodet som Nøkkelobjekt å stikke håret til høyre på hodet.

Ta Ankerpunktsverktøy (Shift-C), holde Skifte, og trekk og plasser håndtakene til det øverste venstre ankerpunktet vertikalt, som vist på skjermbildet under.

La oss nå velge det motsatte (øverste høyre) ankerpunktet med Direkte utvalgsverktøy (A) og trekk den Live Corner markør for å gjøre denne delen av formen veldig jevn og avrundet.

Gjenta det samme i nederste venstre hjørne, gjør det avrundet for å skape en stilig frynse.

Trinn 8

Vi kan fikse håret, ved hjelp av Direkte utvalgsverktøy (A) mens du drar ankerhåndtakene på toppen av håret, gjør det flatt for å bevare den generelle geometriske stilen med rette linjer.

Trinn 9

La oss legge til en nakke før vi fortsetter å bygge kroppen. Bruke Avrundet rektangelverktøy å lage en 20 x 35 px form med fullrundede hjørner. trykk Shift-Control-[ til Sende formen tilbake, under hodet.

2. Hvordan utforme kroppen av den flate brudgommen karakteren

Trinn 1

Ta Rektangelverktøy (M) og la oss begynne å tegne kroppen fra skjorten. Lag en 80 x 150 px hvit form, velg det nedre ankerpunktet med Direkte utvalgsverktøy (A) og gjør hjørnene helt avrundet, sett inn Hjørne Radius til 40 px i kontrollpanelet på toppen.

Ta Legg til ankerpunktsverktøy (+), Sett et nytt ankerpunkt i midten av toppkanten, og dra den opp med Direkte utvalgsverktøy (A).

Steg 2

La oss danne den øverste delen av buksene. Legg et mørkegrå rektangel over bunnen av kroppen, som vist på bildet nedenfor.

Velg både kroppsform og rektangel og bytt til Form Builder Tool (Shift-M). Holde alt og klikk stykket av rektangelet utenfor kanten av kroppen. På denne måten kan vi slette uønskede deler av figurene.

Legg til et par blå striper på buksene, med samme teknikk med Form Builder Tool (Shift-M) å slette de uønskede brikkene utenfor kroppsformen.

Trinn 3

La oss gå videre til brudgommen jakke. Lag et grått rektangel (med en litt lysere farge enn buksene) og la den dekke den venstre delen av karossens kropp. Velg både rektangel og kroppsform og slett den unødvendige delen ved å bruke Form Builder Tool (Shift-M).

Trinn 4

Velg det nederste høyre ankerpunktet i rektangelet med Direkte utvalgsverktøy (A) og gjør det avrundet.

La oss legge til en andre halvdel av jakken. Velg den opprettede halvdelen og Dobbeltklikk de Reflekteringsverktøy (O) å speile formen over Vertikal akse og klikk Kopiere.

Vi må Rette inn den opprettede delen til motsatt side av kroppen. For å gjøre dette nøyaktig og enkelt, velg både speilet og kroppen og klikk på kroppsformen igjen for å gjøre det til en Nøkkelobjekt. Hodet til Rette inn panel og klikk Horisontal Juster Venstre å kle jakken til venstre kant av kroppen. Lett som det!

Trinn 5

La oss legge lapels til drakten. Ta tak i Polygonverktøy og enkeltklikk hvor som helst på Artboard for å åpne popup-vinduet. Sett Sider verdi til 3 og trekk en trekant. Velg sittankerpunktet med Direkte utvalgsverktøy (A) og krympe formen, noe som gjør den mye smalere.

Fest lapelen til venstre halvparten av drakten og bruk Rette inn funksjon til Horisontal Juster Høyre og Vertikal Juster Topp, bruker dressen som Nøkkelobjekt for å snappe lapelen til kanten.

La oss legge til en skygge under lapelen. Kopiere lapel og Lim inn i baksiden (Control-C> Control-B). Flytt sideankerpunktet til bunnen av kopien ned og til venstre, slik at formen blir litt bredere, og gjør den Fylle farge noe mørkere også.

Gruppe (Control-G) lapelen og dens skygge og bruk Reflekteringsverktøy (O) å vende lapelgruppen mot den motsatte halvparten av drakten og smekk den til kanten, ved hjelp av Rette inn panel.

Trinn 6

La oss skildre en bue for å gjøre vår brudgom se elegant ut. Bruke Avrundet rektangelverktøy å lage en 10 x 15 px form med 2 px hjørne radius og fyll den med samme blå farge som håret. Bruke Eyedropper Tool (I) å velge fargen fra en form og bruke den til den andre.

Legg ved a 10 x 12 px rektangel med en litt mørkere blå farge til venstre kant og bruk Direkte utvalgsverktøy (A) for å velge de øverste og nedre venstre ankerpunktene og flytte dem i motsatt retning ved hjelp av piltastene for å gjøre formen bredere.  

Bruke Reflekteringsverktøy (O) å legge til en andre halvdel av sløyfen.

Trinn 7

Bruke Rektangelverktøy (M) og Polygonverktøy å legge til en liten lomme med en blå trekantet lommetørkle inni.

Trinn 8

Legg til to runde mørkegrå knapper til jakken, og la oss fortsette til armene til vår karakter. 

Bruke Arc Tool (du finner den i samme meny som Linjesegmentverktøy (\)) eller Blyantverktøy (N) å tegne en glatt buet linje til høyre arm.

Sett Stroke farge til samme fargetone som vi har for ansiktet. Åpne Stroke panelet og sett inn Vekt til 20 pt, gjør linjen veldig tykk. Sett Lokk til Round Cap for å få tipsene på linjen helt avrundet.

Finn et ankerpunkt i midten av armen, eller hvis du ikke har en, opprett den ved hjelp av Legg til ankerpunktsverktøy (+). Velg den med Direkte utvalgsverktøy (A) og gjør ankerhåndtaket litt kortere for å bøye albuen på en mer realistisk måte.

Legg til et kort slag for tommelen, sett inn Vekt til 10 pt.

Trinn 9

La oss legge til en erme på jakken. Velg armen med Utvalgsverktøy (V), Kopiere det og Lim inn foran (Control-C> Control-F). Endre Stroke farge til samme mørkegrå som vi har for jakken. Bytt Lokk til Butt Cap, gjør tipsene rett. Flytt topp- og bunnforankringspunkter i armen sammen med hylsen for å få dem til å passe på skulderen på jakken.

Legg til og fjern ankerpunktene på linjespissene for å gjøre slagene kortere om nødvendig, men prøv å holde begge linjene kombinert med hverandre, slik at den gule streken er rett under det grå slag.

Trinn 10

Legg den andre armen med samme teknikk, men denne gangen endrer du posisjonen som vist på bildet nedenfor.

Trinn 11

La oss nå trekke bena. Bruke Linjesegmentverktøy (\) eller Pennverktøyet (P) mens du holder nede Skifte å lage en rett vertikal linje. Påfør en mørkegrå farge for Stroke og sett Vekt til 20 pt og Lokk til Round Cap, gjør en tykk linje.

Trinn 12

Ta Rektangelverktøy (M) og lag en 50 x 16 px mørkegrå form for støvelen. Velg det øverste venstre ankerpunktet med Direkte utvalgsverktøy (A) og gjør hjørnet helt avrundet, sett inn Hjørne Radius til 16 px.

Trinn 13

Bruke Arc Tool å lage en jevn buet linje til det andre beinet, slik at det ser litt bøyd ut.

Ser ut som vår brudgom er ferdig! La oss gå videre til bruden!

3. Hvordan tegne lederen av en flat brud karakter

Trinn 1

La oss begynne å danne hodet fra a 55 x 80 px gult rektangel. Velg begge toppankerpunktene og gjør hjørner avrundet, sett inn Hjørne Radius til 20 px.

Gjør bunnen av rektangelet, som er for haken, helt avrundet.

Steg 2

Velg nederste ankerpunkt i midten av haken med Direkte utvalgsverktøy (A) og klikk Konverter valgte markeringspunkter til hjørnet i Konvertere meny på kontrollpanelet på toppen for å gjøre haken peket.

Vi kan også dra haken pek opp litt for å gjøre ansiktet kortere.

Trinn 3

Legg øynene, nesen og nakken på samme måte som vi gjorde for vår forrige karakter med den eneste forskjellen at vi også trenger å tegne øyevipper. Bruke Arc Tool å lage en liten bu med 1,5 pt slagvekt og Round Cap.

Trinn 4

La oss legge til en smilende munn. Fortsett å bruke Arc Tool å lage en buet rød linje med 1,5 pt vekt og Round Cap.

Ta Ellipseverktøyet (L) og lag en 15 x 6 px lysrosa form for leppene. Send bakover (Control- [), under streken.

Velg begge sidene ankerpunkter i ellipsen og flytt dem noen piksler opp med Opp Pil nøkkel for å få leppene til å passe til det røde slaget.

Trinn 5

Legg til to rosa ovaler på kinnene for rødmen, og la oss gå videre til frisøren. 

Legg to brune ovaler over pannen og la dem overlappe, som vist på bildet nedenfor. Velg begge ovaler og Forene dem i Pathfinder, slå dem sammen i en enkelt form.

Nå må vi slette den uønskede delen av håret, som ligger utenfor hodet. Velg både håret og hodet og bruk Form Builder Tool (Shift-M) mens du holder alt å klikke og slette brikken.

Der har vi det! En elegant frisør er klar!

Trinn 6

Lage en 40 x 30 px ellipse for bun og Send til Tilbake (Shift-Control- [), under hodet. Gjør fargen litt mørkere enn hårets generelle farge.

Legg til to 5 x 5 px hvite sirkler for perleørringene. Bruke Blyantverktøy (N) å tegne en buet linje nederst på halsen for kjedet, og la oss se hvordan vi kan legge perler her med noen få klikk. 

Påfør hvit farge for Stroke og åpne Stroke panel. Sett Vekt til 5 px, Lokk til Round Cap og kryss av Strekket linje boksen. Still inn dash-verdien til 0 px og gapet til 4.5. På denne måten danner vi et fint kjede med runde perler. Hvis du har noen hull mellom perlene, prøv å justere mellomrom verdi, og dermed eliminere uønskede mellomrom.

Trinn 7

Nå legger vi til blomster for å gjøre frisyren mer festlig. Ta Polygonverktøy og sett Sider verdi til 6, skaper en rosa sekskant. Plasser den foran bunken, og la oss se hvordan vi faktisk kan gjøre det til en blomst. Gå til Effekter> Distort & Transform> Pucker & Bloat og flytt glidebryteren til Oppblåst side, sette den til 60%.

Gå til Objekt> Utvid Utseende For å bruke effekten, gjør blomsten redigerbar.

Trinn 8

Bruke Ellipseverktøyet (L) å legge til noen mindre detaljer til blomsten.

Til slutt, la oss legge til et slør for å avslutte frisøren. Lag en 85 x 85 px lys-rosa rektangel og gjøre toppdelen fullstendig avrundet ved å bruke Levende hjørner funksjon og Direkte utvalgsverktøy (A).

Nå kan vi gå videre til kroppen!

4. Hvordan tegne kroppen og kjole til den flate brudekarakteren

Trinn 1

Lage en 60 x 105 px gult rektangel for kroppen og gjøre hjørnene helt avrundet, ved hjelp av Direkte utvalgsverktøy (A) og Levende hjørner trekk.

Steg 2

La oss legge til et par ankerpunkter midt på begge sider av rektangelet ved hjelp av Legg til ankerpunktsverktøy (+). Velg punktet til venstre og trykk Tast inn å åpne Bevege seg alternativer vindu.

Sett Horisontal verdi til 5 px og vertikal verdi til 0 px. Klikk OK å flytte punktet 5 px til høyre.

Gjenta det samme for motsatt punkt, men denne gangen gjelder en negativ verdi (-5 px) for å bevege punktet i motsatt retning, danner en bølgete midje.

Trinn 3

Hvis du holder begge punktene valgt, klikker du Konverter valgte markeringspunkter til jevn i kontrollpanelet på toppen, gjør kantene jevnere.

Trinn 4

La oss nå utforme kjolen!

Sett et lysrosa rektangel over kroppen, velg begge figurene og bruk Form Builder Tool (Shift-M) mens du holder alt å slette unødvendig brikke utenfor kroppen.

Legg til to overlappende sirkler for bysten og Forene dem i Pathfinder. Slett uønskede deler ved å bruke Form Builder Tool (Shift-M).

Trinn 5

La oss legge til to flere sirkler (40 x 40 px hver) til ermene, og bruker en litt mørkere farge. Og nå må vi kutte sirklene slik at de passer til kroppen.

Vi kunne bare flytte formene under kroppen, men vi trenger faktisk disse figurene for å forbli på toppen av kroppsformen i lag panel, da de vil dekke de øverste delene av armene.

Så, la oss velge kroppsformen, Kopiere og Lim inn foran to ganger (Control-C> Control-F> Control-F). Deretter velger du topptekstkopien og høyre ermet og bruk Minus Front funksjon av Pathfinder å kutte av den venstre halvdelen av sirkelen.

Gjenta det samme til venstre ermet, ved hjelp av den andre kopien av kroppsformen.

Trinn 6

La oss nå tegne en lang puffy skjørt. Begynn ved å legge ved en 55 x 230 px rektangel til kroppen. Velg nederste høyre ankerpunkt med Direkte utvalgsverktøy (A) og treffer Tast inn nøkkel for å åpne Bevege seg vindu. Sett Horisontal verdi til 80 px og vertikal verdi til 0 px. Klikk OK, flytter punktet 80 px til høyre.

Gjenta det samme for motsatt punkt, og bruk en negativ verdi (-80 px), slik at skjørtet er bredt nederst.

Trinn 7

Holde skjørtet valgt, gå til Effekt> Warp> Bulge. Sett Vertikal Bend verdi til 40% og klikk OK. Fortsett med å bruke Objekt> Utvid Utseende å bruke effekten.

Avslutt med skjørtet ved å legge to mørkere brede striper i bunnen.

Trinn 8

La oss designe en festlig brudebukett med blomstene som vi allerede har laget for frisøren.

Lage en 47 x 47 px grønn sirkel og fyll den med hvite blomster og små sirkler. Legg til et mørkere grønt rektangel under buketten, noe som gjør den nederste delen av formen litt bredere.

Bruke Arc Tool eller Blyantverktøy (N) å legge armer som holder buketten. Sett Stroke farge til gul, Vekt til 12 px og Lokk til Round Cap.

Plasser armene under ermene i lag panel.

Trinn 9

Der har vi det! Vårt lykkelige par er klar til å bli gift! Sett våre tegn ved siden av hverandre og legg til noen mindre detaljer etter eget ønske. For eksempel, her har jeg brukt Linjesegmentverktøy (\) å legge til noen horisontale linjer for gulvet.

Gratulerer! Våre flate bryllupskarakterer er ferdige!

Jeg håper du har likt å følge denne opplæringen og designe fancy figurer. Du kan faktisk endre utseendet til din smak og til og med skildre deg selv sammen med den andre halvdelen eller noen fra vennene dine og familie på en stilisert flatt måte!

Ta en titt på det mangfoldet av par som vi kan opprette ved hjelp av våre figurer, og varierer deres frisyrer, hudfarger og drakter. Dessuten kan vi skildre både heteroseksuelle og samme sex lykkelige par! Hvis du ønsker å oppdage hvordan tegnene ble laget, eller du vil få et komplett sett for designene dine i ulike formater (både vektor og raster), må du sjekke ut disse 9 bryllupspar med flate tegn på GraphicRiver.