Rask Tips Lag et sett med skalerbare Grunge-ikoner

Følg dette raske tipset og lær hvordan du lager et sett med grunge ikoner. Vi vil bruke mange kunstbørster og ved hjelp av Pathfinder-panelet vil vi lage grungeformen. For å fremheve det grungy utseendet, vil vi bruke Glass (Frosted) effekten sammen med andre utseende.


Trinn 1

Åpne først et nytt webdokument. Bruk Rectangle Tool (M) til å tegne en 90x90 px firkant og gi den en hvilken som helst fyllfarge. Kopier og lim den foran, slett den eksisterende fyllfargen, og gi den bare en 1 pt Stroke. Deretter tar du saksverktøyet (C) og klikker på de fire hjørnepunktene i den svarte banen for å kutte torget i segmenter. Jeg fargede de resulterende fire banene annerledes slik at du kan se dem bedre.


Steg 2

Velg den rosa banen og strekk den ved hjelp av en kunstpensel kalt kulltrik som du finner i Brush Libraries-menyen under Artistic> Artistic_ChalkCharcoalPencil. Bruk den samme børsten til å slå den blå banen. Gå videre til den oransje banen og strekk den med Chalk-Scribble fra samme kategori. For den grønne banen har jeg brukt Dry Brush 8 som finnes under Artistic> Artistic_Paintbrush. Strokevekten er 1 pt for alle. Du kan velge andre pensler fra biblioteket hvis du vil, det er ingen regel her. Jeg har prøvd flere og brukte dem som jeg likte.

Du kan også vende dem ved å åpne Stroke Options-vinduet fra Utseendepanelet og markere alternativene Flip Along eller Flip Across.


Trinn 3

Kopier og lim inn foran den venstre banen og fjern det eksisterende penselslaget. Velg hvitt som strekkfargen, og åpne deretter Brush Libraries-menyen og naviger til Artistic> Artistic_Ink. Her finner du en kunstpensel kalt Galaxy, bruk den til å berøre denne banen (1). Kopier og lim inn foran bunnbanen og bruk Brannas til å slå den (2), som du finner i samme kategori. Strokevekten for disse to banene er 1 pt.

Kopier og lim inn foran bunnbanen og strekk den med Dry Brush 2, som finnes under Artistic> Artistic_ChalkCharcoalPencil. Endre strekkvekten for denne banen til 0,5 pt (3).

Deretter tar du pennverktøyet (P) og tegner en sti over det øverste høyre hjørnet av torget som i bildet nedenfor. Slå den med en kunstpensel kalt Kalk som du finner under Artistic> Artistic_ChalkCharcoalPencil og endre slagvekten til 2 pt.


Trinn 4

Skjul alle de hvite strekkene og fokus på de første børstestrengene (trinn 2). Velg alle fire og fra Objekt-menyen, velg Utvid utseende. Velg alle de resulterende rosa figurene og også kvadratet, og klikk på Legg til til formområde> Utvid fra Pathfinder Panel. Du får tak i grungeforbindelsesbanen som vises i den første delen av bildet nedenfor.

Gjør nå alle de hvite børstestrengene synlige igjen. Velg alle fire, og velg deretter Utseende fra Objekt-menyen, og velg Legg til formområde> Utvid fra Pathfinder-panelet. Som et resultat av disse handlingene vil du oppnå en kompleks sammensatt bane som den som vises i den andre delen av bildet. Velg begge sammensatte banene (denne og den grønne) og klikk på Subtrahere fra formområde> Utvid fra Pathfinder Panel. Grunneformen du trenger for å lage disse ikonene er klar.


Trinn 5

Fyll den grunneformen som er oppnådd med den radiale gradienten som vises, gå til Utseendepanelet, åpne avtrekksmenyen og velg Legg til ny fylling. Endre gradienten med den andre gradienten som er vist i eksemplet nedenfor, som kun har samme farger de er inverterte. Når du har denne andre fyllingen valgt i Utseendepanelet, går du til Effect-menyen> Sti> Offset-vei og bruker en minus 2 px Offset-verdi.

Når den andre fyllingen fortsatt er valgt, gå til Effektmeny> Forvreng og bruk Glass-effekten. Angi verdiene som vises og som tekstur velger Frostet. Deretter går du til Effect-menyen> Stylize og bruker Feather-effekten og endrer deretter Blending-modusen til Soft Light.


Trinn 6

La oss fortsette med symbolene. Alle symbolene jeg har brukt, finnes i Symbolbibliotek-menyen i kategoriene skrevet ved siden av hver enkelt. Finn dem, dra dem alle inn i arbeidsområdet ditt og trykk på knappen Bryt link til symbol i symbolpanelet.


Trinn 7

Fokuser på hjemmets symbol. Når du har trykket på knappen Break Link to Symbol, går du til Objekt-menyen og velger Ugruppering to ganger. Som et resultat får du tre former, hjemmet og de to vinduene. Velg dem alle og klikk Trekk fra formområde> Utvid fra Pathfinder-panelet for å oppnå en enkelt sammensatt bane.

Gå videre til Shopping-symbolet. Velg Utvid fra Objekt-menyen for å forvandle strekkene til fyll og deretter Opphev det tre ganger. Velg nå alle formene som utgjør handlekurven, og klikk på Legg til i formområde> Utvid for å få en enkelt form.

Fortsett med symbolet Søk World Wide. Velg Utvid Utseende fra Objekt-menyen, og deretter Utvid for å transformere alle strekkene i fyll. Opphev det to ganger, velg deretter alle figurene som utgjør dette symbolet, og klikk på Legg til i formområde> Utvid for å forene dem alle.


Trinn 8

Velg symbolet At og først slett 3D-effekten fra Utseendepanelet. Utvide den da, opphev den to ganger. For Talk Balloon-symbolet, bare Ungroup det to ganger, og 3D-effekten vil fjerne seg selv.


Trinn 9

Opphev Kontakter-symbolet og slett det grårundede rektangelet. Velg alle figurene og klikk på Legg til i formområde> Utvid for å oppnå en enkelt sammensatt bane.

Fortsett med Mail-symbolet og opphev det tre ganger. Slett alle de hvite figurene, velg deretter alle de svarte strekkene og utvide dem. Nå, velg alt og klikk Legg til i formområde> Utvid fra Pathfinder Panel.

Ta opp telefonsymbolet to ganger, og velg det avrundede rektangelet og slett den svarte fyllingen. Gi den en 1 pt svart slag og gå til Objekt-menyen og utvide den. Velg alle figurene som utgjør symbolet, og klikk på Legg til i formområde> Utvid for å forene dem.


Trinn 10

Her er alle symbolene innhentet så langt. De har forskjellige størrelser, så skala dem til de alle har omtrent samme størrelse. De andre symbolene jeg har brukt ble oppnådd det samme som de andre. Hensikten er å skaffe seg fra gruppen av former som utgjør hvert enkelt symbol en enkelt bane.


Trinn 11

La oss gå tilbake til grungeikonformen og sette hjemmesymbolet oppnådd i trinn 7 i midten. Fyll det med hvitt, og gå til Utseendepanelet, åpne avtrekksmenyen og velg Legg til ny fylling. Endre fyllfargen til grå, gå til Effect-menyen> Slør og bruk en 3 px Gaussian Blur. På denne måten får du en diskret skygge rundt symbolet.

Deretter tar du Type Tool (T) og skriver "Home" ved hjelp av en font som heter Cataclysmic, som fungerer perfekt i dette tilfellet. Du kan finne den her. Det første grungeikonet er klart og du kan bruke det til å skape de andre.

Dupliserer grungeikonformen og bare endre de to radiale gradienter med de som vises. Sett At-symbolet over det, fyll det med hvitt, og opprett den diskrete skyggen rundt den som vist ovenfor. Skriv inn "Adresse" med samme skrift.

Gjør de samme endringene for å opprette butikkikonet ...

... og søkeikonet:


Trinn 12

Her er de fire grunge ikonene laget så langt. Hvis du vil skalere dem, må du kontrollere at du velger Utvid utseende for grunneformen for å utvide alle effektene som er brukt. Det samme gjelder for symbolene for å utvide Gaussian Blur-effekten. Foruten den hvite fyllingen har teksten også en 0,5 pt hvitt strekk for å gjøre det litt tykkere, derfor må det utvides to ganger. Nå er de alle klar til å bli skalert.


Trinn 13

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

Her er de andre to ikonene:


Trinn 14

Mulighetene er endeløse. I dette settet har jeg også laget et Dokumenter-ikon, Mote, Innstillinger og et vær-ikon ved hjelp av resten av symbolene som vises i trinn 6. Du kan velge tema og farger. Du kan også velge å ikke skrive teksten og la dem være enkle.


Endelig bilde

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