Lag en enkel utklippstavlen Ikon i Illustrator

Create en enkel utklippstavlen Ikon i Illustrator

I det følgende opplæringen vil du lære hvordan du kan lage en enkel utklippstavlen ikon. Bruk en komplett Illustrator CS5 arbeidsflyt, vektor form byggeteknikker, og vektor effekter for å designe dette ikonet. La oss komme i gang.



Trinn 1

Hit Command + N for å opprette et nytt dokument. Skriv inn 600 i bredde og høyde boksene, klikk deretter på knappen Avansert. Velg RGB, Screen (72ppi) og sørg for at Align nye objekter være Pixel Grid er merket før du klikker OK. Nå, slå på Grid (View > Grid) og Fest til rutenett (View > Fest til rutenett).

Deretter trenger du et rutenett hver 5px. Gå til Rediger > Preferanser > Guides > Grid, skriv 5 i linjenettet hver boks og en i underinndelinger boksen. Du kan også åpne infopanelet (Vindu > Info) for en live forhåndsvisning med størrelsen og plasseringen av figurer. Ikke glem å bytte måleenhet til Pixels fra Rediger > Preferanser > Enhet > General. Alle disse alternativene vil øke arbeidshastigheten.

Trinn 2

Velg den rektangelverktøyet (M) og lage en 240 ved 325px form. Fest til rutenett vil lette arbeidet ditt. Husk å se inn i infopanelet for live forhåndsvisning med størrelsen og plasseringen av formen. Når den er laget, fylle formen med R = 195, G = 153, B = 108. Fjerne fargen fra hjerneslag. Flytt til Lag-panelet, dobbeltklikk på denne friske form og gi den navnet " Support ".

Trinn 3

reselect " Support " og flytte til Utseende panel. Velg den eksisterende fyll og gå til Effect > Stylize > Indre glød. Oppgi dataene nedenfor og klikk på OK

Trinn 4

reselect ". Support " og klikk på Legg til ny Fill-knappen. Det er den lille hvite firkanten ikonet fra bunnen av Utseende panel. Selvfølgelig vil dette legge til en ny fyll for formen. Velg det fra Utseende panelet satt sin farge på R = 35 G = 31 B = 32, senk Opacity til 5%, endre blending mode til Multipliser og gå til Effect > Sketch > Graphic Pen. Oppgi dataene nedenfor og klikk på OK

Trinn 5

reselect ". Support " og legge til en tredje fyll. Dra denne nye fylle inn i bunnen av Utseende panel, fyll den med lineær gradient vist nedenfor, og gå til Effect > Forvrenge & Transform > Transform. Oppgi dataene nedenfor og klikk på OK. De hvite tall fra gradient bildet står for plassering prosent

Trinn 6

reselect ". Support " og fokus på utseendet panel. Velg fyllet legges i forrige trinn, og klikk på Duplicate valgte elementet. Det er den lille filen ikonet nederst på Utseende panel. Dette vil legge en kopi av fyllingen.

Velg den nye fyll, satt sin farge på R = 35 G = 31 B = 32, senke Opacity til 5%, endre blending mode til Multipliser og gå til Effect > Sketch > Graphic Pen. Oppgi dataene nedenfor og klikk på OK

Trinn 7

reselect ". Support " og legge til en femtedel fyll. Dra den inn i bunnen av Utseende panel, fyll den med R = 117 G = 76 B = 41, og gå til Effect > Forvrenge & Transform > Transform. Oppgi dataene nedenfor og klikk på OK

Trinn 8

reselect ". Support " og legge til en sjette fyll. Dra den inn i bunnen av Utseende panel, fyll den med R = 35 G = 31 B = 32, senke Opacity til 20%, og gå til Effect > Forvrenge & Transform > Transform. Oppgi dataene nedenfor og klikk på OK

Trinn 9

reselect ". Support " og legge til et første slag. Sett farge på R = 212 G = 183 B = 150, gjør det 2PT bred, og justere den til innsiden. Fokus på Utseende panel og legge til en andre strøk med Legg til ny Stroke knappen. Det er den lille svarte firkanten fra bunnen av Utseende panel. Velg denne nye slag, satt sin farge på R = 138 G = 94 B = 60, gjør det 1pt bred, og sørg for at den er justert til inne.

Trinn 10

velg på nytt " Support ", sørge for at ingen fyll eller hjerneslag er valgt, og gå til Effect > Stylize > Drop Shadow. Oppgi dataene nedenfor, klikk OK, og gå til Effect > Stylize > Avrundede hjørner. Skriv inn et 7px radius, og klikk OK. Ta en nærmere titt på Utseende panel og sørg for at den avrundede hjørner effekten er i toppen av panelet.

Trinn 11

For de neste trinnene du trenger et rutenett hver 1px. Så, gå til Rediger > Preferanser > Guides > Grid og skriv en i linjenettet hver boks. Plukk rektangel Tool (M), opprette en 210 etter 290px form, og fyll den med hvitt. Bytt til Ellipse Tool (L), opprette en 7px sirkel, fyll den med en tilfeldig farge, og plassere den som vist på bildet nedenfor.

Trinn 12

Velg det sirkel opprettet i forrige trinnet og går til Effect > Forvrenge & Transform > Transform. Oppgi dataene nedenfor, klikk OK, og bruke Object > Utvid Utseende.

Trinn 13

Velg den gruppen av sirkler opprettet i forrige trinn, sammen med den hvite rektangelet, og klikk på Minus Front knappen fra Pathfinder-panelet.
< h2> trinn 14

Velg det hvite formen (resultat fra forrige trinn) og plasser den som vist i følgende trinn.

trinn 15

Velg det hvite form og legge et strøk. Sett farge på R = 229 G = 230 B = 231, gjør det 2PT bred, og justere den til innsiden. Legg et andre strøk for denne formen, setter farge på R = 255 G = 255 B = 255, gjør det 1pt bred og justere den til innsiden.

Trinn 16

Velg den rektangelverktøyet (M) og lage en 202 ved 1px form. Fyll den med R = 152, G = 199, B = 219. Nå plasserer den som vist i følgende bilde

Trinn 17

Velg det blå formen opprettet i forrige trinn og gå til Effect >.; Forvrenge & Transform > Transform. Oppgi dataene nedenfor og klikk på OK.

Trinn 18

Velg den rektangelverktøyet (M) og lage en en av 282px form. Fyll den med R = 246, G = 186, B = 186. Nå plasserer den som vist

Trinn 19

Velg det rosa formen opprettet i forrige trinn og gå til Effect >.; Forvrenge & Transform > Transform. Oppgi dataene nedenfor og klikk på OK.

Trinn 20

Velg den hvite formen, sammen med den blå og rosa former, deretter gruppere dem (Kommando + G). Velg denne nye gruppen og gå til Effect > Stylize > Drop Shadow. Oppgi dataene nedenfor og klikk på OK

Trinn 21

Velg det gruppen ble opprettet i forrige trinn, og gå til Effect >.; Forvrenge & Transform > Transform. Oppgi dataene nedenfor og klikk på OK.

Trinn 22

Velg den rektangelverktøyet (M) og lage en 95 ved 24px form. Fjerne fargen fra fyllet og legg til en 3pt slag. Sett farge på R = 109, G = 110, B = 113. Sørg for at denne friske formen er fortsatt valgt og gå til Effect > Stylize > Avrundede hjørner. Skriv inn et 5px radius, og klikk OK. Til slutt formen din skal se ut som det første bildet som vises

velg den på nytt og lage en kopi i front (Command + C > Command + F).. Velg denne kopien, øke stroke størrelse til 5PT, og gå til Object > Sti > Outline Stroke. Velg den resulterende banen og lage en kopi i front (Command + C > Command + F).

Trinn 23

Velg den rektangelverktøyet (M), lage to, 17px torg og plasser dem som er vist i det første bildet. Velg forlot plassen, sammen med en av stiene kasse på slutten av det forrige trinnet, og klikk på Skjæring knappen fra Pathfinder-panelet. Velg riktig torget, sammen med den andre bane som er opprettet på slutten av forrige trinn, og klikk igjen på Skjæring knappen fra Pathfinder-panelet.

Trinn 24

Fokus på de to formene opprettet i forrige trinn. Først må du runde et hjørne script. Du finner den i Vectortuts + artikkel 20 Gratis og Nyttig Adobe Illustrator Scripts artikkelen. Lagre det på harddisken din, og ta tak i Direct Selection Tool (A)

Velg de åtte ankerpunktene fremhevet i det første bildet og gå til Fil >.; Scripts > Andre Script. Åpne runde et hjørne Script, skriv en 1px Radius, og klikk OK. Til slutt figurer skal se ut som det andre bildet som vises.

Trinn 25

Velg det to figurer redigert i forrige trinn, og erstatte den flate farge fra fylle med radial gradient vist nedenfor .

Step 26

igjen, reselect formene opprettet i forrige trinn, og legge de to enkle streker som vises i Utseende-panelet.

trinn 27

Velg det avrundet rektangel opprettet i trinn 22. Legg et andre strøk for denne banen, gjør det 2.5pt bred, og sette farge til hvit. Legg et tredje slag for denne banen, gjør det 1.75pt bred, og sette farge på R = 229, G = 230, B = 231.

Trinn 28

Velg det form redigeres i forrige trinn, og legge til en ny strek. Velg det fra Utseende panel, gjør det 0.5pt bred, setter sin farge på R = 166, G = 168, B = 171. Nå gå til Effect > Forvrenge & Transform > Transform. Oppgi dataene nedenfor og klikk på OK.

Trinn 29

Velg den rektangelverktøyet (M) og lage to, 13 av 1 piksler former. Fyll begge former med R = 250 G = 250 B = 250 og plassere dem som vist i følgende bilde.

Trinn 30

Velg alle figurene som er opprettet i de siste åtte trinn og gruppere dem (Kommando + G). Velg denne nye gruppen og gå til Effect > Stylize > Drop Shadow. Oppgi dataene nedenfor og klikk på OK.

Trinn 31

Velg den Ellipse Tool (L) og lage en 14 piksler sirkel. Fyll den med lineær gradient vist nedenfor, og plasser den som vist i følgende bilde. Legg en 2PT slag for denne formen, justere den til innsiden, og sette farge på R = 245, G = 245, B = 245. Legg et andre strøk for denne veien, satt sin farge på R = 166, G = 168, B = 171, gjør det 1pt bred, og justere den til innsiden. Legg et tredje slag for denne veien, satt sin farge på R = 88 G = 89 B = 91, gjør det 0.3pt bred, og justere den til utsiden.

Trinn 32

Velg den rektangel Tool (M), opprette en 85 ved 11px form, fyll den med R = 229, G = 230, B = 231. Nå plasserer den som vist i følgende bilde. Flytt inn i Utseende-panelet og legge de tre slag som er vist nedenfor.

Det er det samme settet med slag som brukes til formen opprettet i forrige trinn. Kontroller at denne formen er fortsatt valgt og gå til Effect > Stylize > Avrundede hjørner. Skriv en 3px radius, og klikk OK.

Trinn 33

Velg den rektangelverktøyet (M), opprette en 83 av 3px form, og fyll den med R = 166, G = 168, B = 171. Nå plasserer den som vist i det første bildet. Fortsett med rektangelverktøyet (M) og lage to, 81 av 1 piksler former. Fyll dem med R = 245 G = 245 B = 245 og R = 128 G = 129 B = 132, og deretter plassere dem som viser i det andre bildet er vist nedenfor.

Trinn 34

Velg alle former og grupper som er opprettet i løpet av de siste tolv trinn og gruppere dem (Kommando + G). Velg denne friske gruppen og plassere den som vist i det andre bildet.

Trinn 35

Velg den rektangelverktøyet (M), opprette en 83 med 8 piksler form, fyll den med lineær gradient vist nedenfor, og plasser den som vist i følgende bilde. Fokus på Utseende panel og legge de tre slag som er vist nedenfor. Flytt til Lag-panelet og dra denne friske rektangel under de to gruppene

Trinn 36

Til slutt, hvis du kan redigere ". Support " form. I disse bildene kan du finne to forskjellige sett med egenskaper som du kan bruke for denne formen.

Konklusjon

Nå arbeidet er ferdig. Her er hvordan det skal se ut.



Previous:
Next Page: