Quick Tips: Lag et sett med Scalable Grunge Icons

Følg denne raske tips og lære hvordan lage et sett med grunge ikoner. Vi vil bruke massevis av kunst børster og med hjelp av Pathfinder Panel vil vi skape den grunge form. Å fremheve grungy utseende vil vi bruke Glass (Frosted) effekt sammen med andre opptredener.

Trinn 1

Først åpner en ny web-dokument. Bruk rektangel Tool (M) for å tegne en 90x90 px kvadrat og gi det noen fyllfarge. Kopier og lim den foran, slette eksisterende fyllfarge og gi det bare en pt Stroke. Deretter tar den saks Tool (C), og klikk på de fire hjørner av et svart bane å kutte torget i segmenter. Jeg farget de resulterende fire baner annerledes, slik at du kan se dem bedre.

Trinn 2

Velg den rosa banen og strøk den med en Art pensel kalt Charcoal-Tykk som du kan finne i Brush Biblioteker menyen under Artistic > Artistic_ChalkCharcoalPencil. Bruk samme pensel til å stryke den blå banen. Gå videre til den oransje stien og strøk det med Chalk-Scribble fra samme kategori. For den grønne banen har jeg brukt Dry Brush 8 som du finner under Artistic > Artistic_Paintbrush. Strek vekt er en pt for dem alle. Du kan velge andre børster fra biblioteket hvis du vil, det er ingen regel her. Jeg har prøvd flere, og deretter brukt de som jeg likte.

Du kan også snu dem ved å åpne Stroke Options vinduet fra Utseende Panel og kontrollere Flip Sammen eller Snu Across alternativer.

Trinn 3

Kopier og lim foran venstre sti og fjerne den eksisterende penselstrøk. Velg hvit som strøkfargen deretter åpne Brush biblioteker menyen og naviger til Artistic > Artistic_Ink. Her finner du en Art pensel kalt Galaxy, bruke den til å stryke denne veien (1). Kopier og lim foran bunnen banen og bruke Brann Ash å klappe den (2), som du kan finne i samme kategori. Strek vekt for disse to veiene er en pt.

Kopier og lim foran igjen bunnen banen og strøk det med Dry Brush 2 som kan finnes under Artistic > Artistic_ChalkCharcoalPencil. Endre Stroke vekt for denne veien til 0,5 pt (3).

Neste, ta Pen Tool (P) og tegne en sti over toppen høyre hjørne av plassen som på bildet nedenfor. Stryke det med en Art pensel kalt Chalk at du kan finne i henhold Artistic > Artistic_ChalkCharcoalPencil og endre Stroke vekt til 2 pt.

Trinn 4

Skjul alle de hvite streker og fokusere på de første penselstrøk (trinn 2). Velg alle fire og fra Object-menyen velger Utvid Utseende. Velg alle de resulterende rosa figurer og også den firkantede og klikk på Legg til forme området > Utvid fra Pathfinder Panel. Du vil få den grunge sammensatt bane vist i den første delen av bildet nedenfor.

Nå gjør alle de hvite penselstrøk synlig igjen. Velg alle fire deretter fra Object-menyen velger Utvid Utseende og fra Pathfinder Panel velg Legg til forme området > Utvide. Som et resultat av disse tiltak vil man få et komplekst sammensatt bane som den som er vist i den andre delen av bildet. Velg begge sammensatte baner (denne ene og den grønne) og klikk Trekk fra form området > Utvid fra Pathfinder Panel. Grunge form som du trenger for å lage disse ikonene er klar.

Trinn 5

Fyll grunge formen oppnådd med radial gradient vist deretter gå til Utseende Panel, åpner fly-out menyen og velger Add New Fill. Endre gradient med andre gradient vist i eksempelet nedenfor, som har de samme fargene bare de er invertert. Å ha denne andre fill valgt i Utseende Panel, gå til Effect menyen > Sti > Offset Path og påfør et minus 2 px offset verdi

Med andre fyll fortsatt er valgt, gå til Effect menyen >. Distort og bruke Glass effekt. Sette verdiene som vises og som tekstur velger Frosted. Deretter går du til Effect menyen > Stilisere og anvende Feather effekten deretter endre Blending mode til Soft Light.

Trinn 6

La oss fortsette med de symboler. Alle symbolene som jeg har brukt finner du i den symbolbiblioteker menyen i kategoriene skrevet ved siden av hver enkelt. Finn dem, drar dem inn i ditt arbeidsområde, og trykk på Break Link til symbolknappen i Symboler Panel.

Trinn 7

Fokus på start symbol. Etter at du trykker Break Link til symbol knappen gå til Object-menyen og velg Del opp gruppe to ganger. Som et resultat vil du få tre former, hjemmet og de to vinduene. Velg dem alle, og klikk Trekk fra form området > Utvid fra Pathfinder Panel for å oppnå en enkelt sammensatt bane.

gå videre til Shopping symbol. Velg Utvid fra Object-menyen for å forvandle de slag i fyllingene deretter opp gruppe det tre ganger. Nå velger alle figurene som utgjør handlekurven og klikk på Legg til forme området > Utvid for å oppnå en enkelt form.

Fortsett med søk World Wide symbol. Velg Utvid Utseende fra Object-menyen og deretter Utvid å forvandle alle slag til fyll. Del opp det to ganger og velg alle figurene som utgjør dette symbolet, og klikk på Legg til for å forme området > Utvid å forene dem alle.

Trinn 8

Velg På symbol og først slette 3D-effekten fra Utseende Panel. Utvide den deretter opp gruppe det to ganger. For Talk Balloon symbol, rett og slett opp gruppe det to ganger, og 3D-effekten vil fjerne seg.

Trinn 9

Løs opp gruppe Kontakter symbol og slette den grå avrundet rektangel. Velg alle former og klikk på Legg til for å forme området >. Utvid for å oppnå en enkelt sammensatt bane

Fortsett med Mail symbol og dele opp den tre ganger. Slett alle de hvite figurene deretter velge alle de svarte streker og utvide dem. Nå velger alt og klikk på Legg til forme området >. Utvid fra Pathfinder Panel

Løs opp gruppe telefonsymbolet to ganger og velg den avrundet rektangel og slette den svarte fyll. Gi den en 1 pt svart Stroke deretter gå til Object-menyen, og utvide den. Velg alle figurene som utgjør symbol, og klikk på Legg til forme området > Utvid å forene dem.

Trinn 10

Her er alle symbolene oppnådd så langt. De har forskjellige størrelser så skalere dem før de alle er av omtrent samme størrelse. De andre symboler som jeg har brukt ble oppnådd det samme som de andre. Formålet her er å få fra gruppen av figurer som utgjør hvert symbol en enkelt bane.

Trinn 11

La oss gå tilbake til den grunge-ikonet form og sette start symbol oppnådd i trinn 7 i midten. Fyll den med hvit og deretter gå til Utseende Panel, åpner fly-out menyen og velger Add New Fill. Endre fyllfargen til grå og deretter gå til Effect menyen > Blur og bruke en 3 px Gaussian Blur. På denne måten vil du få en diskret skygge rundt symbol

Neste, ta Type Tool (T) og type ". Home " med en skrift som heter kataklysmisk som fungerer perfekt i dette tilfellet. Du finner den her. Den første grunge-ikonet er klar, og du kan bruke den til å lage de andre.

Dupliser grunge ikonet form og bare endre de to radiale gradienter med de som vises. Sett på symbolet over det, fyll den med hvit deretter opprette diskret skygge rundt det som vist ovenfor. Type " Adresse " bruker samme font

Gjør de samme endringene for å skape Shop ikonet ...

... og på søkeikonet.

Trinn 12

Her er de fire grunge ikoner gjort så langt. Hvis du ønsker å skalere dem, sørg for at du velger Utvid Utseende for grunge form til å utvide alle effektene som er brukt. Det samme gjelder for symbolene for å utvide Gaussian Blur effekt. Foruten den hvite fyll, har teksten også en 0,5 pt hvit Stroke å gjøre det litt tykkere derfor det må utvides to ganger. Nå er de alle er klare til å bli skalert.

Trinn 13

Hvis du ønsker å lage resten av ikonene akkurat som i det endelige bildet, her er de to radiale gradienter som jeg har brukt for hver enkelt av dem. Endre dem deretter plassere symbolet og skriv inn teksten

Her er de to andre ikoner.

Step 14

Mulighetene er uendelige. I dette settet jeg også gjort et Dokumenter ikon, mote, Innstillinger og en Været ikonet med resten av symbolene som vises på trinn 6. Du kan velge hvilken som helst tema og farger. Du kan også velge å ikke skrive teksten og la dem enkle.

Final Bilde

Her er det endelige bildet, jeg håper du liker disse fargerike grunge ikoner.