Quick Tips: Lage enkle ikoner med Adobe Illustrator, en nybegynners guide
For nybegynnere, skarpe ikoner kan være vanskelig å få i Adobe Illustrator. Med noen enkle triks, Utseende Panel og Shape Builder Tool, du vil bli å lage profesjonelle ikoner på kort tid, det er lett!
Trinn 1
< p> Først oppretter et nytt dokument i omfanget av ikonet, vanligste størrelsene er 96px, 48px, 32px, 24px og 16px. For denne opplæringen vil jeg skal lage en 48 x 48px størrelse ikonet. Sett fargemodus til RGB, Raster Effects til 72ppi og enhetene til piksler.
Trinn 2
Vi vil nå sette rutenettet til piksler, dette vil gjøre det lettere å planlegge design. Gå til Innstillinger > Guider og Rister og sette linjenettet å bli 10px med 10 underavdelinger deretter gå til Vis > Vis rutenett deretter View > Fest til rutenettet.
Trinn 3
Med alle mine ikoner (bortsett fra helt grunnleggende seg) jeg liker å gjøre en rask oversikt skisse som base for min design. Du kan tegne med penn og papir, eller du kan tegne inn Illustrator eller Photoshop. Jeg gjorde min skisse i Photoshop og deretter kopiere og lime den inn på artboard i Illustrator.
Når skissen er på artboard jeg kan skalere det, plasser den og deretter redusere opacity til 50%. Hvis du bruker en skisse, redusere opacity til 50% (eller mer hvis skissen er litt for mørkt) så låse lag og lage et nytt lag under skisse laget, vil dette være dine kunstverk laget.
Trinn 4
Med en kompleks form, kan du bryte det ned i grunnleggende former. For denne utformingen har jeg sporet hodet med Ellipse Tool (L) og deretter flyttes og roteres formene på plass med det Selection Tool (V).
Når de grunnleggende formene er i omtrentlige posisjon, tar form Builder Tool (Shift + M) og flette dem sammen ved å dra markøren over figurene.
Trinn 5
Hvis du trenger å gjøre små kurver, ta Pen Tool (P ) og trekke i den grunnleggende form. Lag et punkt på midten av hver kurve, dette er hvor linjene skal glattes.
For å gjøre glatte kurver fra punkter, ta Convert Anchor Point Tool (Shift + C) og dra punktet mens du holder nede Shift-tasten.
For å gjøre symmetri enklere, bruker Reflect Tool (O). For å gjenspeile en figur, velger du først den med Selection Tool (V) og velg deretter Reflect Tool (O) og Tilvalg + klikk på artboard der formen vil reflektere, bør du nå se en innstillingsboks.
Angi aksen til måten du ønsker å gjenspeile formen (mitt bilde reflekteres vertikalt) og klikk på Kopier. Du vil nå ha et reflektert kopi av form.
Kombiner figurer med Shape Builder Tool (Shift + M) og glatt noen poeng med Convert Anchor Point Tool (Shift + C).
Trinn 6
Her er den morsomme delen. Det er et triks du kan bruke til å forhåndsvise ikonet mens du arbeider. Først går du til Window > Nytt vindu. Dette vil skape en kopi av dokumentet du jobber med.
Når du har gjort det nye vinduet, skjule rutenettet. I "View" -menyen, sette vinduet til Faktisk størrelse, Hide tegnebord og velg Pixel Preview. Du vil nå ha en nesten perfekt forhåndsvisning av det ferdige ikon.
Det beste med å jobbe med det andre vinduet er at alt du endre på det første vinduet vil også endre seg i det andre vinduet.
Trinn 7
Å lage en knapp bak ikonet, velg Avrundet rektangel Tool og Tilvalg + klikk på artboard, dette vil få opp en innstillingsmeny. Sett Bredde og Høyde til noen få piksler mindre enn den endelige ikonstørrelse, vil dette gi deg plass til å legge noen skygger eller virkninger senere. Radiusen hjørne vil være forskjellig avhengig av størrelsen på ikonet du oppretter, har jeg valgt å bruke 6PX fordi min ikonet er ganske liten.
Når du har opprettet avrundet rektangel, velger du den og flytte det bak ikon design ved å trykke Command + Venstre hakeparentes Key.
Trinn 8
for å gjøre en myk gradient for avrundet rektangel, fyll form ved hjelp av gradient Tool ( G) og endre bunnkartet i gradient å være en mid grå, endre topp swatch til en svært lys grå og deretter rett under toppen swatch, klikk på gradient å legge til en tredje fargeprøve. Endre tredje kartet for å være en litt mørkere nyanse av den andre grå
For å legge til en disposisjon, gå til Utseende Panel (Vindu > Utseende) og med avrundet rektangel valgt, klikker du på slaget alternativet, sett fargen til å være en mid grå (litt mørkere enn den mørkeste skyggen) og sette vekten til 1PX.
Trinn 9
nå vil vi legge til en gradient disposisjon til ikonet form og lagre knappen og ikonstiler for fremtidige design. For det første er den enkleste måten å lage en gradient disposisjon på en form for å skape en offset bane. For å gjøre dette, velger formen, deretter i Utseende Panel (Vindu > Utseende) legge til en ny fylle over den første fyllet. Gjør dette til en litt mørkere versjon av første stigning.
Som du ser i eksempelet bildet nedenfor, har jeg brukt en mørk radial gradient for innsiden av formen (øverst gradient) og en lettere versjon for omrisset (nederst gradient). Begge fyller kan endres ved å velge fyllet i Utseende Panel og endre innstillingene med Gradient Panel (Vindu > Gradient). Og Gradient Tool (G)
Velg den øverste gradient i Utseende Panel og gå til Fx Slik lagrer du et utseende som en fargeprøve, gå til Utseende Panel og dra ikonet øverst i panelet inn i Graphic Styles Panel (Vindu > Graphic Styles). Du vil nå ha to grafiske stiler som kan brukes til mange forskjellige former og knapper for å lage en rask sett av grunnleggende ikonene. Se hva du kan komme opp med, og gjerne dele arbeidet ditt på Vectortuts + Facebook-side. Hvis du likte denne opplæringen, kan du "Hvordan lage en Gjenbruk Ikon stil med Utseende Panel".
knappen nederst i panelet. Naviger til bane > Offset Sti og sette offset til -1px med Round tiltrer og klikk på OK.
Konklusjon