How å lage en detaljert Vector sak Ikon

I denne opplæringen jeg skal vise deg hvordan du oppretter en detaljert sak ikon steg for steg gjennom Illustrator verktøy, for eksempel: Rektangel verktøy, Ellipse verktøy, gradienter, stifinner, samt en fornuftig bruk av Gaussian Blur og blander.

Trinn 1

Åpne et nytt dokument. Nå tar rektangel Tool (M) og tegne et rektangel størrelsen W = 195 ved H = 457 med avrundede hjørner og en radius på 30px.

Trinn 2

Med formen fra trinn 1 valgt fylle det med en lineær gradient, med fargene R = 61 G = 56 B = 52 til R = 22 G = 20 B = 21.

Trinn 3

Ta rektangelverktøyet ( M) og trekke et rektangel størrelsen W = 162 ved H = 395 med avrundede hjørner Radius av 80px. Rett etter det gå til Object > Utvid Utseende og fylle formen med R = 27 G = 18 B = 15 farge

Trinn 4

Velg den formen fra forrige trinn og gå til Object >.; Sti > Offset Path. Still Offset å -20px, klikk OK, og deretter endre fargen på den nye figuren R = 207 G = 186 B ​​= 185 og flytte formen 2 piksler til venstre og 10px opp.

Trinn 5

Med formen fra forrige trinn valgt, igjen gå til Object > Sti > Offset Path. Sett offset til -5px, klikk OK, flytte formen 14px opp, og endre fyllfargen til svart. Nå lage en ny kopi av formen med lysere farge, og velg deretter kopien og den formen du flyttet 14 piksler opp. Åpne Pathfinder Panel (Vindu > Pathfinder). Og klikk på Skjæring knappen

Trinn 6

Velg den formen fra forrige trinn som du fylt med en svart farge og igjen gå til Object > Sti > Offset Path. Sett offset til -5px, klikk OK, og flytte formen som dukket opp etter bruk Offset 7px opp. Nå fyller den med lineære gradient farger R = 66 G = 54 B = 53 til R = 50 G = 40 B = 38.

Så langt ser det ut som vist nedenfor. Det fortsatt ikke ser ut som et tilfelle selvfølgelig, men i de neste trinnene vil vi gi det utseendet av en sak og legge til detaljer.

Trinn 7

Ta en kopi av den forme fra trinn 3 med Command + C, deretter lime med Command + F, og gjør det usynlig ved å klikke på øyet ved siden av kopien bane. Nå velger form fra trinn 3 og gjelder Gaussian Blur til den med en 30px Radius.

Trinn 8

Velg nå form med lys farge og gjelder Gaussian Blur til det med 31px Radius, som vist nedenfor:

Trinn 9

Vi fortsetter å bruke Gaussian Blur til følgende figurer, som vist på bildet under:

Step 10

også gjelde Gaussian Blur til formen på toppen med en 30px Radius

Trinn 11

nå velger de siste tre figurene du søkt Gaussian Blur til og gå til Object >.; Blend > Blend alternativer, og angi avstand ved spesifiserte Trinn 8 og klikk på OK

Trinn 12

Nå gjør kopien fra trinn 3 synlig og flytte den på toppen av alle andre (Object >.; Arranger > lengst frem). Deretter slår du av fyllfarge og påfør et strøk av 2 piksler med en svart farge.

Trinn 13

Kopier formen fra forrige trinn med Command + C og deretter lime med Command + F. nå åpner Strek-panelet (Vindu > Stroke), bruke innstillingene som vist nedenfor, og fyll den med en lineær gradient

Trinn 14

Velg alle figurene du har gjort så langt og. gruppere dem (Object > Group).

Trinn 15

Ta rektangelverktøyet (M) og tegne et rektangel i en svart farge i den øvre delen av gruppen. Den delen vi vil skjule med en maske. Nå velger gruppen og den svarte firkanten. Åpne Transparency Panel, klikk på Make Mask knappen, og fjern haken på Clip som vist.

Du kan hoppe over dette trinnet, men jeg bestemte meg for å skjule den øvre delen av gruppen bare i tilfelle.

Trinn 16

Ta rektangelverktøyet (M), tegne et rektangel på størrelse med W = 211px av H = 89px, med 13 piksler avrundede hjørner. Rett etter det gå til Object > Utvid Utseende

Trinn 17

Tegn en firkant over den forrige med størrelsen W = 211px av H = 374px med 100px avrundede hjørner, og gå til Object >.; Utvid Utseende.

Trinn 18

Nå plasserer figurer over hverandre som vist nedenfor, og velg deretter begge former, åpne Pathfinder Panel og klikk på Divide knappen.

Trinn 19

nå fikk vi til å slette den øvre delen av formen. For å gjøre dette åpne gruppen som dukket opp etter bruk Divide, finne veien til den øvre delen og slette den.

Trinn 20

Nå velger begge former, åpne Pathfinder Panel, og klikk på Legg til Shape-området knappen.

Trinn 21

Sett formen som dukket opp i den øvre delen av saken som vist nedenfor og fyll den med en lineær gradient. Du trenger 3 graderings glidere. For det første settet R = 45 G = 35 B = 34, for det andre en R = 111 G = 92 B = 91, med plassering 14%, og for det tredje en R = 50 G = 40 B = 38, med . vinkel~~POS=TRUNC -90 grader

Trinn 22

med den siste formen som du fylt med en lineær gradient valgt gå til Object > Sti > Offset Path. Still Offset å -18px, klikk OK, og deretter med Direct Selection Tool (A) velge de øverste punktene i formen og trykk Delete på tastaturet. Så igjen bruke Direct Selection Tool (A) for å skyve de øvre punktene i form til toppen av formen fra trinn 21 som vist nedenfor:

Trinn 23

Etter at du allerede har skjøvet de øvre peker mot toppen av formen fra trinn 21, og deretter slå av fyllfarge, og påfør Stroke 3px med en svart farge.

trinn 24

Kopier formen fra forrige trinn med Command + C og lime med Command + F. nå redusere Strek farge til 1PX og bruke innstillingene i Strek-panelet som vist nedenfor. Fyll den med en lineær gradient som vist:

Trinn 25

Kopier form fra trinn 21 med Command + C, og deretter plassere den under den opprinnelige med Command + B. endre fargen til svart og redusere størrelsen litt. Flytt det noen få piksler ned og bruke Gaussian Blur med en 10px Radius. endre Også Blending Mode fra Normal til Multipliser og sett Opacity til 60%.

Trinn 26

Ta Ellipse Tool (L), tegne en sirkel på størrelse W = 59px av H = 59px og sort farge, og sett det på plass som vist nedenfor:

trinn 27

Med formen fra forrige trinn valgt gå til Object > Sti > Offset Path. Still Offset å -3px, klikk OK, og endre fargen til R = 19 G = 19 B = 19.

Trinn 28

Kopier formen fra forrige trinn med Command + C og lime med Command + F. Ta rektangelverktøyet (M), tegne et rektangel i den nedre delen av kopien, og velg deretter kopiere og rektangelet. Nå åpner Pathfinder Panel og klikk på Minus Front-knappen. Fyll formen med en hvit farge og sett Opacity til 50%.

Konklusjon

Og på slutten kan du legge til en bakgrunn, refleksjon og skygge på noen måte du ønsker. Her er det endelige resultatet: