Quick Tips: Hvordan lage en Retro Ikon stil bruker Utseende Panel

I det følgende raske tips vil du lære hvordan du oppretter en retro-ikonet stil. Du vil bruke en standard web symbol og Utseende Panel å skape en retro-stil som kan gjenbrukes på alt fra ikoner til tekst. Dette er den perfekte tutorial for nybegynnere som ønsker å lære mer om den Utseende Panel. 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. Sette enhetene til piksler.

Trinn 2

Fordi dette er en grunnleggende opplæringen vil vi bruke noen pre-laget ikoner fra Symboler bibliotek. Gå til Vindu > Symboler Bibliotekene > Web ikoner. Jeg har valgt den saks ikonet for å demonstrere effekten på. Dra symbolet til midten av artboard og skalere det slik at det er ca 64px høy

Trinn 3

Bryte koblingen mellom symbol og biblioteket ved enten kommer til å Objekt >.; Utvid Utseende, eller hvis du arbeider med et symbol som trenger noen deler gruppert og slettet du kan bruke Shape Builder Tool (Shift + M) for å kombinere og trekke områder av illustrasjonen (i tidligere versjoner av illustratør kan du bruke Pathfinder innstillinger).

Med symbolet Jeg bruker jeg rett klikket på symbolet for å bryte koblingen deretter tok Shape Builder verktøy for å slette de hvite sirklene fra håndtaket, kan du gjøre dette ved å holde nede alternativet og klikke de områdene som må slettes

Trinn 4

Åpne Utseende panel ved å gå til Windows >.; Utseende. Gå til " fx
" -knappen nederst i Utseende-panelet og naviger til Konverter til figur> Ellipse og angi en absolutt bredde og høyde på 92 px.

Trinn 5 Anmeldelser

I Utseende panel, klikker du på Legg til ny Fyll knappen nederst i panelet for å lage en ny fylle ovenfor den første i en kontrastfarge, jeg bruker gul.

Trinn 6

Klikk på den første fyll og endre det fra standard svart til en lys grå, eller en annen farge som ser bra ut med symboler farge.

Trinn 7

Velg Ellipse fylle farge i Utseende Panel og gå til " fx
" og naviger til Forvrenge & Transform > Transform og flytte fill 3px Horisontal og 3px Vertical, klikk OK.

Trinn 8

I Utseende panel, klikker du på Legg til ny Fyll knappen nederst i panelet for å lage en ny fylle over det første symbolet fargen i en nyanse mørkere nyanse i en farge som komplimenterer den første. Jeg bruker brun

Trinn 9

Med andre fyllfarge likevel valgt, gå til " fx
" knappen og naviger til Forvrenge &.; Transform > Transform og flytte fill 1px Horisontal og -1px Vertical, klikk OK.

Trinn 10

Med andre fyllfarge likevel valgt, gå til " fx
" -knappen og naviger til Pikseler > Color Halftone og sett Max. Radius til 8 px, klikk OK.

Du skal ende opp med en effekt som i eksempelet nedenfor.

Trinn 11

Klikk på opacity innstillingene for halvtone fyll og endre den til Multipliser med en tetthet på 25%.

Trinn 12

Vi vil nå legge siste hånd til effekten. Først vil vi legge til noen korn. Med det valgte objektet, gå til " fx
" knappen og naviger til Texture> Grain. Spill med intensiteten og Kontrast til du finner en stil du liker, har jeg brukt en intensitet på 30 og kontrast på 45. Klikk på OK.

Deretter legger et avrundet hjørne effekt på halvtone fyll. Gjør dette ved å velge halvtone fyll og gå til " fx
" knappen og naviger til Stylize > Runde hjørner. Forhåndsvise Radius å sørge for at effekten ser bra ut. Jeg har brukt 2 piksler. Omfanget av ikonet vil påvirke hvor godt de avrundede hjørnene ser ut og hvor mange px du bør bruke

Trinn 11

Legg effekten til Graphic Styles panelet (Vindu > Graphic Styles). ved å klikke på Ny grafisk stil nederst i panelet.

Konklusjon

Du vil nå ha en grafisk stil som kan brukes på mange forskjellige former og ikoner for å skape en rask sett retro ikoner. Å ta denne opplæringen videre kan du redigere og endre halvtone lag av den stilen du har gjort for å skape en rekke retro stilarter uten å måtte starte fra scratch. Se hva du kan komme opp med, og føler seg fri til å dele arbeidet ditt på Vectortuts + Facebook-side.

Hvis du likte denne opplæringen, kan du liker "Hvordan lage en Gjenbruk Ikon stil med Utseende Panel", som vil lede deg gjennom prosessen med å opprette et ikon med grunnformer og stifinner verktøy, og deretter hvordan å legge til en hyggelig gjenbrukbare stil. Ha det gøy!