Create Sticker-lignende Music Icons i Adobe Illustrator
Hva du skal lage
Det er på tide å oppdatere utseendet på skrivebordet ikonsett starter med ikoner for musikkspilleren eller MP3. Med dette klistremerket-stil-ikon opplæringen vil du lære å kombinere gradient former, effekter i Utseende-panelet, og utlignet former for raskt å kunne gjengi sirkler inn starten på en stor ikon satt i Adobe Illustrator CC 2014. Anmeldelser
1. Sett opp ikonets Shape
Trinn 1
Lag en Nytt dokument Hotell og bruke Ellipse Tool (L)
å tegne en sirkel i Artboard
. Den størrelsen du velger, avgjør den totale ikonstørrelsen. Velg
sirkelen og gå til Objekt > Sti > Offset Sti
for å skape en mindre sirkel inne i den første sirkelen. Offset
av -0.2 inches
eller flere piksler (uansett opprettet en fin grense mellom begge sirkler).
Trinn 2
Velg
den nye sirkelen og velg en mørk grå for fyllfargen. Hold den ytre sirkelen hvitt.
Trinn 3
Kopier (Ctrl-C) Hotell og Lim inn (Ctrl + V)
den grå sirkelen for hoved klistremerke form . For å gjøre ikonet klistremerke-aktig, en del av den indre sirkel trenger å se ut som det har begynt å skrelle. Tegn et rektangel med rektangel Tool (M) Hotell og roter den 45 °
slik at den er vinklet diagonalt i nedre høyre av sirkelen. Lapper de to litt.
Velg
både figurer og bruke Shape Builder Tool (Shift-M)
å velge hvert form og kryssende form slik at du sitter igjen med tre separate deler.
Trinn 4
Slett
rektangelet halvparten. Velg Hotell og Roter
nederst i høyre del av sirkelen, slik at det er vendt innover (og dets kantlinjer opp med sirkel kanten. skrelles klistremerke formen er klar til å bli gjengitt.
2. Gjengivelse av Peeling Sticker
Trinn 1
Velg en farge tema for klistremerke. I dette tilfellet er det en kremet oransje. Den skrelles klistremerke delen bør være lysere enn resten av klistremerket. Velg Hotell og Offset
hoved klistremerke form av noen få piksler, så det er en liten kant rundt klistremerke objekt. Pass på grensen formen er en mørkere farge enn hoved sirkelen.
Trinn 2
Bruk en Lineær Gradient
bruke Gradient Tool (G)
til skrelles klistremerke form med en < . b> -32.6 °
så det er parallelt med klistremerke kanten I Gradient
panel, legge til tre farger: medium oransje en, medium oransje b, og mørk oransje (den samme mørke orange som omrisset fra forrige trinn). Legg merke til at den andre fargen sett i gradient nedenfor var lys oransje brukt i forrige trinn i tillegg.
Trinn 3
Bruk en Drop Shadow
til skrelles klistremerke form ved å gå til Effect > Stilisere > Drop Shadow
med følgende egenskaper:
Mode:
Overlay
Opacity:
62%
X Offset:
0,03 i
Y Offset:
0,01 i
Blur:
0,07
< b> Farge:
# 000000
Trinn 4
Velg
den ytre hvite sirkelen og bruke en Drop Shadow
med følgende egenskaper:
Mode:
Multiply
Opacity:
56%
X Offset:
0,12
Y Offset:
0,1 i
Blur:
0,07
Farge:
# 282828
Trinn 5
Bruk Pen Tool (P)
å tegne en buet linje på hver ende av den venstre siden av klistremerket . Sett fyllfarge til null og hjerneslag til lys oransje. I Stroke
panel sette strekbredde til 1pt
.
3. Making CD
Trinn 1
Velg
den mørke grå sirkelen og Offset
sin vei etter -0.2 inches
, eller det samme beløpet du oppveie den første sirkelen i Seksjon 1
, Trinn 1
. I Utseende
panel, sette fyllfargen til lys grå ( # d0c7be
). Legg til en ny fylle med en Lineær Gradient
på en -122,3 °
vinkel. Sjekk ut fargene lagt under (ideen er grå med en liten regnbue). Reduser Opacity
til 60%
, eller så. Påfør en Drop Shadow
effekt til sirkelen med følgende egenskaper:
Mode:
Overlay
Opacity :
42%
X Offset:
0,02 i
Y Offset:
0,01 i
Blur :
0,06
Farge:
# 000000
Trinn 2
Velg
CD form og < b> Offset
sirkelen av -5-10px
, eller så. Gjenta, velger begge de nye sirkler, og trykk på Minus Front
i Pathfinder
panel. Påfør samme Lineær Gradient
fra forrige trinn. Endre Blend Mode
til Multipliser Hotell og Opacity
til 73%
i Gjennomsiktighet
panel.
Trinn 3
Kopier Hotell og Lim
CD form. Slett
ekstra fyll farger og effekter i Utseende
panel. Påfør en Lineær Gradient
av vekslende grå på 0% Opacity Hotell og hvit på 100% Opacity
på en 50,4 °
vinkel. Sett Blend Mode
til Overlay
. Plasser sirkelen under den oransje klistremerke og over CD i Layers
panel.
Trinn 4
Utseende
panel, legge til et annet fyll til den mørke grå sirkel av # 282828
på 100%
til 0% Opacity
på en -37 °
vinkel.
Trinn 5
Velg
hoved oransje klistremerke form og legge til en annen fylle over den første i Utseende
panel. Påfør en Lineær Gradient
som går fra mørk oransje ( # b9362d
) til middels medium oransje ( # ffbaa4
) på en 137,8 °
vinkel .
4. Tegning Music Note
Trinn 1
Musikken notat er ganske enkel. Følg sammenbrudd under:
- Kopier Hotell og Lim
den første strålen til å lage det andre. Sett formene sammen for å danne musikk notat.
- Group (Ctrl-G)
musikknoten komponentene sammen og Roter
den til høyre 45 °
, eller så.
Trinn 2
Unite
musikknoten former i Pathfinder
panel. Kopier Hotell og Lim
notatet, endre fyllfargen til samme lys oransje fra § 2
, Trinn 5
. Endre Blend Mode
til Overlegg Hotell og forskjøvet det litt fra hoved musikk note (se nedenfor for plassering). Gruppe
både musikk notater sammen.
Trinn 3
Kopier Hotell og Lim
hoved klistremerke form. Velg den kopierte formen og musikken notat gruppen og Lag Clipping Mask (Ctrl-7)
. Plasser klipping maske gruppen under skrelles klistremerke form i Layers
panel.
Great Job, er du ferdig!
Eksporter ikonet som et gjennomsiktig GIF eller PNG-fil (og ikke glem å størrelsen det tilsvarende). Nå som du er ferdig med musikkikon, hvilke andre stasjonære og mobile ikoner kan du gjøre? Hva med fargevariasjoner? Vis oss i kommentarfeltet!
Keen på ikonet tutorials? Sjekk ut disse nedenfor:
lage et sett med Flat verdifulle edelstener Ikoner i Adobe Illustrator
lage en serie med frokost Pixel Art Ikoner i Adobe Photoshop
Opprett en Vinyl Record Player Icon i Adobe Illustrator
- Group (Ctrl-G)
Tegn en ellipse med Ellipse Tool
å danne notehoder. Kopier Hotell og Lim
det for andre ellipse.
Bruk rektangelverktøyet
å tegne en lang, smal rektangel. Kopier Hotell og Lim
det så du har to stengler.
For å gjøre bjelkene, Lim
rektangelet igjen, Roter
det 90 °
, og linje opp mellom de to stengler. Du må forkorte strålen form så det passer mellom de to stengler.