Rask Tips Hvordan lage en Retro Ikonstil med Utseendepanelet

I den følgende Quick tip lærer du hvordan du lager en retro ikonstil. Du vil bruke et vanlig websymbol og Utseendepanelet for å lage en retrostil som kan brukes på alt fra ikoner til tekst. Dette er den perfekte opplæringen for nybegynnere som ønsker å lære mer om Utseendepanelet. La oss begynne!


Trinn 1

Fordi dette designet er ment å bli brukt som et webikon, begynner du med å lage et 96x 96 pikslers tavla. Andre populære størrelser for webikoner er 48px og 16px. Sett enhetene til piksler.


Steg 2

Fordi dette er en grunnleggende opplæring, bruker vi noen forhåndsdefinerte ikoner fra Symbolbiblioteket. Gå til Window> Symbols Libraries> Web Icons. Jeg har valgt saksikonet for å demonstrere effekten på. Dra symbolet til midten av tavlen og skala den så den er omtrent 64px høy.


Trinn 3

Bryt koblingen mellom symbolet og biblioteket ved å enten gå til Objekt> Utvid utseende, eller hvis du arbeider med et symbol som trenger noen deler gruppert og slettet, kan du bruke Shape Builder Tool (Shift + M) til å kombinere og trekke fra områder av illustrasjonen (i tidligere versjoner av illustratoren kan du bruke Pathfinder-innstillingene).

Med symbolet jeg bruker, høyreklikkte jeg på symbolet for å bryte lenken, og deretter tok verktøyet Shape Builder for å slette de hvite sirkler fra håndtaket. Du kan gjøre dette ved å holde ned alternativet og klikke på områdene som må slettes.


Trinn 4

Åpne Utseende-panelet ved å gå til Windows> Utseende. Gå til "fx"-knappen nederst på Utseendepanelet og naviger til Konverter til form> Ellipse og skriv inn en absolutt bredde og høyde på 92 px.


Trinn 5

I Utseendepanelet klikker du på Legg til ny fyll-knapp nederst på panelet for å lage en ny fyll over den første i en kontrastfarge, jeg bruker gul.


Trinn 6

Klikk på den første fyllingen og endre den fra standard svart til en lysegrå, eller en annen farge som ser bra ut med symbolfargene.


Trinn 7

Velg Ellipsefyllfarge i Utseendepanelet og gå til "fx"og naviger til Distort & Transform> Transform og flytt fyllen 3px Horisontal og 3px Vertikal, klikk OK.


Trinn 8

I panelet Utseende klikker du på Legg til ny fyll-knapp nederst på panelet for å lage en ny fyll over den første symbolfargen i en nyanse en mørkere nyanse i en farge som komplimenterer den første. Jeg bruker brun.


Trinn 9

Med den andre fyllefargen fremdeles valgt, gå til "fx"-knappen og naviger til Distort & Transform> Transform og flytt fyllen 1px Horisontal og -1px Vertikal, klikk OK.


Trinn 10

Med den andre fyllefargen fremdeles valgt, gå til "fx"-knappen og naviger til Pixelate> Farge Halvtid og sett Maksimal Radius til 8 px, klikk OK.

Du bør ende opp med en effekt som eksempelet nedenfor.


Trinn 11

Klikk på opasitetsinnstillingene for halvton-fyllingen og endre den til Multiply med en opasitet på 25%.


Trinn 12

Vi vil nå legge til de siste detaljene for effekten. Først vil vi legge til noe korn. Med objektet valgt, gå til "fx"-knappen og navigere til Texture> Grain. Spill med intensiteten og kontrastinnstillingene til du finner en stil du liker, jeg har brukt en intensitet på 30 og kontrast på 45. Klikk OK.

Deretter legger du en avrundet hjørneeffekt til halvtidsfyllingen. Gjør dette ved å velge halvtidsfyllingen og gå til "fx"knappen og naviger til Stylize> Round Corners. Forhåndsvis Radius for å sikre at effekten ser bra ut. Jeg har brukt 2px. Skalaen på ikonet vil påvirke hvor godt de avrundede hjørner ser ut og hvor mange px du skal bruke.


Trinn 11

Legg til effekten på panelet Grafiske stiler (Vindu> Grafiske stiler) ved å klikke på Ny grafisk stil-knapp nederst på panelet.


Konklusjon

Du vil nå ha en grafisk stil som kan brukes på mange forskjellige former og ikoner for å lage et raskt sett med retro ikoner. For å ta denne veiledningen ytterligere, kan du redigere og endre halvtonelaget av stilen du har laget for å lage en rekke retro stiler uten å måtte starte fra bunnen av. Se hva du kan komme med, og vær så snill å dele arbeidet ditt på Vectortuts + Facebook-siden.

Hvis du likte denne opplæringen, kan du kanskje "Hvordan lage en gjenbrukbar ikonstil med Utseendepanelet" som vil veilede deg gjennom prosessen med å lage et ikon med grunnleggende former og pathfinder-verktøyet, og deretter hvordan du legger til en fin re- brukbar stil. Ha det gøy!