Share
I den følgende opplæringen lærer du hvordan du oppretter en enkel paginasjonslinje. Du lærer hvordan du bruker Utseendepanelet, Gradienter og Transformeffekter, til å utforme en paginasjonslinje. La oss begynne!
Åpne Illustrator og trykk på Command + N for å opprette et nytt dokument. Skriv 600 i breddeboksen og 300 i høydeboksen, klikk deretter på Avansert-knappen. Velg RGB, skjerm (72ppi) og kontroller at boksen "Juster nye objekter til pikselruten" ikke er merket før du klikker OK. Aktiver 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.
Velg Rectangle Tool (M), opprett en form for 215 x 25 px, fyll den med den lineære gradienten som vises nedenfor, og gå til Effect> Stylize> Rounded Corners. Skriv inn en radius på 2px, klikk OK og gå til Objekt> Utvid utseende.
Deaktiver Snap to Grid (Vis> Snap to Grid), gå til Rediger> Innstillinger> Generelt, og kontroller at Tastaturøkningen er satt til 1px. Vellgjør det runde rektangelet som ble opprettet i forrige trinn, og lag to eksemplarer foran (Kontroll + C> Kontroll + F> Kontroll + F). Flytt til lagpanelet, velg toppkopien og flytt den 1px ned med nedpilen fra tastaturet. Velg begge kopier, åpne Pathfinder-panelet og klikk på Minus Front-knappen. Fyll den resulterende formen med svart og senk dens opasitet til 5%.
Vellgjør det runde rektangelet som er gjort i det andre trinnet, og fokus på Utseendet. Legg til et 3pt slag og velg det. Juster den innvendig, gjør den svart og senk dens opasitet til 5%. Fortsett å fokusere på Utseendepanelet, pass på at strekket fortsatt er valgt, og klikk to ganger på knappen Duplicate Selected Item (peket av den lille blå pilen). Dette vil legge til to kopier av ditt svarte slag. Velg den nederste kopien og gjør den 2pt bred og velg så den øverste kopien og gjør den 1pt bred. Til slutt skal det avrundede rektangelet se ut i det følgende bildet.
Aktiver Snap to Grid (Vis> Snap to Grid). For de følgende trinnene trenger du et rutenett hver 1px. Så gå til Edit> Preferences> Guides & Grid og skriv inn 1 i gridline hver boks. Fokuser på høyre side av eksisterende former og ta tak i rektangelverktøyet (M). Lag en 19px-firkant, fyll den med den lineære gradienten som vises nedenfor, legg den som vist i bildet nedenfor og gå til Effekt> Stylize> Avrundede hjørner. Skriv inn en radius på 2px, klikk OK og gå til Objekt> Utvid utseende.
Velg det runde firkantet som er opprettet i forrige trinn, og velg Effekt> Stylize> Drop Shadow. Skriv inn dataene som vises nedenfor, klikk OK og klikk deretter Control + Shift + E. Dette vil legge til en annen, identisk effekt. Pass på at kvadratet ditt fortsatt er valgt, og flytt til Utseendepanelet. Legg til et 2pt, hvitt slag, juster det innvendig og senk dets opasitet til 50%. Lag en kopi av denne streken, velg den og reduser størrelsen til 1pt.
Velg det runde firkanten på nytt, fokus på Utseendepanelet og legg til et nytt fyll med knappen Legg til ny fylling. Velg denne nye fyllingen, dra den i bunnen av Utseendepanelet, gjør den svart, senk dens opasitet til 7%, og gå til Effekt> Sti> Offset Path. Skriv inn en 2px Offset, klikk OK og gå til Effect> Distort & Transform> Transform. Skriv inn dataene som er vist nedenfor, og klikk OK.
Velg rektangulærverktøyet (M), opprett et 5px-firkant og fyll det med R = 156 G = 156 B = 156. Fokuser på denne nye formen, ta direkte utvalgingsverktøyet (A), velg høyre ankerpunkter og gå til Objekt> Sti> Gjennomsnitt (Alt + Control + J). Sjekk Både-knappen og klikk OK. Dette vil gjøre kvadratet ditt til en trekant. Velg den og gå til Effekt> Stylize> Avrundede hjørner. Skriv inn en radius på 1px, klikk OK og gå til Objekt> Utvid utseende.
Deaktiver Snap to Grid (Vis> Snap to Grid). Tilbakestill formen som ble opprettet i forrige trinn, og lag to eksemplarer foran (Kontroll + C> Kontroll + F> Kontroll + F). Velg toppkopien og flytt den 1px ned med nedpilen. Velg begge kopier og klikk på Minus Front-knappen fra Pathfinder-panelet. Fyll den resulterende formen med R = 105 G = 105 B = 105. Tilbakestill formen som ble opprettet i forrige trinn, og gå til Effekt> Stylize> Drop Shadow. Skriv inn dataene som er vist nedenfor, og klikk OK.
Velg de to figurene som er opprettet i de to foregående trinnene, grupper dem (Control + G) og åpne panelet Juster. Velg denne nye gruppen sammen med det avrundede firkanten, klikk på grensen på det avrundede firkanten (det bør legges vekt på), og klikk deretter på Horisontale justeringssenter og Vertikale justeringssenterknapper fra Juster-panelet. Dette vil sentrere din lille pil. Velg den gruppen som ble opprettet i begynnelsen av trinnet sammen med det avrundede firkantet, og grupp dem (Control + G).
Aktiver Snap to Grid (Vis> Snap to Grid). Velg rektangulærverktøyet (M) og opprett en form av 105 til 19 px. Fyll den med den lineære gradienten som vises nedenfor, plasser den som vist i det følgende bildet og gå til Effekt> Stylize> Avrundede hjørner. Skriv inn en radius på 2px, klikk OK og gå til Objekt> Utvid utseende.
Tilbakestill formen som ble opprettet i forrige trinn, og lag en kopi foran (Kontroll + C> Kontroll + F). Velg den, fjern den lineære gradienten fra fyllingen og legg til et svart slag. Gjør det 1pt bredt, juster det innvendig og gå til Objekt> Sti> Strektslag. Fyll den resulterende banen med den lineære gradienten som vises i det endelige bildet.
Vellgjør det runde rektangel som er opprettet i det ellevte trinnet, og gå til Effekt> Stylize> Drop Shadow. Skriv inn dataene som vises nedenfor, klikk OK og gå til Utseendepanelet. Legg til en 2pt slag, gjør den hvit og juster den til innsiden.
Velg rektangulærverktøyet (M) og lag en form av 1 til 17 px. Fyll den med den lineære gradienten som vises nedenfor, legg den som vist i det første bildet og gå til Effekt> Stylize> Drop Shadow. Skriv inn dataene som vises i det venstre vinduet, klikk OK, og gå deretter til Effekt> Stylize> Drop Shadow. Skriv inn dataene som vises i det høyre vinduet, og klikk OK.
Velg det tynne rektangelet som ble opprettet i forrige trinn, og gå til Effekt> Forvreng og overfør> Transform. Skriv inn dataene som er vist nedenfor, og klikk OK.
Velg den gruppen som ble opprettet i det tiende trinnet, og gå til Objekt> Transformere> Reflektere. Sjekk Vertikal-knappen og klikk på Kopier-knappen. Dette vil skape en horisontalt vendt kopi av gruppen din. Velg denne nye gruppen, dra den til høyre og plasser den som vist i det tredje bildet.
Deaktiver Snap to Grid (Vis> Snap to Grid). Ta tak i Typeverktøyet (T) og legg til teksten som vises i følgende bilde. Bruk Calibri fonten med størrelsen satt til 10pt og fargen ved R = 105 G = 105 B = 105. Velg all tekst, grupper den (Control + G) og gå til Effect> Stylize> Drop Shadow. Skriv inn dataene som er vist nedenfor, og klikk OK.
Aktiver Snap to Grid (Vis> Snap to Grid). Velg rektangulærverktøyet (M), opprett en form av 18 x 15 px, fyll den med den lineære gradienten som vises nedenfor, og legg den som vist på bildet nedenfor. Flytt til lagpanelet, velg dette nye rektangelet og dra det under gruppen med teksten. Slik ser den aktive siden ut.
Til slutt, la oss legge til en enkel bakgrunn. Velg rektangulærverktøyet (M), lag en form på størrelsen på tavlen din, og send den til baksiden (Shift + Control + Left Square Bracket). Fyll den med den radiale gradienten som vises nedenfor, og fokus på Utseendepanelet. Legg til et nytt fyll på denne formen og velg den. Gjør den svart, senk dens opasitet til 2%, endre blandemodus til Multiply og gå til Effect> Artistic> Film Grain. Skriv inn dataene som er vist nedenfor, og klikk OK.
Vellgjør det runde rektangel som er opprettet i det andre trinnet, og fokus på Utseendepanelet. Pass på at ingen fylling eller strekk er valgt, og gå til Effekt> Stylize> Drop Shadow. Skriv inn dataene som vises i det venstre vinduet, klikk OK og gå igjen til Effekt> Stylize> Drop Shadow. Skriv inn dataene som vises i det høyre vinduet, klikk OK, og du er ferdig.
Nå er arbeidet ditt gjort. Slik ser det ut.
Accentsconagua