Hurtig Tips Hvordan lage et enkelt sett med bånd ikoner

I den følgende opplæringen lærer du hvordan du lager et enkelt sett med båndikoner. Først skal vi bygge startformene ved hjelp av flere grunnleggende verktøy sammen med noen enkle effekter og vektorkonstruksjonsteknikker. Deretter legger vi til ekstra detaljer og farger ved hjelp av Pathfinder-alternativer, stiplede slag, et innebygd mønster og noen nye effekter. Til slutt legger vi til en enkel tekst med en diskret skyggeeffekt.


Trinn 1

Lag et 600 x 300 px RGB-dokument. Først aktiverer gridet (Vis> Vis grid) og Snap to Grid (Vis> Snap to Grid). Deretter trenger du et rutenett hver 5px. Gå til Rediger> Innstillinger> Veiledninger> Rutenett, skriv inn 5 i Rutenettlinjen hver boks og 1 i Retningslinjene. Du kan også åpne Info-panelet (Vindu> Info) for et forhåndsvisning med størrelsen og plasseringen av figurene dine. Ikke glem å bytte måleenheten til piksler fra Rediger> Innstillinger> Enhet> Generelt. Alle disse alternativene vil øke arbeidshastigheten betydelig.


Steg 2

Velg Rectangle Tool (M), opprett tre, 80 med 125px figurer og plasser dem som vist i bildet nedenfor. Fyll dem med den lineære gradienten som er vist nedenfor, og fjern fargen fra strekningen. De hvite tallene fra gradientbildestativet for plasseringsprosent.


Trinn 3

Velg venstre og midt rektangler og gå til Objekt> Sti> Legg til ankerpunkter. Velg riktig rektangel og fokus på bunnen. Velg Add Anchor Point Tool (+) og legg til syv nye ankerpunkter som vist i det andre bildet. Snap to Grid vil lette arbeidet ditt.


Trinn 4

Fokuser på venstre rektangel og velg Direkte markeringsverktøy (A). Velg ankerpunktet som er markert i det første bildet, og dra det 30 px opp. Flytt til midtrektangel. Igjen, velg Direct Selection Tool (A), velg midtpunktpunktet (uthevet i det andre bildet) og dra det 30px opp. Bytt til Slett ankerpunktsverktøyet (-) og klikk på venstre og høyre ankerpunkt (sirkler i det andre bildet). Endelig flytter du til høyre rektangel. Velg direkte markeringsverktøyet (A), velg de fire ankerpunktene som er markert i det tredje bildet, og dra dem 10px opp.


Trinn 5

Gå tilbake til den venstre formen, velg den og gå til Objekt> Sti> Offset Path. Skriv inn en -5px Offset og klikk OK. Velg den resulterende formen, fjern fargen fra fyllingen og legg til 1pt slag. Still fargen på R = 0 G = 132 B = 174 og åpne berøringspanelet. Først, sjekk "Dashed Line" -boksen og "Juster dashes to corners ..." -knappen. Skriv inn 3 i dash-boksen og 4 i gapboksen, og gå deretter til Effect> Stylize> Drop Shadow. Skriv inn dataene som er vist nedenfor, og klikk OK.


Trinn 6

Fortsett å fokusere på formen som ble opprettet i forrige trinn. Velg direkte markeringsverktøyet (A), klikk på oversiden og trykk Slett-tasten på tastaturet for å fjerne det. Kontroller at den resulterende banen fortsatt er valgt, og gå til Effekt> Stylize> Avrundede hjørner. Skriv inn en radius på 5px og klikk OK. Bytt til Direct Selection Tool (A) og fokus på toppankerpunktene. Velg dem begge og dra dem 5px opp.


Trinn 7

Velg mellomformen og gå til Objekt> Sti> Offset Path. Skriv inn en -5px Offset og klikk OK. Velg den resulterende formen, fjern fargen fra fyllingen, og legg deretter til 1pt, strekket strekk og Drop Shadow-effekten.


Trinn 8

Tilbakestill formen som ble opprettet i forrige trinn, og slett den øverste siden. Velg den resulterende banen og gå til Effect> Stylize> Rounded Corners. Skriv inn en radius på 5px og klikk OK. Til slutt velger du toppankerpunktene og drar dem 5px opp.


Trinn 9

Velg riktig form og gå til Objekt> Path> Offset Path. Skriv inn en -5px Offset og klikk OK. Igjen, velg den resulterende formen, fjern fargene fra fyllingen, legg deretter til 1pt, strekket strekk og Drop Shadow-effekten.


Trinn 10

Tilbakestill formen som ble opprettet i forrige trinn, og slett den øverste siden. Bytt til Verktøy for slett ankerpunkt (-) og fjern de syv ankerpunktene som er markert i det andre bildet. Til slutt bør du ha to vertikale stier. Bytt til Direct Selection Tool (A), velg toppankerpunktene og dra dem 5px opp.


Trinn 11

Velg de tre blå figurene på nytt og gå til Effect> Stylize> Rounded Corners. Skriv inn en radius på 5px, klikk OK og gå til Objekt> Utvid utseende.


Trinn 12

Deaktiver Snap to Grid (Vis> Snap to Grid), gå til Rediger> Innstillinger> Generelt, og kontroller at tastaturøkningen er satt til 1px. Velg venstre form og lag to kopier foran (Kontroll + C> Kontroll + F> Kontroll + F). Velg toppkopien og trykk pil opp en gang. Vellgjør begge eksemplene åpne Pathfinder-panelet og klikk på Minus Front-knappen. Fyll den resulterende formen med R = 0 G = 132 B = 174. Velg den venstre formen og lage to nye eksemplarer foran (Kontroll + C> Kontroll + F> Kontroll + F).

Velg toppkopien og trykk på pil ned en gang. Velg begge kopier og klikk på Minus Front-knappen fra Pathfinder-panelet. Fyll den resulterende formen med R = 3 G = 181 B = 207. Velg den venstre formen og lage to nye eksemplarer foran (Kontroll + C> Kontroll + F> Kontroll + F). Velg toppkopien og trykk to ganger på pil ned. Velg begge kopier og klikk på Minus Front-knappen fra Pathfinder-panelet. Fyll den resulterende formen med hvit og senk dens opasitet til 70%.


Trinn 13

Velg de tre figurene som ble opprettet i forrige trinn, grupper dem (Control + G) og bring gruppen til forsiden (Shift + Control + Right Square Bracket). Flytt til midten form og gjenta dette trinnet sammen med teknikkene nevnt i forrige trinn. Gjør det samme med riktig form. Til slutt skal figurene dine se ut i det andre bildet.


Trinn 14

Velg den venstre formen, åpne Utseendepanelet (Vindu> Utseende) og legg til et nytt fyll med knappen Legg til ny fylling. Det er det lille hvite, firkantede ikonet fra bunnen av Utseendepanelet. Velg denne nye fyllingen, dra den under eksisterende fyll, gjør den svart, senk dens opasitet til 15%, og gå til Effekt> Forvreng & Transform> Transform. Skriv inn dataene som er vist nedenfor, og klikk OK.


Trinn 15

Velg den venstre formen, legg til en tredje fylling og dra den øverst i Utseendepanelet. Du trenger et innebygd mønster for denne nye fyllingen. Gå til Swathes-panelet (Vindu> Støtter), åpne menyen for utløp og gå til Åpne Swatch Library> Mønster> Dekorative> Decorative_Primitive. Et nytt vindu med en haug med fint mønster skal åpnes. Se etter "Mayan Bricks" -mønsteret. Kontroller at den venstre formen fortsatt er valgt, velg den nye fyllingen, senk dens opasitet til 3%, endre blandemodus til Multiply og legg til "Mayan Bricks" -mønsteret. Velg den venstre formen, kontroller at ingen fylling er valgt, og gå til Effekt> Stylize> Drop Shadow. Skriv inn dataene som er vist nedenfor, og klikk OK.


Trinn 16

La oss kopiere egenskapene fra venstre form til mellom og høyre figurer. Slik gjør du det enkelt. Gå til lagpanelet, fokus på høyre side, og du vil legge merke til at hver form kommer med en liten grå sirkel. Det kalles et målikon. Hold alt, klikk på sirkelen som står for venstre form og dra på sirkelen som står for mellom og høyre figurer. Fortsett med Type Tool (T) og legg til litt enkel tekst. Du kan bruke Pacifico-fonten med en størrelse på 20pt. Still fargen på R = 245 G = 245 B = 245 og gå til Effekt> Stylize> Drop Shadow. Skriv inn dataene som vises nedenfor, klikk OK, og du er ferdig.


Konklusjon

Nå er arbeidet ditt gjort. Slik ser det ut. Jeg håper du har hatt glede av denne tut.