How å utforme et sett av flerfarget Buddy Ikoner

I denne Illustrator opplæringen, vil jeg vise deg hvordan du kan lage et sett med fargerike kameraten ikoner. Denne opplæringen bruker noen grunnleggende former, graderinger, Feather, og Illustrator kraftige Live-Color-funksjonen. Disse teknikkene er lett oversettes til andre design og illustrasjoner.

Final Bilde

Nedenfor er de siste ikonet design vi skal jobbe mot.

Trinn 1

Opprett et nytt dokument og trekke en 138 px bredt med 170 px høy rektangel med rektangel Tool (L).

Trinn 2

Med rektangelet valgt, gå Filter > Stilisere > Runde hjørner for å få opp runde hjørner Dialog. Endre Radius til 70 px, og trykk OK.

Trinn 3

Velg den bunnen midten anker av rektangelet med Direct Selection Tool (A), deretter drar ankeret ned til det handler om en sjette den opprinnelige størrelsen på rektangelet. Nå har vi en hodeform.

Trinn 4

Opprett en ellipse med Ellipse Tool (L) som er 15 px bred og 42 px høy. Plasser ellipse over hodet formen omtrent halvveis ned fra toppen av hodet til venstre.

Trinn 5

Med Selection Tool (V), trykker du Shift + Alt og dra ut en kopi av ellipsen til høyre side av ansiktet, og gir deg to øre former.

Trinn 6

Velg hode og øre figurer, trykker du på Legg Shape Områder knapp fra Pathfinder Panel, trykk deretter på Utvid-knappen.

Trinn 7

Fyll hodet med en Radial Gradient fra Gradient Panel. Endre første swatch i gradienten til en cyan farge og endre andre swatch til en mørkere cyan. Neste gjør at hodet en pt slag med en mørk blå.

Trinn 8

Bruk Gradient Tool (G) for å justere Radial Gradient så den lyse delen av gradienten er på bunnen av hodet. For å gjøre dette, klikker du på bunnen av hodet med Gradient Tool og dra halvveis oppe i hodet.

Trinn 9

Opprett en ellipse som er 92 px bred og 54 px høy og sted det mot toppen av hodet i sentrum.

Trinn 10

Fyll den nye ellipse med en lineær gradient og endre den første swatch til en lys cyan og andre swatch til mørk cyan i hodet Radial gradient. Bruk Gradient Tool (G) for å justere gradient så den lyse delen er på toppen av ellipsen

Trinn 11

Velg hode form og gå til Objekt >.; Sti > Offset å åpne utlignet banedialogen. Endre Offset til -4 px, og trykk OK.

Trinn 12

Tegn en ellipse som er 250 px med 250 px og legg den over hodet form slik den øverste venstre del av hodet dekkes ikke av den store ellipse. Velg den nye ellipsen og hodet offset og trykk trekke fra Shape Områder knappen i Pathfinder Panel.

Trinn 13

Velg trekkes form og fyll den med hvitt. Med formen fortsatt er valgt, gå til Effect > Stilisere > Fjær og endre Feather Radius til 9 px, og trykk OK.

Trinn 14

Velg hode form og offset det igjen som før på -4 px. Neste tegne et rektangel fra bunnen av ørene opp, som omfatter hele hodeform. Velg rektangel og offset hode form og Trekk Shape områder.

Trinn 15

Velg den nye subtrahere området og Copy (Command + C) og lim In Front (Command + F). Velg sluttpunkt, den kopierte form med Selection Tool (V) og squish formen oppover omtrent en fjerdedel av veien opp fra den opprinnelige størrelsen. Velg originalen og kopien, deretter trekke Shape områder.

Trinn 16

Fyll den nye trekkes form med hvit og Feather formen på 9 px som før.

Trinn 17

Nå som hodet er gjort, kan vi lage bysten området. Lag et rektangel som er 286 px bred og 156 px høy. Neste lage en firkant som er 140 px bred og 75 px høy. Plasser smalere rektangel over horisontal rektangelet slik at det er sentrert. Velg begge rektangler, og trykk på Legg til Shape Områder i Pathfinder Panel

Step 18

Med den kombinerte rektangler valgt, gå til Filter >.; Stilisere > Runde hjørner og endre Radius 40 px.

Trinn 19

Opprett en ellipse som er 700 px bred og 355 px høy og sentrert over bysten form slik at en sjettedel av bysten formen er som stikker ut fra bunnen av sirkelen. Velg begge former og trykker Snitt Shape Områder knappen fra Pathfinder Panel.

Trinn 20

Fyll den nye bust form med samme Radial Gradient og hjerneslag som hodeform, deretter justere gradient så i den lyse delen kommer fra venstre skulder.

Trinn 21

Offset bysten form på -4 px som hodet. Deretter trekke en 266 px av 266 px ellipse over venstre side av brystet. Velg forskyvningen og ellipse, deretter krysse Shape områder.

Trinn 22

Fyll den nye formen med en lys cyan og gi det en 17 px Feather.

Trinn 23

Offset bysten form igjen på -4 px. Deretter trekke en 147 px bred og 96 px høye ellipse, og legg den over høyre skulder. Velg ellipse og offset, deretter krysser Shape områder.

Trinn 24

Fyll den nye formen med en lys cyan og gi det en 17 px Feather.

Trinn 25

Plasser bust bak hodet kunstverk.

Trinn 26

Ikonet er gjort, men det ville se fint med en skygge. Tegn en ellipse som er 360 px x 360 px. Fyll ellipse med en Radial Gradient med den første swatch svart og den andre swatch hvitt.

Step 27

Med Selection Tool (V), squish ellipsen, så det er en femtedel av sin opprinnelige størrelse, og deretter plassere den bak vennesymbolet.

Trinn 28

Nå som ikonet er gjort, vil jeg vise deg en rask måte å fargelegge kopier av ikonet. Velg alle kunstverk og Copy (Command + C) og lim (Command + V). Med kopien valgt, gå til Rediger > Redigere Farger > Recolor Artwork for å få opp Live-dialogboksen Farge.

Trinn 29

Klikk på Rediger-knappen mot toppen av dialogboksen. Nå kan du redigere visse fargeprøver i kunst eller låse alle fargeprøvene og redigere dem sammen. For å gjøre dette trykker du på låseikonet i dialogboksen.

Trinn 30

Du kan ta tak i ulike sirkler på fargehjulet og flytte dem rundt for å justere fargene, eller du kan angi fargemodus å justere fargene. Jeg liker å bruke dette alternativet. For å velge en bestemt farge-modus, trykker du på knappen som ser ut som en avspillingsknapp mot bunnen av dialogboksen og velg din fargemodus. Jeg liker å bruke HSB fargemodus.

Step 31

Nå med fargemodus valgt og farger låst, flytter glidere rundt for å redigere farger. Hvis du ønsker å gå tilbake til de opprinnelige fargene, trykker Få farger fra Selected Art-knappen øverst i dialogboksen.

Trinn 32

Nå bare begynne å lage så mange fargede kameraten ikoner som du like!

Final Bilde

Alle gjort, har en ny titt på det endelige bildet nedenfor
!

Abonner på VECTORTUTS RSS-feed for å holde deg oppdatert med de nyeste vektor tutorials og artikler.