How å lage en kalender ikon i Illustrator

Lær hvordan å designe en kalender-ikonet i Adobe Illustrator. Denne opplæringen omfatter trinn-for-trinn-prosessen med å utforme denne vektoren ikonet i Illustrator ved hjelp av verktøy som: Formen bygge verktøy, børster, en runde hjørnet manus, og flere graderte farger. Denne kalenderen ikonet kan brukes i neste design eller nettstedet du bygge.

Trinn 1

Opprett en 600 ved 600px, RGB-dokument. Først slår du på Grid (View > Grid) og Fest til rutenett (View > Fest til rutenett). Deretter trenger du et rutenett hver 10px. Gå til Rediger > Preferanser > Guides & Grid, skriver 10 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 dine figurer. Ikke glem å bytte måleenheten til piksler fra Rediger > Preferanser > Unit > General. Alle disse alternativene vil øke arbeidshastigheten.

Trinn 2

Velg rektangel Tool (M) og lage en 350 x 50 piksler form. Fyll den med lineær gradient vist nedenfor, og legge en 0.75pt hjerneslag. Satt sin farge på R = 255, G = 255, B = 250. Deretter må du legge til noen rundhet for denne formen. The Round Enhver Corner script vil komme godt med. Du kan finne den i Vectortuts + artikkel 20 gratis og nyttig Adobe Illustrator Scripts.

Lagre det på harddisken og ta tak i Direct Selection Tool (A). Velg de beste ankerpunktene (uthevet i det første bildet) og gå til Fil > Scripts > Andre Script. Åpne Round Enhver Corner Script, skriv en 5px Radius og klikk på OK. Til slutt formen din skal se ut som det andre bildet vist

Trinn 3

Deaktiver Fest til rutenett (View > Fest til rutenett)., Gå til Rediger > Preferanser > Generell og angir en i Tastatur verdiboksen. Reselect formen opprettet i forrige trinn og gå til Objekt > Sti > Offset Path. . Skriv inn et -1px Offsettrykk, og klikk OK

Velg den resulterende formen og lage en kopi i front (Command + C > Command + F). Velg denne kopien og trykke pil ned en gang. Reselect disse to, friske former, og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende formen med R = 238, G = 208, B = 157

Trinn 4

Re-aktivere Fest til rutenett (View > Fest til rutenett).. Plukk rektangelverktøyet og lage en 50 x 50 piksler torget. Fyll den med R = 238, G = 208, B = 157. Nå plasserer den som vist i det første bildet og gå til Effect > Forvrenge & Transform > Transform. . Tast 6 i boksen eksemplarer og dra Move-horisontal glidebryteren til 50%

Klikk på OK og gå igjen til Effect > Forvrenge & Transform > Transform. Denne gangen skriv 4 i boksen eksemplarer og dra Move-Vertical glidebryteren til 50%. Klikk på OK og gå til Objekt > Utvid Utseende. Gå til Lag-panelet, og du vil finne en gruppe med tretti firkanter.

Trinn 5

Velg gruppen ble opprettet i forrige trinn, og treffer Shift + Command + G tre ganger. Dette vil løse opp dine firkanter. Velg de fem rutene fra det andre bildet, gruppere dem (Command + G) og fylle dem med lineær gradient vist nedenfor.

Trinn 6

Velg resten av rutene, gruppere dem og fylle dem med lineær gradient vist nedenfor.

Trinn 7

La oss fokusere på bunnen, venstre og høyre torg. Igjen, vil du trenge det runde et hjørne script. Plukk Direct Selection Tool (A), velger de to ankerpunktene fremhevet i det første bildet, og gå til Fil > Scripts > Andre Script. Åpne Round Enhver Corner Script, skriv en 5px Radius og klikk på OK. Til slutt figurer skal se ut som det andre bildet vist

Trinn 8

Deaktiver Fest til rutenett (View > Fest til rutenett).. Velg alle figurene skapt så langt, og lage en kopi i ryggen (Command + C > Command + B). Velg disse kopiene, klikk på Unite knappen og fylle formen resulterer med R = 207, G = 200, B = 176. Flytt denne kopien 2px ned, deretter lage en kopi i ryggen (Command + C > Command + B).

Velg denne nye kopiere og flytte den tre piksler ned. Fyll den med R = 181, G = 174, B = 138. Nå gå til Effect > Stilisere > Drop Shadow. Tast inn dataene som vises i det endelige bildet og klikk på OK.

Trinn 9

Fokus på øverste venstre kvadrat. Velg den og lage to kopier foran (Command + C > Command + F > Command + F). Velg den øverste kopien og trykke pil ned og pil høyre to ganger. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll formen resulterer med hvit

Trinn 10

Velg den formen opprettet i forrige trinn og gå til Effect >.; Forvrenge & Transform > Transform. Tast 6 i boksen eksemplarer og dra Move-horisontal glidebryteren til 50%. Klikk på OK og gå igjen til Effect > Forvrenge & Transform > Transform. Denne gangen skriv 4 i boksen eksemplarer, drar Move-Vertical glidebryteren til 50%, og klikk OK.

Trinn 11

Re-aktivere Fest til rutenett. Deretter må du maskere formen redigeres i forrige trinn. Plukk rektangel Tool (M) og lage en 350 ved 250px form. Fyll den med hvit og plasser den som vist i det første bildet. Snap til rutenett vil lette arbeidet ditt her. Plukk Direct Selection Tool (A), velg den nederste festepunktene i denne hvite form, og gå til Fil > Scripts > Andre Script.

Åpne Round Enhver Corner Script, skriv en 5px Radius, og klikk OK. Til slutt figurer skal se ut som det andre bildet som vises. Reselect den hvite formen, sammen med formen redigeres i forrige trinn, og gå til Transparency panel. Åpne fly-out menyen og klikk på Lag Opacity Mask.

Trinn 12

Velg rektangel Tool (M), lage en 50 x 50 piksler form, og legg den som vist i følgende bilde. Fyll den med lineær gradient vist nedenfor, og legge en hvit strek. Gå til Utseende panelet og velger dette slag. Gjør det 2PT bred, justere den til innsiden, og senke Opacity til 30%.

Trinn 13

Velg Rectangular Grid Tool og klikk på artboard. Et nytt vindu skal åpnes. Skriv inn dataene nedenfor og klikk på OK. Dette vil skape en fin rutenett. Legg en 0.75pt slag for dette rutenettet og sette farge på R = 169, G = 124, B = 80. Nå plasserer den som vist i følgende bilde.

Trinn 14

Fokus på det nederste området av rutenettet. Grab Direct Selection Tool (A), velg den nederste festepunktene (uthevet i det første bildet), og gå til Fil > Scripts > Andre Script. Åpne Round Enhver Corner Script, skriv en 5px Radius, og klikk OK.

Step 15

Deaktiver Fest til rutenett. Plukk Type Tool (T), klikk på artboard, og skriv i " 16. " Bruk Calibri skrift med en størrelse på 23pt. Sett farge på R = 65, G = 64, B = 66. Nå gå til Effect > Stilisere > Drop Shadow. Skriv inn dataene nedenfor og klikk på OK.

Nå velger denne lille teksten, sammen med den oransje firkanten, og bytt til Selection Tool (V). Klikk på grensen av plassen (det bør bli lagt vekt) og flytte til Align panel. Klikk på Horisontal Align Center og den vertikale Align midtknappen. Til slutt i teksten skal være sentrert som vist i tredje bildet.

Trinn 16

Velg det Type Tool (T) og tilsett resten av teksten. Tekststørrelsen for månedene forkortelser skal 20 pkt. Legg samme skygge effekt for all tekst

Trinn 17

Gå til Børster panelet (Vindu > Børster)., Åpner fly-out menyen, og gå til Open Brush Library > Artistic > Artistic_Calligraphic. Et nytt vindu med et sett med innebygde børster bør åpne. Velg 10pt Oval pensel, plukke Brush Tool, og trekke noen X-er, som vist. Sett farge på disse stiene på R = 190, G = 30, B = 45.

Trinn 18

Re-aktivere Fest til rutenett. Plukk rektangel Tool (M), opprette en 370 ved 380px form, og fyll den med R = 35, G = 31, B = 32. Plasser den som vist i følgende bilde, send den til å sikkerhets (Shift + Command + Venstre Bracket nøkkel), og gå til Effect > Stilisere > Avrundede hjørner. Skriv inn et 5px radius, klikk OK, og gå til Objekt > Utvid Utseende

Trinn 19

Deaktiver Fest til rutenett (View > Fest til rutenett).. Reselect formen opprettet i forrige trinn og gå til Objekt > Sti > Offset Path. Skriv inn et -1px Offsettrykk, og klikk OK. Marker figuren resulterende og lage en kopi i front (Command + C > Command + F).

Velg denne kopien og trykke pil ned en gang. Reselect både former og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende formen med hvit og senke Opacity til 30%.

Trinn 20

Re-aktivere Fest til rutenett. Plukk Ellipse Tool (L), opprette en 20 ved 20px form, og fyll den med R = 35, G = 31, B = 32. Gå til Utseende panelet velger du eksisterende fyll, og klikk på Duplicate Selected varen knappen fra bunnen av Utseende panel. Selvsagt vil dette skape en kopi av det valgte fyllet.

Velg dette nye fill og sette farge på R = 128, G = 130, B = 133. Nå gå til Effect > Warp > Shell Nedre. Dra Bend Skyve en -100%, klikker OK, og deretter gå til Effect > Forvrenge & Transform > Transform. Skriv inn dataene nedenfor og klikk på OK.

Gå tilbake til Utseende panel, sørge for at formen er valgt, og legge et strøk. Gjør det svart, 2pt bred, og juster den til utenfor. Lag en kopi av dette slag, gjør det 1PT bredt, og sette farge til R = 128, G = 130, B = 133. Reselect hele banen og gå til Effect > Stilisere > Drop Shadow. Nok en gang, skriv dataene nedenfor og klikk på OK.

Trinn 21

Velg den formen laget i forrige trinn, og kopiere det. Flytt denne kopi til høyre, som vist i det andre bildet. Deretter må du gjøre noen endringer for denne kopien. Velg den og gå til Utseende panel.

Åpne Transform effekt og erstatte de eksisterende tallene med de som vises i bildet nedenfor. Klikk på OK og deretter åpne Warp effekt. Sett på Shell Lavere effekt med en Shell Øvre effekt og klikk på OK. Til slutt kopien skal se ut som den tredje bildet som vises

Trinn 22

Velg den mørke rektangel, lage en kopi i front (Command + C > Command + F)., Og grip Ellipse Tool (L). Opprett en 450 ved 90px form og legg den som vist i det første bildet. Velg dette presset sirkel, sammen med rektangelet kopiere, og klikk på Minus Front knappen fra Pathfinder-panelet.

Dette vil skape en gruppe med to enkle figurer. Fjern den nederste figuren, dele opp (Shift + Command + G) de resterende form, og bringe den til front (Shift + Command + Høyre Bracket nøkkel). Fyll den med lineær gradient vist i det endelige bildet og senke Opacity til 15%. Den gule null fra gradient bildet står for Opacity prosent.

Trinn 23

Deaktiver Fest til rutenett. Velg det Type Tool (T), klikk på artboard, og skriv " September 2011. " Plasser denne teksten som vist nedenfor, og bruk Calibri skrift med en størrelse på 23pt. Sett farge til R = 65, G = 64, B = 66. Nå gå til Effect > Stilisere > Drop Shadow. Skriv inn dataene nedenfor og klikk på OK

Trinn 24

Velg det mørke rektangelet og lage en kopi i ryggen (Command + C > Command + B).. Flytt den 5PX ned, senke Opacity til 30%, og gå til Effect > Blur > Gaussian Blur. Skriv inn et 10px radius og klikk på OK.

Step 25

Velg det mørke rektangelet og gå til Utseende panel. Legg en annen fylling for denne formen, senke Opacity til 40%, og bruke radial gradient vist i følgende bilde. Ikke glem at den gule null fra gradient bildet står for Opacity prosentandel. Legg en svart strek, gjør det 2pt bredt, og justere den til utsiden.

Legg til en andre slag, gjør det 1PT bred, justere den til utsiden og sette farge på R = 147, G = 149, B = 152. Endelig reselect hele banen og gå til Effect > Stilisere > Drop Shadow. Skriv inn dataene nedenfor og klikk på OK.

Trinn 26

Nå la oss legge til et annet sett med farger for rammen. Start med den tynne, lange formen. Velg den og erstatte den hvite med R = 125, G = 143, B = 81. Nå heve sin Opacity til 70%. Nå flytter til pilknappene. Velg dem, gå til Utseende panel, og erstatte de eksisterende fargene med de som vises i bildet nedenfor.

Step 27

Velg den mørke rammen og gå til Utseende panel. Først erstatte flate farger med fargene vist i følgende bilde. Deretter velger du fylle med graderingen. Heve sin Opacity til 100%, endre blending mode til Overlay, og erstatte den eksisterende gradient med det som vises nedenfor.

Trinn 28

Her er fargene som du trenger å bruke Hvis du foretrekker en brun ramme. Først, fargene for av piltastene, og den tynne, lange formen.

Trinn 29

Neste, fargene for stor ramme.

Trinn 30
< p> Endelig bakgrunnen. Plukk rektangel Tool (M) og lage en form av størrelsen på artboard. Fyll den med lineær gradient vist nedenfor, og deretter gå til Utseende panelet, og legge til en annen fylling. For denne nye fill trenger du en innebygd mønster. Gå til Fargeprøver-panelet, åpner fly-out menyen, og gå til Open Swatch Library > Patterns > Basic Graphics > Grunn Graphics_Textures.

Et nytt vindu med et sett med innebygde mønstre bør åpnes. Gå tilbake til Utseende panelet velger det andre fyll, og klikk på USGS 19 Land oversvømmelse mønster. Nå som du har lagt mønsteret for din fyll, senke Opacity til 35%. Velg det første fyllet og gå til Effect > Stilisere > Indre glød. Skriv inn de data som vises nedenfor, klikk OK, og du er ferdig.

Konklusjon

Det siste ikonet er under med flere fargealternativer vises. Anmeldelser