How å lage en To-Do List App Icon i Adobe Illustrator
Hva du skal lage
I denne opplæringen vil du lage en morsom liste over gjøremål eller arrangør programikon med en tre- dimensjonal effekt, klar for desktop eller bruk markedet. Kombiner radial graderinger, blander, en følelse av lys, og den minste bit av perspektiv for en rett og slett bygget, men oppsiktsvekkende, ikon. Denne opplæringen benytter Adobe Illustrator CC 2014, selv om mange av teknikkene gjelder for andre versjoner av programmet.
1. Lag ikonets Base
Trinn 1
Start ut ved å tegne en firkant med rektangelverktøyet (M). I Gradient panel, gjelder en Radial Gradient av tan (# e3c184) til litt mørkere brunfarge (# c9a068).
Trinn 2
Bruk Direct Selection Tool (A) til å trekke torgets Levende Corners innover, avrunding torget ut litt.
Deretter bruker Line Segment Tool (/), tegne en vertikal linje med en 1-2 pt strøk av brunfarge, og dens Blend Mode satt til Screen i Åpenhet panel. Tegn en andre, mørkere brunfarge linje, noe som overlapper det første, og sett Blend Mode til Multipliser. Group (Ctrl-G) de to linjene sammen.
Kopier (Ctrl-C) og lim (Ctrl + V) de grupperte linjer totalt fem ganger og spre dem jevnt over din avrundet kvadrat. Anmeldelser
2. Lag din Notepad
Trinn 1
Tegn et avrundet rektangel og roter det 15 ° med Rotate Tool (R). Påfør en Radial Gradient til det hvite (#ffffff) til lys beige (# f3dcca).
Trinn 2
Kopier og lim den bærbare objektet to ganger. Sett kopierte formen fyllfarge til mørk brunfarge (# a8783f). Juster en av kopier med den bærbare form opprettet tidligere og plasser den andre Kopiert form til nederst til høyre i resten av ikonet.
Reduser Opacity av lengst til høyre kopierte formen til 0% i Transparency panel. Velg begge kopiert figurer og bruke Blend Tool (W) for å lage en blanding av 50 trinn (eller hva beløpet gir dine former en jevn blanding).
Plasser blanding gruppen under notepad form i Lag-panelet.
Trinn 3
Kopier og lim den bærbare siden trukket tidligere. Overlapping øvre venstre hjørne av formen litt. Velg både gjenstander og bruke Shape Builder Tool (Shift-M) for å velge ikke-kryssende del av overlappende former. Oppheve valg og Slett utenforliggende form.
Trinn 4
For spiral av den bærbare, tegne en liten avrundet rektangel (enten sett bunnen figurens fyllfarge til beige (# dbb588) for å skape dimensjon innen ikonet. med rektangelverktøyet eller Avrundet rektangel Tool) med en Radial Gradient av grå (# b6ada6) til mørk varm grå (# 6f5c4f). Bruk Gradient Tool (G) for å bevege radius av gradienten til toppen av formen.
Kopier og lim tre forekomster av spiralform, line dem opp, og Roter gruppen 15 °. Sett formene nær toppen av maskinen. Tegne mørke tan sirkler med Ellipse Tool (L) for hullene i bærbare sider. Plasser dem under spiralformer i Lag-panelet.
Trinn 5
For skrudd opp notebook side hjørne, Kopier og lim hoved bærbare siden. Bruk Pen Tool (P) å trekke en liten trekant overlapp nederst i høyre hjørne av avrundet rektangel.
Bruk Shape Builder Tool for å skille de tre former. Slett lengst til høyre, overs form.
Roter avrundet hjørne form, slik det er på linje med kanten av sidens høyre hjørne. Påfør en lineær gradient som går fra lys beige til hvitt (det samme som selve siden).
Plasser den nylig dukket opp siden under spiral og hullet gruppe og over resten av bærbar design i lagpanelet . Juster gradient av formen under skrudd opp for å være litt mørkere.
3. Opprette blyant Element
Tegn en vertikal rektangel i blågrønn (# 00a79d). Tegn to trekanter, enten med Pen Tool eller Polygon Tool, som står overfor hverandre og overlapper den vertikale rektangel. Som du gjorde tidligere, bruker Shape Builder Tool til å slette trekanter fra rektangelet. Du vil sitte igjen med spiss gjenstand sees nedenfor.
Trinn 2
Tegn overlappende deler på nedre tredjedel av blyanten objektet i tre nyanser av brunfarge. Pass på at det går fra lys til medium til mørk, så det vil være vårt ultimate belysning valg. For scalloped kanten, trakk jeg en overlapp scalloped form med Pen Tool og brukt Shape Builder Tool, nok en gang, for å slette den fra de andre figurene.
Trinn 3
Legg ved en kort rektangel på plass på enden av blyanten for å danne viskelær. I Properties panelet, kan du endre radius av de to øverste hjørnene av form. Påfør en lineær gradient til viskelær form i tre nyanser av rødt. Medium (# fd393e), lys (# ff706a), og mørke (# fd393e)
Tegn tre grå rektangler å danne metall viskelær kontakten. Påfør Radial Gradient brukt tidligere på den bærbare spiral til hver. Bruk Gradient Tool for å justere radius av hver gradient, så det er mot den øvre venstre for blyant.
Trinn 4
Tegn rektangler som definerer flyene av blyant på blågrønt del av objektet. Sørg for at de justeres med kamskjell trukket tidligere. Jeg har lagt lys blågrønn (# 14c9b8) og mørk blågrønn (# 057f73) for å holde belysning konsekvent.
Tegn en sirkel overlapp den spisse enden av blyanten og bruke samme grå gradient fra den bærbare spiral. Slett ikke-kryssende del av blyanten sin grafitt tips fra tre porsjon med Shape Builder Tool.
Trinn 5
konsernet sammen din blyant komponenter, plasserer blyant på ikonet base (rotere eller skalere etter behov), og gå til Effect > Stilisere > Drop Shadow. Gjelder følgende attributter:
Mode: Multipliser
Opacity: 45%
X Offset: 7 px
Y Offset: 7 px
Blur: 7 px
Farge: Brown (# 3f1706)
4. Fullfør Icon Design
Trinn 1
Haken er den enkleste element av ikonet design. Tegn et smalt rektangel og roter det 45 °. Kopier og lim rektangelet og roter den 90 °. Lapper de to figurer og bruke Shape Builder Tool til å slette de to nederste figurer. Fusjonere de resterende gjenstander for å lage avmerkingen.
Bruk en Radial Gradient av lys limegrønn (# e5f034) for å lime grønn (# bdd734). Kopier og lim haken og plassere den kopierte objektet under den opprinnelige, litt forskjøvet ned og til høyre. Sett fyllfarge for den kopierte objektet til våren grønn (# 9dcd34).
Gruppe de to figurene sammen og lage en blandet skygge på samme måte som vi gjorde for bærbare tidligere i denne opplæringen. Anmeldelser
Trinn 2
Sørg for at skygger følger samme retning. Gruppe sammen din ikonet design. Kopier og lim basen avrundet firkant laget i starten av denne opplæringen, og juster den med originalen. Velg den kopierte torget og ikonet design og lage en Clipping Mask (Ctrl-7).
Lim inn en ny forekomst av den avrundede torget og sette fyllfarge til mørk brunfarge. Plasser den bak ikonet gruppe i Lag-panelet, flytte den ned og til høyre litt (se nedenfor).
Great Job, er du ferdig!
Med det, vi er ferdige! Legg en enkel bakgrunn til ikonet for visning, eller holde bakgrunnen transparent for skrivebordet eller programbruk. Hvilke andre elementer kan du lage fra grunnleggende former for slikt ikon? Del dine resultater i kommentarfeltet nedenfor. Anmeldelser