Share
I denne opplæringen lærer du hvordan du illustrerer din egen eBook Reader, ved hjelp av rektangel, pen og offset-banen. Hvis du har Adobe Illustrator CS5, kan du også lære de nye funksjonene, Perspective Grid Tool og Perspective Selection Tool.
Opprett et 255px med 250px rektangel og rund hjørnene ved å gå til Effect> Stylize> Round Corners, Radius: 10px, klikk OK, deretter gå til Objekt> Utvid Utseende og fyll på formen med en Linear Gradient. Du trenger 3 Gradient Sliders, sett fargen fra venstre til høyre. R: 239 G: 239 B: 239, for den andre R: 216 G: 216 B: 216 med stedet satt til: 17%, for den tredje gradienten gjelder samme farge du brukte på den første gradientskyvingen og sett vinkelen til: 90 grader.
Kopier formen fra forrige trinn ved å bruke Control + C, etterfulgt av Control + F, og med Direct Selection-verktøyet (A), slett de to bunnene og to punktene. Deretter redigerer formen med pennverktøyet (P) fra den ene siden som vist på bildet nedenfor. Lag den samme formen på den andre siden, og fyll deretter figurene med en Lineær Gradient som består av fargene R: 241 G: 241 B: 241 til R: 236 G: 236 B: 236, sett vinkelen til: 90 grader.
Opprett et annet rektangel med 10px avrundede hjørner, og flytt det på plass som vist på bildet nedenfor. Opprett et rektangel for å dekke bunnen av forrige rektangel. Velg begge fasene, åpne Pathfinder-panelet, klikk på Minus Front-knappen og fyll på formen med en Linear Gradient laget av følgende farger. R: 239 G: 239 B: 239 til R: 216 G: 216 B: 216, Vinkel: 90 grader.
Lag et rektangel med 5px avrundede hjørner og flytt det på plass som vist på bildet nedenfor. Fyll rektangelet med en Lineær Gradient laget fra hvitt til R: 216 G: 216 B: 216, Vinkel: 128
Med den forrige formen som fortsatt er valgt, går du til Objekt> Path> Offset Path, angir forskyvningen til: -4px, klikker OK, åpner Utseendepanelet og sletter laget med Round Corners-effekten.
Med Direct Selection-verktøyet (A) lager du figurer fra med kopien fra forrige trinn (som vist på bildet nedenfor) og fyller figurene separat med en lineær gradient som vist i andre eksempel nedenfor.
Opprett et svart rektangel som det som er vist i eksemplet nedenfor.
Med rektangelet fra det forrige trinnet som er valgt, går du til Objekt> Sti> Offset-vei, angir Offset: -4px, klikker OK og fyller den nye formen med en Linear Gradient laget av følgende farger R: 174 G: 176 B: 176 til hvitt, vinkel: 134 grader.
Kopier rektangelet fra forrige trinn ved hjelp av Control + C, etterfulgt av Control + F, reduser kopiets størrelse med valgverktøyet (V) ved å klikke på det nederste midtpunktet og skyve det oppover, fyll ut med Linear Gradients som vist i eksemplet og legg til den nødvendige teksten.
Legg til de nødvendige ikonene ved å gå til Windows> Symbol> Web ikoner. Dra ikonene fra panelet til arbeidsområdet, velg deretter alle ikonene, åpne panelet Juster, klikk på Horisontalt justeringssenter og Vertikal justeringssenter, og bruk deretter markeringsverktøyet (V) til å redusere størrelsen. På denne måten vil du omforme alle ikonene jevnt og deretter sette dem på plass som vist på bildet nedenfor. Du kan også legge til tekst eller andre tegn og symboler.
Lag en 80px med 45px rektangel med 4px avrundede hjørner, som vist i eksempelet nedenfor, og fyll det med en Lineær gradient laget av følgende farger R: 174 G: 176 B: 176 til hvit, Vinkel: 150 grader.
Med formen fra det forrige trinnet som fortsatt er valgt, går du til Objekt> Path> Offset Path, angir Offset: -2px, klikker OK og endrer gradienten for å få fargene R: 112 G: 111 B: 111 til R: 174 G: 176 B: 176, Vinkel: 28.
Med forrige Forskjellige form valgt, gå til Objekt> Path> Offset Path, sett Offset: -1px, fyll den nye formen med R: 239 G: 239 B: 239.
Med forskjellige formene som er valgt, går du til Objekt> Sti> Offset-vei, angir forskyvningen til: -1px, klikker OK og fyller den med svart.
Kopier det svarte rektangelet ved hjelp av Control + C, etterfulgt av Control + F, gå til Objekt> Utvid utseende, velg Linjesegmentverktøyet (Backslash) og tegne two1px linjer i midten av formen, som vist i eksemplet nedenfor.
Med linjene som fremdeles er valgt, går du til Objekt> Utvid, åpner deretter Pathfinder-panelet og klikker på Unite-knappen. Velg det svarte rektangelet fra forrige trinn og formen du nettopp har opprettet, klikk på Minus Front-knappen fra Pathfinder-pallen. Fyll de nye figurene med en Lineær Gradient laget av følgende farger R: 215 G: 216 B: 216 til R: 239 G: 239 B: 239.
Opprett en svart polygon med polygonverktøyet ved å klikke et sted i arbeidsområdet. Et nytt vindu åpnes, skriv inn følgende innstillinger: Radius: 15px, sider: 8, klikk OK, og gå til Objekt> Konvoluttforvreng> Lag med varsel, skriv inn følgende innstillinger: Stil: Blå, bøy: 100%, klikk OK . Gå til Objekt> Utvid, korriger deretter punktene med Direct Selection-verktøyet og verktøyet Konverter ankerpunkt og plasser formen i midten av figurene fra forrige trinn. Ta en titt på bildet nedenfor for referanse.
Med formen fra det forrige trinnet som er valgt, gå til Objekt> Path> Offset Path, sett Offset: -1px, klikk OK og endre fargen til hvit.
Gå til Objekt> Path> Offset Path, sett Offset: -1px, klikk OK og fyll den nye formen med Radial Gradient vist i eksemplet nedenfor.
Ved å bruke Control + C etterfulgt av Control + F, kopier du formen fra forrige trinn. Reduser kopiens størrelse med markeringsverktøyet, ved å klikke på et av hjørnepunktene og hold Shift + Alt-tastene mens du drar hjørnet innover, etter at fargen blir svart til svart.
Med formen som fortsatt er valgt, gå til Objekt> Sti> Offset-vei, sett Offset: -1px, klikk OK, endre fargen til hvit. Deretter går du til Objekt> Path> Offset Path, angir Offset: -1px og fyller med formen med en radial gradient med farger fra hvitt til R: 234 G: 234 B: 234
Lag et hvitt rektangel med 4px avrundede hjørner, og plasser det som vist på bildet nedenfor.
Med formen som fortsatt er valgt, gå til Objekt> Sti> Offset-vei, sett Offset: -1px, klikk OK og endre fargen til R: 87 G: 87 B: 86.
Med kompensasjonsformen fremdeles valgt, gå til Objekt> Sti> Offset-vei, sett Offset: -1px, klikk OK. Endre fargen til R: 215 G: 216 B: 216. Gjenta den samme handlingen to ganger, for den første gjelder hvit og for den andre en svart.
Kopier den siste formen du fylte med svart ved hjelp av Control + C, etterfulgt av Control + F, og pennverktøyet (P) tegner en 1px-linje over kopien, deretter går du til Objekt> Utvid. Velg kopien og formen du opprettet tidligere, åpne Pathfinder-panelet, klikk på Minus Front-knappen og fyll begge skjemaene som ble vist med fargen R: 217 G: 217 B: 217.
Opprett et svart rektangel på høyre side av eBoken (som vist på bildet nedenfor) og gå til Objekt> Transform> Skjær, skriv inn følgende innstillinger: Vinkel: -20px, Akse: Vertikal og klikk OK.
Ved å bruke Control + C etterfulgt av Control + F, kopier du formen du opprettet i forrige trinn. Fyll formen med en lineær gradient som vist på bildet nedenfor.
Tegn en 1px linje i den øverste delen av formen fra forrige trinn, kopier linjen med Control + C etterfulgt av Control + F og flytte den til den nederste delen av formen. Bruk bildet nedenfor som en referanse.
Velg begge linjene fra forrige trinn og gå til Objekt> Blend> Blandingsalternativer, skriv inn følgende innstillinger: Spacing: Angitte trinn: 9, klikk OK og rett etter at du har gått til Objekt> Blend> Lag.
Med de nye formene som fortsatt er valgt, går du til Objekt> Utvid. Velg formen fra Trinn 27 (den du fylte med Linear Gradient) og de diagonale linjene du opprettet tidligere, åpne Pathfinder-panelet og klikk på Minus Front-knappen.
Bruk samme teknikk, legg til knappene på den andre siden av eBoken.
Velg den svarte formen fra trinn 7 og kopier den ved hjelp av Control + C, etterfulgt av Control + F, flytt kopien over alle andre ved å gå til Objekt> Ordne> Ta til forside. Over den siste formen, opprett en vinkeltrekant ved hjelp av pennverktøyet (P), velg deretter begge figurene, åpne Pathfinder-panelet, klikk på Minus Front-knappen. Fyll formen med en lineær gradient fra hvit 100% til hvit 0%.
Velg formen du opprettet i trinn 1, og gå til Objekt> Sti> Offset-vei, sett Offset: 2px, klikk OK, endre fargen til hvit.
Over alle former skal du lage et rektangel med 10px avrundede hjørner, fylle rektangelet med en lineær gradient (du kan bruke favorittfarger til dette, jeg har brukt blå), til slutt bruke en 2px svart Stroke. Åpne gjennomsiktighetspanelet, endre blandingsmodus fra Normal til Lys, og reduser Opacity til 25, dupliser deretter formen to ganger, endre fargene og blandingsmodusen og flytte formen til posisjon som vist på bildet under.
Nå skal vi skape en mer realistisk illustrasjon ved å bruke perspektiv. For å gjøre dette, kopier objektene fra Trinn 33 (som er under alle andre) ved å bruke Control + C etterfulgt av Control + B, flytt kopien noen få piksler til venstre, endre fargen til grå og gå til Objekt> Blend> Lag . Dette er for perspektivet fra venstre til høyre. Hvis du skal søke perspektiv fra høyre til venstre, må du gjøre det samme, men på den andre siden av eBoken. Velg alt på tavlen og grupper dem ved å gå til Objekt> Gruppe (Kontroll + G).
Kopier gruppen ved hjelp av Control + C etterfulgt av Control + F, vri den vertikalt, opprett et rektangel over kopien som vist på bildet under og fyll det med en hvit til svart lineær gradient. Velg kopien du snudde loddrett og rektangelet du fylte med Linear Gradient, åpne transparentpanelet, i øverste høyre hjørne ser du en trekant. Klikk på den og fra rullegardinmenyen, velg Lag Opacity Mask og reduser Opacity til 35%.
Velg eBok og refleksjon og grupper dem ved å gå til Objekt> Gruppe (Kontroll + G).
Nå er det på tide å bruke Perspective Grid Tool og Perspective Selection Tool. Kopier gruppen hvis du skal bruke perspektiv, send den til et annet lag og lås og skjul det. Velg verktøyet Perspective Grid (Shift + P), du vil se hvilket perspektiv som skal vises når du skyver objektet, nå velg Perspective Selection-verktøyet (Shift + V), hvis du skal bruke perspektivet fra høyre til venstre må du klikk på venstre rutenett. I dette tilfellet skal vi bruke perspektiv fra venstre til høyre, så klikk på Right Grid. Klikk en gang på objektet for å velge det og skyv det som vist på bildet nedenfor.
Nå kan du slå av nettet som er synlig ved å klikke på Hide Grid. Ved hjelp av verktøyet Perspective Selection (Shift + V) kan du kopiere i perspektivet så mange ganger du vil, ved å klikke på objektet, hold nede Alt + Shift-tastene og skyv objektet. Du vil legge merke til at perspektivet blir brukt med objektets glidende og med dette er vi ferdige.
Her er det endelige bildet:
Accentsconagua