Quick Tips: Lag en enkel paginering Bar bruker Utseende Panel
I det følgende opplæringen vil du lære hvordan du kan lage en enkel paginering bar. Du vil lære å bruke den Utseende Panel, Stigninger og Transform Effects, for å style en paginering bar. La oss begynne!
Trinn 1
Åpne Illustrator og trykk Kommando + N for å opprette et nytt dokument. Skriv inn 600 i boksen Bredde og 300 i høyden boksen klikk deretter på knappen Avansert. Velg RGB, Screen (72ppi) og sørge for at " Rett nye objekter til Pixel Grid " er merket før og klikk på OK. Aktiver Grid (View > Vis rutenett) og Fest til rutenett (View > Fest til rutenett).
Deretter trenger du et rutenett hver 5px. Gå til Rediger > Preferanser > Guides > Grid, skriv 5 i linjenettet hver boks og en i underinndelinger boksen. Du kan også åpne infopanelet (Vindu > Info) for en live forhåndsvisning med størrelsen og plasseringen av figurer. Ikke glem å bytte måleenhet for å piksler fra Rediger > Preferanser > Enhet > General. Al disse alternativene vil øke arbeidshastigheten.
Trinn 2
Velg den rektangelverktøyet (M), opprette en 215 av 25px form, fyll den med lineær gradient vist nedenfor, og gå til Effect > Stylize > Avrundede hjørner. Skriv en 2 piksler radius, klikk på OK og gå til Object > Utvid Utseende.
Trinn 3
Deaktiver Fest til rutenett (View > Fest til rutenett) og deretter gå til Rediger > Preferanser > Generelt og sørge for at tastaturet Økning er satt til 1px. Velg det avrundet rektangel opprettet i forrige trinn, og lage to kopier foran (Ctrl + C > Ctrl + F > Control + F). Flytt til Lag-panelet, velger du den øverste kopiere og flytte den 1PX ned ved hjelp av pil ned på tastaturet. Reselect begge kopiene, åpne Pathfinder-panelet og klikk på Minus Front-knappen. Fyll den resulterende form med svart og senke opacity til 5%.
Trinn 4
Velg det avrundet rektangel gjort i andre trinn og fokus på utseendet. Legg en 3pt slag og velg den. Juster det til inne, gjør det svart og senke opacity til 5%. Hold fokus på Utseende panel, sørg for at slaget er fortsatt valgt, og klikk to ganger på Duplicate valgte elementet knappen (påpekt av den lille, blå pil). Dette vil legge til to kopier av svart strek. Velg den nederste kopien og gjøre det 2PT bredt deretter velge det øverste kopien og gjøre det 1pt bred. Til slutt din avrundet rektangel skal se ut i følgende bilde.
Trinn 5
Aktiver Fest til rutenett (View > Fest til rutenett). For de følgende trinnene vil du trenge et rutenett hver 1px. Så, gå til Rediger > Preferanser > Guides & Grid og skriv en i linjenettet hver boks. Fokus på høyre side av eksisterende former og ta tak i rektangelverktøyet (M). Lag en 19px kvadrat, fyll den med lineær gradient vist nedenfor, plasser den som vist i følgende bilde og gå til Effect > Stylize > Avrundede hjørner. Skriv en 2 piksler radius, klikk på OK og gå til Object > Utvid Utseende.
Trinn 6
Velg det avrundet firkantet opprettet i forrige trinn og gå til Effect > Stylize > Drop Shadow. Oppgi dataene nedenfor og klikk OK treffe Ctrl + Shift + E. Dette vil legge til en annen, identisk effekt. Sørg for at plassen er fortsatt valgt og gå til Utseende panel. Legg en 2PT, hvit strek, justere den til inne og senke opacity til 50%. Lag en kopi av denne slag, merker du den og redusere sin størrelse til 1pt.
Trinn 7
Velg det avrundet firkant, fokus på Utseende panel og legge til en annen fylling ved hjelp av Legg til ny Fyll knappen. Velg denne nye fyll, dra den i bunnen av Utseende panelet, gjør det svart, senke opacity til 7% og gå til Effect > Sti > Offset Path. Skriv en 2 piksler offset, klikk på OK og gå til Effect > Forvrenge & Transform > Transform. Oppgi dataene nedenfor og klikk på OK.
Trinn 8
Velg den rektangelverktøyet (M), opprette en 5px firkant og fyll den med R = 156 G = 156 B = 156. Fokus på denne nye formen, ta tak i Direct Selection Tool (A), velger de rette ankerpunktene og gå til Object > Sti > Gjennomsnittlig (Alt + Ctrl + J). Sjekk Både knappen og klikk på OK. Dette vil slå torget i en trekant. Velg den og gå til Effect > Stylize > Avrundede hjørner. Skriv en 1px radius, klikk på OK og gå til Object > Utvid Utseende
Trinn 9
Deaktiver Fest til rutenett (View > Fest til rutenett).. Reselect formen opprettet i forrige trinn, og lage to kopier foran (Ctrl + C > Ctrl + F > Control + F). Velg den øverste kopiere og flytte den 1PX ned ved hjelp av pil ned. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende form med R = 105 G = 105 B = 105. Reselect formen opprettet i forrige trinn og gå til Effekt > Stylize > Drop Shadow. Oppgi dataene nedenfor og klikk på OK.
Trinn 10
Velg det to figurer som er opprettet i de to foregående trinnene, gruppere dem (Ctrl + G) og åpne Juster-panelet. Velg denne nye gruppen sammen med avrundet firkant, klikker du på grensen av den avrundede firkanten (det bør bli lagt vekt) og klikk deretter på den horisontale Align Senter og Vertikal Align midtknappen fra Align panel. Dette vil sentrere den lille pilen. Reselect gruppen opprettet i begynnelsen av trinnet sammen med avrundet firkantet og gruppere dem (Ctrl + G)
Trinn 11
Aktiver Fest til rutenett (View >. Fest til rutenett ). Plukk rektangel Tool (M) og lage en 105 av 19px form. Fyll den med lineær gradient vist nedenfor, plasser den som vist i følgende bilde og gå til Effect > Stylize > Avrundede hjørner. Skriv en 2 piksler radius, klikk på OK og gå til Object > Utvid Utseende.
Trinn 12
Velg det formen opprettet i forrige trinn, og lage en kopi i front (Ctrl + C > Control + F). Velg den, fjerner den lineære gradient fra fyll og legge en svart strek. Gjør det 1pt bred, justere den til inne og gå til Object > Sti > Outline Stroke. Fylle den resulterende bane med den lineære gradienten er vist i det endelige bildet.
Step 13
Velg det avrundet rektangel opprettet i ellevte trinnet og går til Effect > Stylize > Drop Shadow. Oppgi dataene nedenfor, klikk på OK og gå til Utseende panel. Legg en 2PT slag, gjør det hvitt og justere den til innsiden.
Step 14
Velg den rektangelverktøyet (M) og lage en en av 17px form. Fyll den med lineær gradient vist nedenfor, plasser den som vist i det første bildet og gå til Effect > Stylize > Drop Shadow. Legg inn dataene som vises i det venstre vinduet, klikk OK og deretter gå tilbake til Effect > Stylize > Drop Shadow. Legg inn dataene som vises i vinduet til høyre og klikk på OK.
Step 15
Velg det tynt rektangel opprettet i forrige trinn og gå til Effect > Forvrenge & Transform > Transform. Oppgi dataene nedenfor og klikk på OK
Trinn 16
Velg det gruppen opprettet i tiende trinnet og går til Object >.; Transform > Reflektere. Sjekk Vertikal knappen og klikk på Kopier-knappen. Dette vil skape et horisontalt snudd kopi av din gruppe. Velg denne nye gruppen, dra den til høyre og plassere den som vist i tredje bildet.
Trinn 17
Deaktiver Fest til rutenett (View > Fest til rutenett). Grab Type Tool (T) og legge til teksten vist i følgende bilde. Bruk Calibri skrift med størrelsen satt til 10pt og fargen på R = 105 G = 105 B = 105. Velg all teksten, gruppe det (Ctrl + G) og gå til Effect > Stylize > Drop Shadow. Oppgi dataene nedenfor og klikk på OK.
Trinn 18
Aktiver Fest til rutenett (View > Fest til rutenett). Plukk rektangel Tool (M), opprette en 18 ved 15px form, fyll den med lineær gradient vist nedenfor, og plasser den som vist i følgende bilde. Flytt til Lag-panelet, velger du dette nye rektangelet og dra det under gruppen med teksten. Dette er hvordan den aktive siden vil se ut.
Trinn 19
Til slutt, la oss legge til en enkel bakgrunn. Plukk rektangel Tool (M), opprette en figur med den størrelsen på artboard og send den til å sikkerhets (Shift + Ctrl + Venstre hakeparentes). Fyll den med radial gradient vist nedenfor deretter fokusere på utseendet panel. Legg en annen fylling for denne formen og velg det. Gjør det svart, senke opacity til 2%, endre blending mode til Multipliser og gå til Effect > Kunstnerisk > Film Grain. Oppgi dataene nedenfor og klikk på OK.
Trinn 20
Velg det avrundet rektangel opprettet i andre trinn og fokus på utseendet panel. Sørg for at ingen fyll eller hjerneslag er valgt og gå til Effect > Stylize > Drop Shadow. Legg inn dataene som vises i det venstre vinduet, klikk på OK og gå igjen til Effect > Stylize > Drop Shadow. Legg inn dataene som vises i det høyre vinduet, klikk på OK og du er ferdig.
Konklusjon
Nå arbeidet er ferdig. Her er hvordan det skal se ut.