Accentsconagua

Hvordan lage en magisk bok ved hjelp av Adobe Illustrator

Design og illustrasjon
Share

Ønsker du å legge til et snev av rart at du er vektorbilder? Denne opplæringen er en guide der du finner ideer for å lage en magisk bok. I første halvår lærer du hvordan du lager en åpen bok, i de gjenværende trinnene vil du lage bakgrunnen og legge til de magiske effektene. Du kan bruke disse effektene til andre prosjekter.

Trinn 1

For å begynne å lage et 500 x 500 piksler dokument.

  1. Tegn et 400 x 200 pikselrektangel med en hjørnestråle på 3 piksler ved hjelp av det avrundede rektangelverktøyet (M).
  2. Åpne Transform Panel (Shift + F8) og endre X-verdien til 50px.

Steg 2

Hvis rektangelet ikke viser hjørnene med ankerpunktene, velg rektangelet og gå til Hovedmeny: Objekt> Utvid Utseende. Nå kan du redigere hjørnene.

  1. Opprett et 400 x 30 piksel rektangel ved hjelp av Rectangle Tool (T).
  2. Velg begge rektangler, åpne justeringspanelet (Shift + F7) og juster dem midt i midten og nederst i loddrett.

Trinn 3

  1. Velg begge rektangler og i Pathfinder-paletten (Shift + Command + F9), klikk på Unite-knappen.
  2. Pass på at Pathfinder-alternativet (øverst til høyre på panelet) har fjernet Redundant Points aktivert.

Trinn 4

Velg det høyre ankerpunktet for de to punktene i venstre øverste hjørne med Direct Selection Tool (A). I transformasjonspanelet tilordner X verdien 103 px. I det samme hjørnet velger du det andre ankerpunktet og i transformasjonspanelet tilordner X verdien 100 px.

Velg nå venstre ankerpunkt i høyre øverste hjørne med Direct Selection Tool (A), og i Transform Panel tildeler X verdien 397 px. I det samme hjørnet velger du det andre ankerpunktet og i transformasjonspanelet tilordner X verdien 400 px. Fyll det med: R: 92, G: 37, B: 15.

Trinn 5

  1. Tegn en 400 px med 10 pkt rektangel med en hjørnestråle på 3 piksler ved hjelp av det avrundede rektangelverktøyet.
  2. Tegn en 50 til 50 piksler sirkel ved hjelp av Ellipse Tool (L) og tegne en 40 x 40 piksel sirkel. Fyll dem med R: 92 G: 37 B: 15, og legg til et svart slag. Velg begge sirkler og bruk justeringspanelet (Shift + F7) for å justere dem vertikalt og horisontalt.
  3. I paletten Pathfinder (Shift + Command + F9) klikker du på Minus Front-knappen.

Trinn 6

  1. Tegn et 55 x 25 pkt rektangel ved hjelp av rektangelverktøyet (M).
  2. Velg rektangelet og sirkelformen. Bruk Justeringspanelet (Shift + F7) for å justere dem horisontalt i midten og vertikalt øverst.
  3. I paletten Pathfinder (Shift + Command + F9) klikker du på Minus Front-knappen.

Trinn 7

Velg rektangelet og halvcirkelformene. Bruk Justeringspanelet (Shift + F7) for å justere dem horisontalt i midten og vertikalt øverst. I paletten Pathfinder (Shift + Command + F9) klikker du på Divide-knappen.

Trinn 8

  1. Opphev alle. Bruk gruppevalgverktøyet til å velge delene i mønsteret som vist (1 til 5), bortsett fra del 6 og 7 merket med pilen.
  2. I Pathfinder-paletten klikker du på Unite-knappen.
  3. Bruk gruppevalgverktøyet; velg deler 6 og 7. Nå i paletten Pathfinder klikker du på Unite-knappen igjen.

Trinn 9

  1. Tegn et 450 x 5 pkt rektangel ved hjelp av Rectangle Tool (M) og velg begge former. Bruk Justeringspanelet til å justere dem horisontalt i midten og vertikalt øverst.
  2. I paletten Pathfinder klikker du på Divide-knappen.
  3. Slett den øverste halvdelen.

Trinn 10

Legg den siste formen på bunnen av formen som ble gjort i trinn 4. Velg begge figurene og juster dem (Shift + F7) horisontalt i midten. Pass på å gruppere dem (Command + G).

Trinn 11

Velg toppform og åpne Skalverktøyspanelet (S) i verktøylinjen. Kontroller ikke-enhetlig radioknapp og skriv inn følgende verdier: Horisontal ved 97% og Vertikal ved 94%. Klikk på Kopier-knappen.

Nå bruker Direct Selection Tool til (A) å velge det venstre bunnen ankerpunktet og flytte det 1 piksel høyre, velg deretter høyre bunn ankerpunkt og flytte det 1 piksel igjen. Fyll det med R: 143, G: 90, B: 70. Nå Grupper alle (Command + G).

Trinn 12

Slett strekningen av bunnformen. Tegn et 39 x 160 piksel rektangel. Velg alle former og juster dem (Shift + F7) horisontalt i midten og vertikalt øverst.

Trinn 13

Kopier halvcirkelen valgt i bildet (kopier og lim inn) og legg kopien på toppen av den første formen. Juster (Shift + F7) horisontalt i midten og vertikalt øverst, kopier halvcirkelen igjen (Command + C) for å lagre posisjonen.

Bruk gruppevalgverktøyet til å legge til form 1 til utvalget. Åpne paletten Pathfinder (Shift + Command + F9) og klikk på Minus Front-knappen. Deretter går du til Objekt> Arranger og klikker Send til Tilbake (Shift + Kommando + Venstre braketsnøkkel). Lim igjen halvcirkelen på samme sted ved å bruke Command + F, men bruk nå gruppevalgverktøyet til å legge til form 2 i valget. Klikk på Minus Front-knappen i paletten Pathfinder igjen.

Velg rektangelet og gå til Objekt> Ordne og klikk på Bring to Front (Shift + Command +)). Lim halvcirkelen på samme sted med Command + F, men velg det med rektangelet og klikk på Minus Front-knappen i paletten Pathfinder en gang til.

Til slutt, uten å deselectere formen, legger du til den nederste halvcirkel til utvalget, og i Pathfinder-panelet klikker du på Unite-knappen.

Trinn 14

Velg den sentrale formen og fyll den med en gradientfarge. Åpne Gradient-panelet (Command + F9). Klikk på standard gråtonegradient og tilordne fargeskredene. For å åpne fargepanelet, dobbeltklikk på glidebryteren (alt etter hva du vil). Bruk følgende farger: Slide1 farge (R: 66 G: 28 B: 5) og plassering 0%. Slide2-farge (R: 0 G: 0 B: 0) og plassering 100%.

Trinn 15

  1. Legg til to ankerpunkter i form 1 og i form 2 som vist.
  2. Bruk direkte markeringsverktøyet (A) til å velge alle senterankerpunktene og flytte dem 7 piksler opp.
  3. Velg nå alle ankerpunktene i de fire hjørnene og flytt dem 7 pixel ned.

Trinn 16

Velg den nederste formen og bruk Mesh Tool (U) for å legge til et ankerpunkt i venstre hjørne, akkurat i midten av bunnformen som vist. Mal alle bunnforankringspunkter i denne formen med R: 0, G: 0, B: 0. Og lakk toppankrene punkter med R: 135, G: 96, B: 66.

Trinn 17

  • Tegn en form som ligner på bildet.
  • Dupliserer den og legger på toppen som vist, og reduserer størrelsen 76% ved hjelp av Skalverktøyet (S).
  • Bruk begge figurene som en veiledning, tegne formen på boksiden.

Trinn 18

  1. Slett markert form.
  2. Fyll form 1 med en gradient: Slide1 er R: 199, G: 148, B: 63; med plassering 0%. Slide2 er R: 249, G: 233, B: 188; med plassering 100%. Fyll form 2 med en gradient: Slide1 er R: 199, G: 148, B: 63; med plassering 50%. Slide2 er R: 240, G: 215, B: 130; med beliggenhet 100%.

Trinn 19

  1. Legg til to ankerpunkter i form 2 med Add Anchor Point Tool (+), og bruk verktøyet Slett ankerpunkt (-) for å fjerne hjørneankerpunktet som vist.
  2. Velg figur 1 og 2 ved hjelp av Reflex Tool (O) (alternativ for vertikal akse) for å lage et duplikat speil, og sett dem på riktig sted.

Trinn 20

Still inn zoomen til 400%.

  1. Tegn en form som vist. Mal det med fargen R: 128, G: 31, B: 0.
  2. Bruk Ellipse Tool (L) til å tegne en 2,5 x 1,5 piksler oval og fyll den med fargen R: 199, G: 133, B: 61 og roter den 30 grader. Dupliser den ovale fire ganger, sett dem på samme sted som vist, og grupp dem.
  3. Bruk Reflect Tool (O) til å duplisere ovaler og legg dem på den andre siden.
  4. Grupper og legg dem alle på riktig sted i boken.

Trinn 21

  1. Opprett en 160 piksler lang linje ved hjelp av linjesegmentverktøyet (\) og sett 0,5 pt for slaget. Dupliser denne linjen syv ganger med et gap på ca 3pt.
  2. Bruk Direct Selection Tool (A) til å velge alle venstre Anchor Points og flytte dem 7 piksler ned.
  3. Med Warp Tool (Shift + R) gjør den bølget, hver linje, en etter en. Topplinjen skal være mer buet, også redusere bølgen i de følgende linjene. Velg alle linjene, gå til Objekt> Path> Outlines Strokes og klikk på den. Linjene er nå faste objekter du kan fylle.

Trinn 22

  1. Velg alle linjer og bruk gradienten:
  • Slide1: R: 199, G: 148, B: 63, med en plassering på 0.
  • Slide2: R: 150, G: 110, B: 75, med en plassering på 50%.
  • Slide3: R: 232, G: 195, B: 143, med en plassering på 100%.
  • Velg den andre linjen og bruk gradienten:
    • Slide1: R: 199, G: 148. B: 63, med en plassering på 0.
    • Slide2: R: 80, G: 50, B: 30, med en plassering på 50%.
    • Slide3: R: 232, G: 195, B: 68, med en plassering på 100%.

    Trinn 23

    Lag et speilbildekopi av linjene. Slett de to øverste linjene. Tegn tre figurer som vist. Fyll dem med R: 100, G: 55, B: 30.

    Trinn 24

    Velg den venstre siden av boken, åpne skjærverktøyet. Still skjærvinkelen til 2 grader og vinkelen til 90 grader. Klikk på Kopier-knappen. Flytt den 3 piksler opp. Bruk Drop Shadow. Gå til Effekt> Stylize> Drop Shadow. Angi verdiene som vises av bildet. Gjenta denne prosessen for å opprette en annen side over denne siden.

    Trinn 25

    Nå skal vi tegne innholdet på sidene. For det vil vi lage simulerte tekst kolonner og litt grafikk. For den simulerte teksten brukte jeg Champignon Alt Swash Font fordi jeg liker utseendet. Jeg brukte en runeskrift også, den heter Tenwar Sindarin 2 og en Tattoo som skrift for grafikken.

    Den første tegningen ble oppfunnet av meg ved hjelp av formverktøyene. I dette trinnet kan du lage ditt eget innholdsdesign. I design 2 og 3 kan du bruke grafikk, fordi disse vil gå på de mest synlige sidene, men du kan bare bruke tekst til design 1 fordi dette kommer til å være på baksiden. Lag et rammeverk på ca 150 x 180 piksler og innenfor dette lag det innholdet du liker.

    Trinn 26

    1. La oss legge til formatering til sidens innhold. For nå skal vi bare bruke design med kun kolonner av tekst.
    2. Slett konturrammen og konverter teksten til konturene. Velg dem alle og bruk Type> Opprett overskrifter (Skift + Kommando + O).
    3. Velg den venstre siden og kopier den, flytt kopien utenfor.
    4. Reduser størrelsen til 90%.
    5. Plasser den simulerte teksten bak siden, velg begge og juster dem vertikalt og horisontalt i midten.
    6. Gå til Objekt> Konverter forvreng> Lag med toppobjekt (Skift + Kommando + C). Nå er designet tilpasset siden. Gjenta prosessen med den andre siden.

    Trinn 27

    Før vi legger til formatert innhold på sidene, vil vi forberede dem.

    1. Velg den venstre siden og fyll den med følgende farge: R: 200, G: 150, B: 60.
    2. Bruk deretter Mesh Tool (U), for å legge til fem ankerpunkter på de stedene som vises på bildet. Du må være forsiktig med å ikke generere unødvendige ankerpunkter, mens du legger ankerpunktene over linjene.
    3. Velg ankerpunktene som vist og fyll det med følgende farge: R: 220, G: 185, B: 130.
    4. Velg det sentrale ankerpunktet og fyll det med: R: 245, G: 230, B: 185.

    Trinn 28

    1. Først opprett en kopi av høyre side som vi vil bruke senere.
    2. Gjenta prosessen som vises i forrige trinn, på høyre side.
    3. Sett deretter innholdet i trinn 23 på sidene.

    Trinn 29

    1. Du må låse innholdet på den venstre siden og de to sidene som er opprettet i trinn 21. Velg en etter en med gruppevalgverktøyet, og lås hver med Command + 2.
    2. Nå kan du velge basissiden. Kopier og lim det på samme sted ved å bruke Command + C og Command + F. Klipp deretter kopien med Command + X og lim den inn på samme sted med Command + F igjen. Nå er kopien over toppen.
    3. Med kopien som er valgt, åpner du skjærverktøket og angir følgende verdier: Skjærvinkel på 12ш, Angle 90ш, og flytt det deretter rundt 20 piksler opp.
    4. (a) Velg nederste senterankerpunkt og flytt det rundt 16 piksler opp. (b) Velg det øverste senterankerpunktet og flytt det rundt 12 piksler opp. (c) Velg det øverste venstre ankerpunktet og flytt det rundt 2 piksler til høyre. (d) Velg nederste venstre ankerpunkt og flytte det om 2 piksler rett og 6 piksler opp. Flytt om nødvendig retningspunktene til midtpunktene til du får en perfekt kurve.

    Trinn 30

    1. For skyggen, ta en kopi av venstre side og flytte den utenfor boken.
    2. Med siden valgt, åpner du skjærverktøyet og lager en kopi med følgende verdier: Skjærvinkel -10 og 90 ° Vinkel. Fyll kopien med fargen R: 66, G: 8, B: 0, og flytt den rundt 17 piksler ned.
    3. Velg begge sidene og åpne justeringspanelet (Shift + F7) for å justere dem på høyre vannrett (Horisontal Juster Høyre-knapp).
    4. Send kopien til baksiden.
    5. (a) Velg begge sidene igjen, åpne Pathfinder Panel (Shift + Command + F9) og klikk på Minus Front-knappen. (b) Gå til Effect> (Photoshop Effects) Blur> Gaussian Blur, og sett den til 15 piksler. (c) Åpne gjennomsiktighetspanelet (Shift + Command + F10) og bruk en Opacity på 75%. d) Bruk skalverktøyet (S) til å skalere skyggen 94% horisontalt.
    6. Plasser skyggen nederst på siden, og bruk Objekt> Ordne> Send bakover, for å plassere det bak siden.

    Trinn 31

    1. Husker du boksiden som vi har reservert i trinn 28? Det er på tide å bruke det!
    2. Sett den over høyre side av boken.
    3. Åpne skjærverktøyet og still inn følgende verdier: Skjærvinkel -10 grader og vinkel 90 grader. Flytt den 15 piksler opp.
    4. Legg til en Drop Shadow og angi følgende verdier: Modus for Multiply, Opacity of 75%, X Offset of 3, Y Offset of 15, Uklarhet på 5px og Colour of R: 66, G: 8, B: 0. Søk nå utvide utseende. Velg skyggen og skala den 96% horisontalt. Gå til Objekt> Ordne> Ta til forsiden (Shift + Kommando + Høyre brakett-nøkkel) for å plassere over alt valgt visning.

    Trinn 32

    1. Med våre sider tegnet, bruk dem ved å bruke prosessen fra trinn 27.
    2. Gjenta deretter det vi lærte i trinn 26 for å tilpasse innholdet til sidens format.
    3. Endelig legg innholdet over sidene som vist.

    Trinn 33

    Vår bok er nesten ferdig. I dette trinnet vil vi legge til to små, men viktige detaljer.

    1. Først trekke en 142 piksler høyde linje ved hjelp av Line Segment Tool (\) og sett 1pt for slag. Mal det med fargen R: 135, G: 95, B: 80. Plasser denne linjen i midten av boken, hvor sidene blir med.
    2. Tegn nå en form (som vist) og plasser den i riktig posisjon. Fyll den med en svart farge.

    Trinn 34

    Er du trøtt allerede? Ikke vær redd, i dette trinnet vil vi fullføre boken og da kan du hvile? men bare for en stund.

    1. Velg bokens omslag.
    2. Gå til Effekt> Stylized> Drop Shadow. Angi følgende verdier: Modus for Multiply, 100% Opacity, X Offset på 0 px, Y Offset 1 px, 2 px Blur og 100% Darkness.

    Utmerket! Vår bok er klar til å stave! I de neste trinnene vil vi legge til en magisk effekt i vår bok.

    Trinn 35

    Lag et nytt lag (Bakgrunn) og flytt det bak bokens lag. Tegn et 500 x 500 pikselrektangel ved hjelp av rektangelverktøyet (M). Fyll det med R: 0, G: 0, B: 0.

    Opprett en annen 500 x 250 piksel rektangel og fyll den med følgende gradient: Slide1 farge R: 70, G: 0, B: 0, med en plassering på 0%. Slide2 farge R: 45, G: 0, B: 0, med en plassering på 50%. Slide3-farge R: 0, G: 0, B: 0, med en plassering på 100%. Vinkel bør settes til 90ш. Velg begge rektangler og juster dem i midten horisontalt og i bunnen vertikalt.

    Trinn 36

    1. Lag et 50 x 250 piksel rektangel. Fyll den med en gråtoner på 50%.
    2. Velg den og gå til Effekt> Skisse> Grafisk penn og angi følgende verdier: Stroke Lengde på 15, Lys / Mørkbalanse på 2, Strokeretning for Horisontal, og klikk på OK-knappen.
    3. Gå igjen til Objekt> Utvid Utseende.
    4. Gå nå til Objekt> Live Trace> Trace Option og sett det som vist. Klikk på Spor-knappen.
    5. Åpne objekt> Utvid. I feltet Utvid, sjekk Fyll og objekt, og klikk deretter på OK-knappen.
    6. Scale Wide 1000% ved hjelp av Scale Tool (S).

    Trinn 37

    Opprett et nytt lag over bakgrunnslaget (Reflex). Velg boken og lag en horisontal reflekskopi ved hjelp av Reflex Tool (O).

    Trinn 38

    1. Tegn over boken en 412 med 220 piksler rektangel. Fyll det med en gradient: Slide1 har en gråskala på 0%, plassering på 0%. Slide2 har en gråtoner på 100%, en plassering på 100%, graderende skyveplassering på 85%, type lineær og 90 ° vinkel.
    2. Velg begge og åpne transparentpanelet (Shift + Command + F10) og klikk på panelet (i øverste høyre hjørne av panelet) for å velge alternativet Make Opacity Mask.

    Trinn 39

    1. Tegn over boken en 410 med 80 piksel rektangel, velg begge. Gå til Objekt> Clipping Mask> Lag (Command + 7) for å lage en maske.
    2. Gå til Transparency Panel (Shift + Command + F10) og sett Opacity til 25%. Plasser den på bunnen av tavlen.

    Trinn 40

    1. Opprett et nytt lag (Rays Lights) over boklaget og trekk en trekant ved hjelp av Polygon Tool. Sett radius til 25 piksler.
    2. Roter den 180ш.
    3. Skala den 830% vertikalt.
    4. Fyll det med følgende gradient: Slide1 farge R: 255, G: 255, B: 255, med en plassering på 25% og en 100% Opacity. Slide2 farge R: 255, G: 255, B: 255, med en plassering på 90% og 0% Opacity.

    Trinn 41

    Nå må du lage kopier av formen og gi dem forskjellige størrelser og vinkler for å skape en effekt av uregelmessige lysstråler fra en bok. Legg over noen former over andre former som vist. Bruk Direct Selection Tool (A) til å velge alle nedre ankerpunkter, og trykk deretter Command + Alt + J for å åpne gjennomsnittlig panel. I akse, velg alternativet Både og klikk på OK-knappen.

    Trinn 42

    Påfør en Gaussian Blur-effekt på 10 piksler.

    Trinn 43

    1. Opprett et nytt lag (Sphere) og tegne en 85 x 85 pixel sirkel ved hjelp av Ellipse Tool (L).
    2. Fyll det med følgende gradient: Slide1 color R: 255, G: 255, B: 255. Slide2 farge R: 65, G: 30, B: 0.
    3. Bruk Gradient Tool (G) til å definere gradientretningen.
    4. Gå til Transparency Panel (Shift + Command + F10) og sett Opacity til 50%. Slett streken.

    Trinn 44

    (a) Tegn en 175 x 40 pixel ellipse ved hjelp av Ellipse Tool (L). (b) Gå til Objekt> Path> Outline Stroke. Ikke fyll det, bare bruk et hvitt slag på 1 pt. (c) Gjenta hele prosessen med en 158 til 28 piksler ellipse og legg den i midten av den første ellipsen. (d) Tegn mange 3 til 3 pikselkretser for å fylle mellomromet mellom de to ellipser som vist. Disse kretsene må fylles med en hvit farge.

    Trinn 45

    (a) Tegn en 15 x 45 piksler oval ved hjelp av Ellipse Tool (L). Lag en kopi og legg begge ovaler som vist, så (b) grupper dem. Roter ovaler 45ш og trykk Command + D to ganger for å gjenta handlingen. (c) Bruk Star Tool til å lage en stjerne med følgende verdier: Radius1 er 15. Radius2 er 35 med 6 poeng. Still slaget til 1 pt. (d) Dupliser stjernen og tilordne kopien et slag på 4 pt. Deretter skal du bruke en Gaussisk uskarphet på 20 piksler. (e) Gruppe og sett dem alle i sfærens senter.

    Trinn 46

    1. Velg kun sfæren ved hjelp av gruppevalgverktøyet, kopier og lim det inn på samme sted ved å bruke Command + C og Command + F. Legg det over alt. Still Opacity på 75% og lakk den med fargen R: 245, G: 245, B: 245.
    2. Påfør en Gaussisk uskarphet på 40 piksler.
    3. Nå Velg ringen og lag en kopi på samme sted ved å bruke Kommando + C og Kommando + F. Velg Begge og avmarker toppringen. Påfør en Gaussisk uskarphet på 5 piksler.
    4. Grupper alle og plasser dem på samme sted som vist.

    Trinn 47

    Lag et nytt lag (Light) og tegne et 500 x 382 piksel rektangel. Plasser den på toppen av Artboard.

    Trinn 48

    • Fyll det med gradienten:
      • Slide1: R: 255, G: 255, B: 255, med plassering 5% og 0% Opacity.
      • Slide2: R: 255, G: 255, B: 255, med plassering 50% og 100% Opacity.
      • Slide3: R: 255, G: 255, B: 255, med plassering 95% og 0% Opacity.

    Trinn 49

    Påfør en gjennomsiktighet med 75% Opacity og bruk en Gaussisk uskarphet på 40 piksler.

    Trinn 50

    Opprett et nytt lag kalt "Stjerner" og tegne en stjerne ved hjelp av Star Tool. Åpne Star-panelet og angi verdiene som vises nedenfor.

    Trinn 51

    Nå skal vi lage stardust. For det må vi bruke en 3 til 3 piksler stjerne. Vi må bare duplisere stjernen mange ganger, men i midten må stjernene være nærmere.

    Trinn 52

    Vi vil legge til flere 7 til 7 piksel stjerner og noen firekantede stjerner.

    Trinn 53

    Legg til resten av stjernene og sirkler. Legg til mindre stjerner som den størrelsen øker.

    Endelig bilde

    Nå kan du sette alle lagene på og nyte det endelige resultatet, husk at de riktige posisjonene til lagene er: "Bakgrunn", "Refleks", "Bok", "Strålelys", "Sphere", "Lys" og " Stjerner."

    Design og illustrasjon
    ×