How å lage en Slimline eBook Reader
I denne opplæringen vil du lære hvordan å illustrere din egen eBook Reader, ved hjelp av rektangel, Pen og Offset Path. Hvis du har Adobe Illustrator CS5, kan du også lære de nye funksjonene, Perspektiv Grid Tool og perspektiv Selection Tool.
Trinn 1
Opprett en 255px ved 250px rektangel og runde hjørnene ved å gå til Effect > Stylize > Runde hjørner, Radius: 10px, klikk OK, og deretter gå til Object > Utvid Utseende og fylle formen med en lineær gradient. Du trenger tre Gradient Sliders, sette farge fra venstre til høyre R: 239 G: 239 B: 239, for andre en R: 216 G: 216 B: 216 med Location satt til 17%, for tredje gradient gjelder samme farge du brukte til den første gradient glidebryteren og angi Angle til:. 90 grader
trinn 2
Kopier formen fra forrige trinn ved hjelp av Ctrl + C etterfulgt av Ctrl + F, og med segmentmarkøren (A), slett de to nederste og to poeng. Deretter med pennverktøyet (P) redigere form fra en side som vist på bildet nedenfor. Lag den samme formen på den andre siden, deretter fylle formene med en lineær gradient bestående av fargene R: 241 G: 241 B: 241 til R: 236 G: 236 B: 236, sett Angle til:. 90 grader
Trinn 3
Lag en firkant med 10px avrundede hjørner, og flytte den på plass som vist på bildet nedenfor. Lag et rektangel for å dekke bunnen av forrige rektangelet. Velg begge former, åpne Pathfinder-panelet, klikk på Minus Front knappen og fylle formen med en lineær gradient fremstilt i følgende farger R: 239 G: 239 B: 239 til R: 216 G: 216 B: 216, Angle: 90 grader.
Trinn 4
Opprett aa rektangel med 5px avrundede hjørner og flytte den på plass som vist på bildet nedenfor. Fyll rektangelet med en lineær gradient laget fra hvit til R: 216 G: 216 B: 216, Angle: 128
Trinn 5
Med den forrige formen fortsatt er valgt, gå til Object > Sti > Offset Path, bestemmer forskyvningen til:. -4px Klikker OK, åpner Utseende panel og slette laget med runde hjørner effekt
Trinn 6
Med markøren (A) , lage figurer fra med kopien fra forrige trinn (som vist på bildet under) og fyll formene separat med en lineær gradient som vist i det andre eksempelet nedenfor.
trinn 7
Lag en svart firkant som vist i eksempelet nedenfor
trinn 8
Med rektangelet fra forrige trinn fortsatt er valgt, gå til Object >.; Sti > Offset Path, satt Offset: -4px, klikk OK og fylle den nye formen med en lineær gradient fremstilt i følgende farger R: 174 G: 176 B: 176 til hvitt, Angle. 134 grader
Trinn 9
Kopier rektangel fra forrige trinn ved hjelp av Ctrl + C etterfulgt av Ctrl + F, redusere kopien størrelse med markeringsverktøyet (V) ved å klikke nederst midtpunktet og skyve den oppover, fyll med lineære gradienter som vist i eksempelet og legge inn nødvendig tekst
Trinn 10
Legg de nødvendige ikonene ved å gå til Windows >.; Symbol > Web Ikoner. Dra ikoner fra panelet til arbeidsområdet, velg deretter alle ikonene, åpne Juster-panelet, klikk på Horisontal Align Center og Vertikal Align Center, deretter med markeringsverktøyet (V) redusere størrelsen. På denne måten vil re-størrelse alle ikoner jevnt, etter det sette dem inn i posisjonen som vist på bildet nedenfor. Du kan også legge til noen tekst eller andre tegn og symboler.
Trinn 11
Opprett en 80px 45 piksler rektangel med 4px avrundede hjørner, som vist i eksempelet nedenfor, og fyll den med en lineær gradient fremstilt i følgende farger R: 174 G: 176 B: 176 til hvitt, Angle: 150 grader
trinn 12
Med formen fra forrige trinn fortsatt er valgt, gå til Object. > Sti > Offset Path, satt Offset: -2px, klikk på OK og endre graderingen for å at fargene R: 112 G: 111 B: 111 til R: 174 G: 176 B: 176, Angle: 28.
Step 13
Med den forrige Offset form valgt, gå til Object > Sti > Offset Path, satt Offset: -1px, fyll den nye figuren med R: 239 G: 239 B: 239.
Step 14
Med offset formen fortsatt valgt, gå til Object > Sti > Offset Path, bestemmer forskyvningen til: -1px, klikk OK og fylle den med svart
Trinn 15
Kopier svart rektangel bruker Ctrl + C etterfulgt av Ctrl + F, gå til Object. > Utvid Utseende, deretter plukke Line Segment verktøy (omvendt skråstrek) og trekke two1px linjer i midten av formen, som vist i eksempelet nedenfor.
Trinn 16
Med linjene fortsatt er valgt, gå til Object > Utvid, og deretter åpne Pathfinder-panelet og klikk på Unite-knappen. Velg den svarte firkanten fra forrige trinn, og den formen du nettopp opprettet, klikk på Minus Front knappen fra Pathfinder pallen. Fyll nye figurer med en lineær gradient fremstilt i følgende farger R: 215 G: 216 B: 216 til R: 239 G: 239 B: 239.
Trinn 17
Lag en svart polygon med polygonverktøyet ved å klikke et sted i arbeidsområdet. Et nytt vindu åpnes, angi følgende innstillinger: Radius: 15px, favoritt: 8, klikk OK, og deretter gå til Object > Konvolutt Distort > Lag Med Warp, angi følgende innstillinger: Stil: Blås, bøy: 100%, klikk på OK. Gå til Object > Utvid, deretter rette punktene med segmentmarkøren og Convert Anchor Point verktøyet og plassere formen i sentrum av figurer fra forrige trinn. Ta en titt på bildet under for mer informasjon
Trinn 18
Med formen fra forrige trinn valgt, gå til Object >.; Sti > Offset Path, satt Offset: -1px, klikk på OK og endre fargen til hvit
Trinn 19
Gå til Object >. Sti > Offset Path, satt Offset. -1px, Klikk OK og fylle den nye formen med Radial Gradient vist i eksempelet nedenfor
Trinn 20
Ved hjelp av Ctrl + C etterfulgt av Ctrl + F, kopiere formen fra forrige trinn. Redusere kopien størrelse med Selection Tool, ved å klikke på en av hjørnepunktene og holde Shift + Alt tastene mens du drar hjørnet innover, etter at endre fargen til svart.
Step 21
Med den formen fortsatt er valgt, gå til Object > Sti > Offset Path, set Offset: -1px, klikk OK, endre fargen til hvit. Etter det går til Object > Sti > Offset Path, set Offset: -1px og fyll med formen med en Radial Gradient med farger fra hvitt til R: 234 G: 234 B: 234
Trinn 22
Lag en hvit firkant med 4px avrundede hjørner, og plasser den som vist på bildet nedenfor
Trinn 23
Med den formen fortsatt er valgt, gå til Object >.; Sti > Offset Path, satt Offset: -1px, klikk på OK og endre fargen til R: 87 G: 87 B: 86.
Step 24
Med offset formen fortsatt er valgt, gå til Object > Sti > Offset Path, set Offset: -1px, klikk på OK. Endre fargen på R: 215 G: 216 B: 216. Gjenta den samme handlingen to ganger til, for det første gjelder hvit og den andre svart.
Trinn 25
Kopier siste formen du fylt med svart ved hjelp av Ctrl + C etterfulgt av Ctrl + F, og med pennverktøyet (P) tegne en 1px linje over kopien, etter at gå til Object > Utvide. Velg kopien og den formen du opprettet tidligere, og åpne Pathfinder-panelet, klikk på Minus Front knappen og fylle både figurer som dukket opp med fargen R: 217 G: 217 B: 217.
Trinn 26
Lag en svart firkant på høyre side av eBok (som vist på bildet under) og gå til Object > Transform > Shear, angi følgende innstillinger: Angle: -20px, Axis. Vertikal og klikk på OK
Trinn 27
Ved hjelp av Ctrl + C etterfulgt av Ctrl + F, kopierer formen du opprettet i foregående trinn. Fyll formen med en lineær gradient som vist på bildet nedenfor.
Trinn 28
Tegn en 1px linje i den øverste delen av formen fra forrige trinn, kopiere linje ved hjelp av Ctrl + C etterfulgt av Ctrl + F og flytte den til den nederste delen av formen. Bruk bildet under som referanse
Trinn 29
Velg begge linjene fra forrige trinn og gå til Object >.; Blend > Blend alternativer, angi følgende innstillinger: Avstand: Spesifiserte Steps: 9, klikk OK og rett etter det gå til Object > Blend > Gjør
Trinn 30
Med de nye former fortsatt er valgt, gå til Object >.; Utvide. Velg form fra trinn 27 (den du fylt med lineær gradient) og de diagonale linjene du opprettet tidligere, og åpne Pathfinder-panelet og klikk på Minus Front-knappen.
Trinn 31
Bruk samme teknikk, legge knappene på den andre siden av eBok.
Trinn 32
Velg den svarte formen fra trinn 7 og kopiere den ved hjelp av Ctrl + C etterfulgt av Ctrl + F, flytte kopien over alle andre ved å gå til Object > Ordne > Lengst frem. Over den siste formen, lage en rett vinkel trekant med pennverktøyet (P), og velg deretter begge former, åpne Pathfinder-panelet, klikk på Minus Front-knappen. Fyll formen med en lineær gradient fra hvitt 100% til hvitt 0%
Trinn 33
Velg den formen du opprettet i trinn 1 og gå til Object >.; Sti > Offset Path, satt Offset: 2 piksler, klikk OK, endre fargen til hvit
Trinn 34
Over alle former, lage et rektangel med 10px avrundede hjørner, fylle rektangel med en. lineær Gradient (du kan bruke din favoritt farger for dette, jeg har brukt blå), til slutt bruke en 2 piksler svart strek. Åpne Transparency panel, endre Blending mode fra Normal til lysere og redusere Opacity til 25, deretter kopiere formen to ganger, endre fargene og Blending mode og flytte formen på plass som vist på bildet nedenfor.
< h2> Trinn 35
nå skal vi skape et mer realistisk illustrasjon ved hjelp perspektiv. For å gjøre dette, kopiere objektene fra trinn 33 (som er under alle andre) å bruke Ctrl + C etterfulgt av Ctrl + B, flytte kopien noen piksler til venstre, endrer farge til grått og gå til Object > Blend > Lage. Dette er for perspektiv fra venstre til høyre. Hvis du skal søke perspektiv fra høyre til venstre vil du trenger å gjøre det samme, men på den andre siden av eBok. Velg alt på artboard og gruppere dem ved å gå til Object > Group (Control + G).
Trinn 36
Kopier gruppen bruker Ctrl + C etterfulgt av Ctrl + F, snu den vertikale, opprette et rektangel over kopien som vist på bildet nedenfor og fyll den med en hvit til svart Lineær Gradient. Velg kopien du venda vertikal og rektangelet du fylt med lineær gradient, åpner Gjennomsiktighet-panelet, øverst i høyre hjørne ser du en trekant. Klikk på den og fra rullegardinmenyen velger Make Opacity Mask og redusere Opacity til 35%
Trinn 37
Velg eBook og refleksjon og gruppere dem ved å gå til Object >.; Group (Control + G).
Trinn 38
Nå er det på tide å bruke Perspektiv Grid Tool og perspektiv Selection Tool. Kopier gruppen hvis du skal søke perspektiv, sende den til et annet lag og låse og skjule det. Velg Perspektiv Grid verktøy (Shift + P), vil du se hva perspektiv vil vises når du skyver objektet, nå plukke Perspektiv markeringsverktøyet (Shift + V), hvis du kommer til å bruke perspektiv fra høyre til venstre må du klikk på Venstre Grid. I dette tilfellet vil vi gi perspektiv fra venstre til høyre, så klikk på Høyre Grid. Klikk én gang på objektet for å markere det, og skyv den som vist på bildet nedenfor.
Trinn 39
Nå kan du slå av nettet som er synlig ved å klikke på Skjul rutenett. Med perspektivmarkeringsverktøyet (Shift + V) kan du kopiere inn i perspektiv så mange ganger du ønsker ved å klikke på objektet, holder nede ALT + Shift-tastene og skyv gjenstanden. Du vil merke at perspektivet blir brukt med objektets glidende og med dette er vi ferdig
Konklusjon
Her er det endelige bildet.