Create en enkel bærbar ikon i Adobe Illustrator
Hva du skal lage
For det første vil du lære hvordan du kan sette opp en enkel nettet og hvordan du oppretter flere piksel perfekte former. Flytte på, vil du lære hvordan du legger subtile høydepunkter ved hjelp av Pathfinder-panelet og grunnleggende blandingsteknikker. Til slutt, vil du lære hvordan du legger til skyggelegging og en enkel bakgrunn bruker Utseende panelet og Strek-panelet sammen med en haug med enkle virkemidler.
1. Opprett et nytt dokument og sette opp et rutenett
Hit Ctrl-N for å opprette et nytt dokument. Velg Pixels fra Units rullegardinmenyen, skriv 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 boksen ikke er krysset før du klikker OK.
Aktiver Grid plakater (View > Vis rutenett) og Fest til rutenett plakater (View > Fest til rutenett). Du trenger et rutenett hver 5px, så bare gå til Rediger > Preferanser > Guides > Grid, skriv 5 i linjenettet hver boks og en i underinndelinger boksen. Du bør også åpne infopanelet (Vindu > Info) for en live forhåndsvisning med størrelsen og plasseringen av dine figurer. Ikke glem å sette måleenheten til piksler fra Rediger > Preferanser > Units > General. Alle disse alternativene vil øke arbeidshastigheten.
2. Opprett hovedsiden
Trinn 1
Velg rektangel Tool (M) og fokus på verktøylinjen. Fjerne fargen fra hjerneslag velg deretter fyll og satt sin farge på R = 255 G = 238 B = 205. Flytt til din Artboard og bare lage en 115 x 125px rektangel, bør Fest til rutenett funksjonen lette arbeidet ditt.
Trinn 2
Bruke Direct Selection Tool (A), reselect din rektangel, gå til kontrollpanelet og skriv "5px" i boksen Corners. Hvis du tilfeldigvis bruke en eldre versjon av Illustrator må du bruke den avrundede hjørner effekt. Sørg for at rektangelet er valgt og gå til Effect > Stilisere > Avrundede hjørner. Skriv inn et 5px Radius, klikk på OK og gå til Objekt > Utvid Utseende. Til slutt formen din skal se ut i følgende bilde.
Flytt til Lag-panelet (Vindu > Layers), åpne eksisterende lag, rett og slett dobbeltklikk Bruke Pen Tool (P), opprette en 115px, horisontal bane og plasser den som vist i det første bildet. Nok en gang, vil Fest til rutenett Sørg for at horisontal bane forblir valgt og fokusere på Utseende panelet (Vindu > Utseende). Bare klikk på at " Opacity Sørg for at din horisontale banen er fortsatt valgt og gå til Effect > Forvrenge & Transform > Transform. Enter "8" i at kopier boksen, drar Move-Vertical slider på 10px og klikk deretter OK. Bruke Pen Tool (P), opprette en 100px, vertikal bane og plasser den som vist i det første bildet. Legg en 1pt slag for denne nye banen, satt sin farge på R = 248 G = 164 B = 150, senk Opacity til 80% og deretter gå til Effect > Forvrenge & Transform > Transform. Dra Move-Horisontal skyve 0.5px og klikk på OK. Deaktiver Fest til rutenett plakater (View > Fest til rutenett) og deretter gå til Rediger > Preferanser > Generell og sørg for at tastaturet Increment er satt til 1px. Sørg for at din " side Marker på nytt begge eksemplarene som er gjort i dette trinnet, åpner Pathfinder-panelet (Vindu > Pathfinder) og klikk på Minus Front-knappen. Marker figuren resulterende, satt fyllfargen på svart (R = 0 G = 0 B = 0) og senke Opacity til 5%. Sørg for at dette tynne, nye banen forblir valgt, åpner Graphic Styles panelet (Vindu > Graphic Styles) og klikker på at New Graphci Stil-knappen for å lagre en ny grafisk stil. Sørg for at din " side Marker på nytt begge eksemplarene som er gjort i dette trinnet og klikk på Minus Front knappen fra Pathfinder-panelet. Velg resulterende formen og bare legge den lagrede grafiske stilen fra Graphic Styles panelet. Sørg for at din " side Marker på nytt begge eksemplarene som er gjort i dette trinnet og klikk på Minus Front knappen fra Pathfinder-panelet. Igjen velger resulterende formen og legg til din grafiske stilen fra Graphic Styles panelet. Aktiver Fest til rutenett plakater (View > Fest til rutenett). Sørg for at din " side Velg dette nye rektangelet sammen med kopien gjort i begynnelsen av trinnet og klikk på Snitt knappen fra Pathfinder-panelet. Til slutt din oransje formen skal se ut i det fjerde bildet. Flytt til Lag-panelet, rett og slett dobbeltklikk Deaktiver Fest til rutenett plakater (View > Fest til rutenett). Sørg for at din " toppen Velg den øverste kopiere og flytte den 1px ned ved hjelp av pil ned på tastaturet. Reselect begge eksemplarene som er gjort i dette trinnet og klikk på Minus Front knappen fra Pathfinder-panelet. Velg den resulterende formen, sett fyllfargen på hvitt (R = 255 G = 255 B = 255), senke Opacity til 50% og endre Blending Mode til Soft Light. Sørg for at din " toppen Hold fokus på Utseende panelet og klikker på at " Stroke Marker på nytt din " toppen Marker på nytt din " toppen Velg rektangel Tool (M) og klikker på artboard å åpne rektangulært vindu. Skriv inn 610 i boksene Bredde og Høyde klikk deretter OK. Fyll den nyopprettede form med R = 0 G = 167 B = 157 deretter sende den til å sikkerhets (Shift-kontroll-[). Deretter må du sentrere denne plassen, så åpne Juster-panelet (Vindu > Align). Sett samkjøre til Artboard (åpne fly ut menyen og gå til Vis valg hvis du ikke kan se Strek Slik seksjonen som vist i følgende bilde) så klikker du bare på Horisontal Strek Senter og Vertikal Align midtknappen. Til slutt din torget bør dekke hele artboard som vist i følgende bilde. Flytt til lagene og gi nytt navn til denne nye formen " bakgrunn Marker på nytt din " bakgrunn Hold fokus på din Gradient panelet velger Radial fra rullegardinmenyen og deretter flytte til graderingsfarger. Velg riktig glidebryteren og sette farge på R = 38 G = 34 B = 98 velger deretter venstre skyveknapp, sette farge på R = 0 G = 167 B = 157 og senke Opacity til 0%. Grab Gradient Tool (G), flytte til Artboard og strekke at radial gradient som vist i følgende bilde. Sørg for at din " side Hold fokus på Utseende panel og legge til en andre strøk for din form ved hjelp av Legg til ny Stroke knappen (påpekt av den blå sirkelen i følgende bilde). Velg denne nye hjerneslag, senke Opacity til 20%, endre Blending Mode til Soft Light og sjekk Align Stroke å Utenfor knappen fra Strek fly-out panel. Gjør sikker på at " side Sørg for at din " side Sørg for at det forblir valgt, senke Opacity til 10%, endre Blending Mode til Soft Light og gå til Effect > Sti > Offset Path. Skriv inn et -1px Offset, klikk på OK og gå til Effect > Forvrenge & Transform > Transform. Dra Move-Vertical slider på 4px og klikk på OK. Sørg for at din " side Sørg for at det forblir valgt, endre Blending Mode til Soft Light og gå til Effect > Sti > Offset Path. Skriv inn et -3px Offset, klikk på OK og gå til Effect > Forvrenge & Transform > Transform. Dra Move-Vertical slider på 6PX, klikk på OK og gå til Effect > Blur > Gaussian Blur. Skriv inn et 10px Radius og klikk på OK. Her er hvordan det skal se ut. Jeg håper du har hatt glede av denne opplæringen, og kan bruke disse teknikkene i din fremtidige prosjekter. Anmeldelser
på formen din og endre navnet " side
".
Trinn 3
funksjonen komme til nytte. Legg en 1pt slag for denne nye banen og sette farge på R = 0 G = 128 B = 200.
" del av teksten for å åpne Transparency fly-out panel og senk Opacity til 15%. Neste, må du sørge for at banen er perfekt justert til pixel grid. Reselect det og gå til Effect > Forvrenge & Transform > Transform. Dra Move-Vertical slider på -0.5px og klikk på OK. Aktiver Pixel Preview (View > Pixel Preview) så ta en titt på din vei med og uten Transform påvirke til å forstå nøyaktig hvordan ting endrer seg.
Trinn 4
Trinn 5
Trinn 6
" formen er valgt og lage to kopier i front (Ctrl-C > Kontroll-F > Kontroll-F). Velg den øverste kopiere og flytte den 1px opp ved hjelp av pil opp fra tastaturet.
Trinn 7
" formen er valgt og lage to kopier i front (Ctrl-C > Kontroll-F > Ctrl-F ). Velg den øverste kopiere og flytte den 2PX opp ved hjelp av den samme pil opp knappen fra tastaturet.
Trinn 8
" formen er valgt og gjøre ytterligere to eksemplarer foran (Ctrl-C > Kontroll-F > kontroll- F). Velg den øverste kopiere og flytte den 3px opp.
3. Lag oversiden av ikonet
Trinn 1
" formen er valgt og lage en kopi i front (Ctrl-C > Kontroll-F). Bruke rektangel Tool (M), lage en 115 x 25px form, satt fyllfargen på R = 235 G = 175 B = 56 og plasser den som vist i det andre bildet.
på formen gjort i dette trinnet og endre navnet " toppen
".
Trinn 2
" formen er valgt og lage to kopier i front (Ctrl-C > Kontroll-F > Kontroll-F).
Trinn 3
" formen er valgt og fokusere på utseendet panel. Velg hjerneslag og sette farge på hvit, senke Opacity til 30% og endre Blending Mode til Soft Light.
" del av teksten for å åpne Stroke fly-out panel. Sett vekt på 1px og sjekk Align Stroke til Inside knappen. Til slutt ting skal se ut i følgende bilde.
Trinn 4
" form, sørg for at hele banen er valgt (bare klikk på " Bane
" brikke av tekst fra toppen av Utseende panel) og gå til Effekt > Stilisere > Drop Shadow. Tast egenskapene som vises i venstre vindu (i følgende bilde), klikk OK og gå igjen til Effect > Stilisere > Drop Shadow. Tast egenskapene som vises i vinduet i midten, klikk på OK og gå en gang til Effect > Stilisere > Drop Shadow. Tast egenskapene som vises i vinduet til høyre og klikk på OK.
Trinn 5
" form, sørg for at hele banen er valgt og legge til tre Drop Shadow effekt (Effect > stiliserer > Drop Shadow) vist i følgende bilde.
4. Lag bakgrunns
Trinn 1
".
Trinn 2
" form, fokus på utseendet panel og andre fyll bruker Legg til ny Fill-knappen (påpekt av den blå sirkelen i følgende bilde). Sørg for at denne nye fill forblir valgt, åpner Gradient panelet (Vindu > Gradient) og klikker på gradient miniatyr å legge standard svart til hvitt lineær gradient.
5. Legg Subtle Shading
Trinn 1
" formen er valgt og fokusere på utseendet panel. Velg den eksisterende slag, satt sin farge på svart og endre Blending Mode til Soft Light. Åpne Stroke fly-out panel for slag, sørg for at vekten er satt til 1px og sjekk Align Stroke til Inside knappen.
Trinn 2
" formen er valgt, fokus på Utseende-panelet velger du eksisterende fylle og legge de to Drop Shadow effekt (Effect > stiliserer > Drop Shadow). vist i følgende bilde
Trinn 3
" formen er valgt, fokus på Utseende panel og legge til en annen fylling bruker det samme Legg til ny Fyll knappen. Velg denne nye fyll, dra den i bunnen av Utseende panel og sette farge på svart.
Trinn 4
" formen er valgt, fokus på Utseende panel og legge til en tredje fill bruker det samme Legg til ny Fyll knappen. Velg denne nye fyll, dra den i bunnen av Utseende panel og sette farge på svart.
Gratulerer! Du er ferdig!