Quick Tips: Hvordan lage en Gjenbruk Ikon stil med Utseende Panel

I det følgende raske tips vil du lære hvordan du kan lage en søt avrundet stilikon. Du vil bruke grunnleggende former og Pathfinder alternativer for å skape tegnstilikoner og utseendet Panel å skape en stil som kan gjenbrukes på alt fra ikoner til tekst. La oss begynne!

Trinn 1

Fordi denne designen er ment å brukes som en web-ikon, begynne med å lage en 96 X 96 piksel artboard. Andre populære størrelser for web ikoner er 48px og 16px. Når du oppretter ikoner husk å sette rutenettet til piksler. Gå til Innstillinger > Guides & Grid og endre innstillingene til å ha et rutenett linje hver 10px med 10 underavdelinger. Dette vil gi deg en piksel størrelse rutenett å jobbe med.

Trinn 2

Som et eksempel, jeg skal vise deg hvordan å lage en enkel forstørrelsesglasset ved hjelp av Pathfinder alternativer og noen former. Du kan lage den formen du ønsker.

For å lage et forstørrelsesglass, Command + Klikk på artboard med Ellipse Tool (L) for å få opp Ellipse Options dialog og skriv 42px for både bredde og høyde. Klikk OK for å opprette en sirkel.

Trinn 3

Med rektangelverktøyet (L), Command + klikk på artboard å få opp rektangulært Options dialog og skriv 12px for bredden og 40px for høyden. Dette vil være i håndtaket på forstørrelsesglasset.

Trinn 4

Plasser rektangel på bunnen av Ellipse, slik at det er litt overlapping, og plasser de to formene horisontalt. Du finner Juster Alternativer øverst i programvinduet eller ved å gå til Window > Juster.

Trinn 5

Velg begge former, og mens du holder nede Shift, Roter formen til venstre slik at den sitter diagonalt. Gruppe to figurer med Command + G og justere dem til Artboard. Du kan justere objekter til artboard ved å klikke på " Juster til " alternativer på Align Panel. Når alternativet er valgt, vil alt som er justert på artboard justere med artboard selv og ikke de objektene som den er valgt med.

Merk:
Et annet nyttig verktøy er Align være Pixel Grid alternativet som er i Illustrator CS5. Dette vil sørge for at figurene vil eksportere fra Illustrator med de skarpeste linjene mulige. For å finne den Align være Pixel alternativet Grid, gå til Window > Transform og det vil være en avkrysningsboks nederst Transform Panel

Trinn 6

Velg Ellipse og gå til Object >.; Sti > Offset Sti og i dialogboksen angir -6px. Dette vil skape en mindre Ellipse. Velg den nye Ellipse og fylle det med en farge som er forskjellig fra hovedobjektet slik at du kan se den.

Trinn 7

Velg den store Ellipse og rektangel og i Pathfinder Panel, Option + Klikk på Unite-knappen for å opprette en forbindelse Shape. Jeg liker dette alternativet som det ikke helt kombinere og utvide objektet, noe som gir deg muligheten til å justere figurene senere uten å måtte trekke dem.

Med objektene fortsatt er valgt, kan du sende dem til tilbake med " Command + Shift + Venstre hakeparentes ".

Trinn 8

Velg Mindre Ellipse og Kopier den (Kommando + C) og deretter slette den. Klikk inn i forbindelse Shape of lupen Shape og lim den Mindre Ellipse i Place (Command + F). Velg både Ellipse og Option + Klikk på Ekskluder-knappen for å skjære et hull i hoved ellipse. Igjen, fordi det er en sammensatt form, er det enkelt å redigere senere.

Trinn 9

Nå vil vi begynne å lage stilikon. Velg objektet du jobber med og gå til Utseende Panel. Velg Fyll laget og klikk på ikonet Effekter på bunnen av dialogen. Gå til Stylize > Runde hjørner og skriv 2 piksler som Radius, klikk på OK.

Merk:
Du kan forhåndsvise effekten ved å velge forhåndsvisningsboksen nederst i Round Corner alternativer dialog. Dette kan være nyttig hvis du ikke er sikker på skalaen.

Trinn 10

Lag ny fylleslag i Utseende Panel (du kan gjøre dette ved å klikke på ikonet nederst av panelet), og velg en farge du liker. Jeg har brukt blå og endret hoved ikonet til White. Gå tilbake til fanen effekter og velg Konverter til figur > Ellipse. Dette vil dynamisk lage en sirkel bak ikonet.

Angi bredden og høyden du ønsker å gjøre på ikonet. Jeg har valgt 93px for begge, slik at det er noen få piksler igjen hver side av 96px ikonet plass.

Trinn 11

Med den blå Fyll Layer valgt i Utseende-panelet og hoved Shape likevel valgt å gå tilbake til kategorien effekter og velg Distort & Transform > Zig Zag. Vi vil sette den relative størrelsen på Zig zags til 1% (dette vil gjøre dem i stand til å skalere med objektet), til Ridges per segment til 15 og poeng Glatt. Du kan spille rundt med disse innstillingene til du har en titt du vil.

Trinn 12

For den siste finpussen, legge til en subtil korn effekt. Igjen, dette er brukt i Effects Meny ved å gå til Texture > Korn. Spill med intensiteten og Kontrast til du finner en stil du liker, jeg har gjort min subtile med mørke flekker ved hjelp av en intensitet på 12 og en kontrast på 64. Innstillingene vil være forskjellig avhengig av hvor mørk eller lys fargen er. Klikk OK og beundre resultatene

Merk:.
At kornet er et raster effekt, kan du få noen skarpe kanter. Dette er fordi standard Raster Effektinnstillinger er satt til 72dpi å spare rende tid. Hvis du ønsker å øke seer oppløsning kan du gjøre det ved å gå til Effect > Dokumentrastereffektinnstillinger. Jeg vil anbefale å gjøre dette på slutten av et prosjekt som en høy innstilling kan forsinke Illustrator.

Ta deg tid til å gjøre noen variasjoner på stil og teste dem på ulike former og bokstaver. Jeg har gjort noen justeringer på hovedtemaet ved å skape en lysere farge med en annen Grain innstilling og noen firkantede former i stedet for sirkler som jeg har brukt på en fet skrift. Når du er fornøyd med resultatet, lagre dem til Graphic Styles Panel for fremtidige prosjekter. Du kan gjøre dette ved å velge objektet og klikke på ny grafisk stil knappen nederst i panelet.

Konklusjon

Det du har det. En enkel måte å gjøre noen forskjellige effekter som vil hjelpe deg å lage noen søte ser ikoner. Nå har du lært hvordan effektene kan komme godt med når du oppretter egendefinerte ikonsett, er alt du trenger et sett av symboler og noen stiler, og du kan lage hundrevis av forskjellige design. Jeg håper du likte denne tut.