Share
Lær hvordan du designer et kalenderikon i Adobe Illustrator. Denne opplæringen dekker trinnvis prosessen med å designe dette vektorikonet i Illustrator ved hjelp av verktøy som: form byggeverktøy, pensler, et rund hjørne-skript og flere gradientfarger. Dette kalenderikonet kan brukes i neste design eller nettstedet du bygger.
Opprett et 600 x 600 px RGB-dokument. Først slår du på rutenettet (Vis> Rutenettet) og Snap to Grid (Vis> Snap to Grid). Deretter trenger du et rutenett hver 10px. Gå til Rediger> Innstillinger> Guider og rutenett, skriv inn 10 i Rutenettlinjen hver boks og 1 i Retningslinjene.
Du kan også åpne Info-panelet (Vindu> Info) for et forhåndsvisning med størrelsen og plasseringen av figurene dine. Ikke glem å bytte måleenheten til piksler fra Rediger> Innstillinger> Enhet> Generelt. Alle disse alternativene øker arbeidshastigheten betydelig.
Velg rektangulærverktøyet (M) og opprett en form for 350 til 50 px. Fyll den med den lineære gradienten som vises nedenfor, og legg til et 0,75pt slag. Sett fargen på R = 255, G = 255, B = 250. Deretter må du legge til litt rundhet for denne formen. Round Any Corner-skriptet kommer til nytte. Du finner den i Vectortuts + artikkelen 20 gratis og nyttige Adobe Illustrator-skript.
Lagre det på harddisken og ta direkte utvalgingsverktøyet (A). Velg toppankerpunktene (uthevet i det første bildet) og gå til Arkiv> Skript> Annet skript. Åpne Round Any Corner Script, skriv inn en 5px radius og klikk OK. Til slutt skal formen din se ut som det andre bildet som vises.
Deaktiver Snap to Grid (Vis> Snap to Grid), gå til Rediger> Innstillinger> Generelt, og skriv inn 1 i tastaturøkningsboksen. Tilbakestill formen som ble opprettet i forrige trinn, og gå til Objekt> Sti> Offset-vei. Skriv inn en -1px Offset og klikk OK.
Velg den resulterende formen og lag en kopi foran (Kommando + C> Kommando + F). Velg denne kopien og trykk pil ned en gang. Velg disse to ferske formene, og klikk på Minus Front-knappen fra Pathfinder-panelet. Fyll den resulterende formen med R = 238, G = 208, B = 157.
Aktiver Snap to Grid (Vis> Snap to Grid) igjen. Velg rektangulærverktøyet og opprett en firkant på 50 til 50 px. Fyll det med R = 238, G = 208, B = 157. Plasser den som vist i det første bildet og gå til Effekt> Forvreng og transformer> Transform. Skriv inn 6 i kopieringsboksen og dra Skyv-skyvekontrollen til 50%.
Klikk på OK og gå igjen til Effekt> Forvreng og overfør> Transform. Denne gangen skriver du inn 4 i kopi-boksen og drar Skyve-vertikal skyveknappen til 50%. Klikk på OK og gå til Objekt> Utvid utseende. Gå til lagpanelet, og du vil finne en gruppe med tretti firkanter.
Velg gruppen som ble opprettet i forrige trinn, og treffer Shift + Command + G tre ganger. Dette vil ungroup rutene dine. Velg de fem rutene fra det andre bildet, grupp dem (Command + G) og fyll dem med den lineære gradienten som vises nedenfor.
Velg resten av rutene, gruppere dem og fyll dem med den lineære gradienten som vises nedenfor.
La oss fokusere på bunn, venstre og høyre firkanter. Igjen, trenger du Round Any Corner-skriptet. Velg direkte markeringsverktøyet (A), velg de to ankerpunktene som er markert i det første bildet, og gå til Arkiv> Skript> Annet skript. Åpne Round Any Corner Script, skriv inn en 5px radius og klikk OK. Til slutt skal figurene dine se ut som det andre bildet som vises.
Deaktiver Snap to Grid (Vis> Snap to Grid). Velg alle fasene som er opprettet så langt, og lag en kopi på baksiden (Kommando + C> Kommando + B). Velg disse kopiene, klikk på Unite-knappen og fyll den resulterende formen med R = 207, G = 200, B = 176. Flytt denne kopien 2px ned, og lag en kopi på baksiden (Command + C> Command + B).
Velg denne nye kopien og flytt den tre piksler ned. Fyll det med R = 181, G = 174, B = 138. Gå nå til Effect> Stylize> Drop Shadow. Skriv inn dataene som vises i det endelige bildet, og klikk OK.
Fokuser på øverste venstre torg. Velg den og skriv to eksemplarer foran (Kommando + C> Kommando + F> Kommando + F). Velg toppkopien og trykk på pil ned og høyre pil to ganger. Velg begge kopier og klikk på Minus Front-knappen fra Pathfinder-panelet. Fyll den resulterende formen med hvit.
Velg formen som ble opprettet i forrige trinn, og gå til Effect> Distort & Transform> Transform. Skriv inn 6 i kopieringsboksen og dra Skyv-skyvekontrollen til 50%. Klikk på OK og gå igjen til Effekt> Forvreng og overfør> Transform. Denne gangen skriver du inn 4 i kopieringsboksen, dra Skyv-vertikal skyveknappen til 50%, og klikk OK.
Aktiver Snap to Grid igjen. Deretter må du maskere formen redigert i forrige trinn. Velg rektangulærverktøyet (M) og opprett en form for 350 til 250 px. Fyll det med hvitt og legg det som vist på det første bildet. Snap to grid vil lette arbeidet ditt her. Velg direkte markeringsverktøyet (A), velg nederste ankerpunkter i denne hvite formen, og gå til Arkiv> Skript> Annet skript.
Åpne Round Any Corner Script, skriv inn en 5px radius, og klikk OK. Til slutt skal figurene dine se ut som det andre bildet som vises. Velg den hvite formen sammen med formen redigert i forrige trinn, og gå til gjennomsiktighetspanelet. Åpne fly-out-menyen, og klikk på Make Opacity Mask.
Velg rektangulærverktøyet (M), lag 50 til 50 px, og legg det som vist i bildet nedenfor. Fyll den med den lineære gradienten som vises nedenfor og legg til et hvitt slag. Gå til Utseende-panelet og velg dette strekningen. Gjør det 2pt bredt, juster det til innsiden, og senk Opacity til 30%.
Velg det rektangulære nettverktøyet og klikk på tavla. Et nytt vindu bør åpnes. Skriv inn dataene som er vist nedenfor, og klikk OK. Dette vil skape et fint rutenett. Legg til et 0,75pt slag for dette rutenettet og sett fargen på R = 169, G = 124, B = 80. Legg det som vist i bildet nedenfor.
Fokus på bunnen av rutenettet. Ta tak i direkte utvalgsverktøyet (A), velg nedre ankerpunkter (uthevet i det første bildet), og gå til Arkiv> Skript> Annet skript. Åpne Round Any Corner Script, skriv inn en 5px radius, og klikk OK.
Deaktiver Snap to Grid. Velg typeverktøyet (T), klikk på tavlen, og skriv inn "16." Bruk Calibri fonten med en størrelse på 23pt. Still fargen på R = 65, G = 64, B = 66. Gå nå til Effect> Stylize> Drop Shadow. Skriv inn dataene som er vist nedenfor, og klikk OK.
Velg nå denne lille teksten, sammen med oransjefirkanten, og Bytt til valgverktøyet (V). Klikk på grensen på torget (den skal bli understreket) og gå til Juster-panelet. Klikk på det horisontale justeringssenteret og de vertikale justeringssenterknappene. Til slutt bør teksten være sentrert som vist i det tredje bildet.
Velg Typeverktøyet (T) og legg til resten av teksten. Tekststørrelsen for månedens forkortelser skal være 20pt. Legg til samme dråpeskyggingseffekt for hele teksten.
Gå til panelet Pensler (Vinduer> Pensler), åpne menyen for utflukt, og gå til Åpne penselbibliotek> Kunstnerisk> Artistic_Calligraphic. Et nytt vindu med et sett med innebygde børster bør åpnes. Velg 10pt Oval pensel, velg penselverktøyet, og tegn noen X, som vist. Angi fargen for disse stiene ved R = 190, G = 30, B = 45.
Aktiver Snap to Grid igjen. Velg rektangulærverktøyet (M), opprett en form på 370 x 380 px, og fyll den med R = 35, G = 31, B = 32. Plasser den som vist i det følgende bildet, send det til baksiden (Shift + Kommando + Venstre braketsnøkkel), og gå til Effekt> Stylize> Avrundede hjørner. Skriv inn en radius på 5px, klikk OK, og gå til Objekt> Utvid utseende.
Deaktiver Snap to Grid (Vis> Snap to Grid). Tilbakestill formen som ble opprettet i forrige trinn, og gå til Objekt> Sti> Offset-vei. Skriv inn en -1px Offset og klikk OK. Velg den resulterende formen og lag en kopi foran (Command + C> Command + F).
Velg denne kopien og trykk pil ned en gang. Velg begge formene og klikk på Minus Front-knappen fra Pathfinder-panelet. Fyll den resulterende formen med hvit og senk dens Opacity til 30%.
Aktiver Snap to Grid igjen. Velg Ellipseverktøyet (L), opprett en 20 til 20 px form, og fyll den med R = 35, G = 31, B = 32. Gå til Utseende-panelet, velg eksisterende fylling, og klikk på Duplicate Selected Item-knappen nederst på Utseendepanelet. Åpenbart vil dette skape en kopi av den valgte fyllingen.
Velg denne nye fyllingen og sett fargen på R = 128, G = 130, B = 133. Gå nå til Effect> Warp> Shell Lower. Dra Bend-skyveknappen til -100%, klikk OK, og gå til Effect> Distort & Transform> Transform. Skriv inn dataene som er vist nedenfor, og klikk OK.
Gå tilbake til Utseende-panelet, kontroller at formen din fortsatt er valgt, og legg til et slag. Gjør det svart, 2pt bredt, og juster det til utsiden. Lag en kopi av denne streken, gjør den 1pt bred, og sett fargen til R = 128, G = 130, B = 133. Velg hele banen og gå til Effekt> Stylize> Drop Shadow. Igjen, skriv inn dataene som vises nedenfor og klikk OK.
Velg formen som ble gjort i forrige trinn og dupliser den. Flytt denne kopien til høyre, som vist i det andre bildet. Deretter må du gjøre noen endringer for denne kopien. Velg den og gå til Utseendepanelet.
Åpne Transform-effekten og erstatt eksisterende tall med de som vises i bildet nedenfor. Klikk på OK, og åpne deretter Warp-effekten. Erstatt Shell Lower Effect med en Shell Upper-effekt og klikk OK. Til slutt skal kopien din se ut som det tredje bildet som vises.
Velg det mørke rektangelet, lag en kopi foran (Command + C> Command + F), og ta tak i Ellipse Tool (L). Opprett en form av 450 til 90 px og legg den som vist i det første bildet. Velg denne klemt sirkelen sammen med rektangelkopien, og klikk på Minus Front-knappen fra Pathfinder-panelet.
Dette vil opprette en gruppe med to enkle former. Fjern den nederste formen, ungroup (Shift + Command + G) gjenværende form, og ta den til forsiden (Shift + Command + Right bracket-nøkkelen). Fyll den med den lineære gradienten som vises i det endelige bildet og senk Opacity til 15%. Den gule nullen fra gradientbildet står for Opacity-prosentandel.
Deaktiver Snap to Grid. Velg Typeverktøyet (T), klikk på tavla, og skriv inn "September 2011." Plasser denne teksten som vist nedenfor, og bruk kalibri fonten med en størrelse på 23pt. Sett fargen til R = 65, G = 64, B = 66. Gå nå til Effect> Stylize> Drop Shadow. Skriv inn dataene som er vist nedenfor, og klikk OK.
Vellgjør det mørke rektangelet og lag en kopi på baksiden (Kommando + C> Kommando + B). Flytt den 5px ned, senk Opacity til 30%, og gå til Effect> Blur> Gaussian Blur. Skriv inn en radius på 10 px og klikk OK.
Vellgjør det mørke rektangelet og gå til Utseendepanelet. Legg til en ny fylling for denne formen, senk Opacity til 40%, og bruk den radiale gradienten som vises i følgende bilde. Ikke glem at den gule nullen fra gradientbildet står for Opacity-prosentandel. Legg til et svart slag, gjør det 2pt bredt, og juster det til utsiden.
Legg til et sekundslag, gjør det 1pt bredt, juster det til utsiden og sett fargen på R = 147, G = 149, B = 152. Endelig velg hele banen og gå til Effekt> Stylize> Drop Shadow. Skriv inn dataene som er vist nedenfor, og klikk OK.
La oss nå legge til et annet sett med farger for rammen. Begynn med den tynne, lange formen. Velg den og erstatt den hvite med R = 125, G = 143, B = 81. Nå øke Opacity til 70%. Flytt nå til pilknappene. Velg dem, gå til Utseendepanelet, og erstatt eksisterende farger med dem som vises i følgende bilde.
Velg den mørke rammen og gå til Utseendepanelet. Først erstatt de fargene med fargene som vises i bildet nedenfor. Deretter velger du fyllingen med gradienten. Øk Opacity til 100%, endre blandingsmodus til Overlegg, og erstatt eksisterende gradient med den som vises nedenfor.
Her er fargene du må bruke hvis du foretrekker en brun ramme. Først, farger for pilknappene og den tynne, lange formen.
Deretter fargene for den store rammen.
Til slutt, bakgrunnen. Velg Rektangelverktøyet (M) og lag en form på størrelsen på tavlen. Fyll den med den lineære gradienten som vises nedenfor, og gå deretter til Utseendepanelet, og legg til en ny fylling. For denne nye fyllingen trenger du et innebygd mønster. Gå til Fargepatroner-panelet, åpne menyen for utflukt, og gå til Åpne fargebibliotek> Mønster> Grunnleggende grafikk> Grunnleggende grafikk_tekster.
Et nytt vindu med et sett med innebygde mønstre skal åpnes. Gå tilbake til Utseendepanelet, velg den andre fyllingen, og klikk på USGS 19 Land Inundation-mønsteret. Nå som du har lagt til mønsteret for fyllingen, senker du Opacity til 35%. Velg den første fyllingen og velg Effekt> Stylize> Inner Glow. Skriv inn dataene som vises nedenfor, klikk OK, og du er ferdig.
Det siste ikonet er under, med flere fargevalg vises.
Accentsconagua