Hur man gör en magisk bok med hjälp av Adobe Illustrator

Vill du lägga till en snygg av att du är vektorbilder? Denna handledning är en guide där du hittar idéer för att skapa en magisk bok. Under första halvåret lär du dig att göra en öppen bok, i de återstående stegen kommer du att göra bakgrunden och lägga till de magiska effekterna. Du kan tillämpa dessa effekter på andra projekt.

Steg 1

För att börja skapa ett dokument med 500 x 500 pixlar.

  1. Rita en 400 x 200 pixel rektangel med en hörn Radius med 3 pixlar med hjälp av det runda rektangelverktyget (M).
  2. Öppna Transform Panel (Shift + F8) och ändra X-värdet till 50px.

Steg 2

Om rektangeln inte visar hörnen med ankarpunkterna, välj rektangeln och gå till Huvudmeny: Objekt> Utöka Utseende. Nu kan du redigera hörnen.

  1. Skapa en 400 x 30 pixel rektangel med hjälp av rektangelverktyget (T).
  2. Välj båda rektanglarna, öppna justeringspanelen (Shift + F7) och rikta dem i centrum horisontellt och längst ner vertikalt.

Steg 3

  1. Välj båda rektanglarna och i paletten Pathfinder (Shift + Command + F9) klicka på Unite-knappen.
  2. Se till att Pathfinder-alternativet (i högra högra hörnet på panelen) har tagit bort redundanta punkter aktiverat.

Steg 4

Välj rätt ankarpunkt för de två punkterna i det övre vänstra hörnet med Direct Selection Tool (A). I transformeringspanelen tilldela X värdet 103 px. I samma hörn välj den andra ankarpunkten och i transformeringspanelen tilldela X värdet 100 px.

Välj nu vänsterförankringspunkten i det högra övre hörnet med Direct Selection Tool (A) och i transformeringspanelen tilldela X värdet 397 px. I samma hörn välj den andra ankarpunkten och i transformeringspanelen tilldela X värdet 400 px. Fyll den med: R: 92, G: 37, B: 15.

Steg 5

  1. Rita en 400 px med 10 px rektangel med en hörnradio på 3 pixlar med hjälp av det rundade rektangelverktyget.
  2. Rita en 50 x 50 pixel cirkel med hjälp av Ellipse Tool (L) och dra en 40 x 40 pixel cirkel. Fyll dem med R: 92 G: 37 B: 15 och lägg till en svart slag. Markera båda cirklarna och använd justeringspanelen (Shift + F7) för att anpassa dem vertikalt och horisontellt.
  3. I paletten Pathfinder (Shift + Command + F9) klickar du på knappen Minus Front.

Steg 6

  1. Rita en 55 x 25 pkt rektangel med hjälp av rektangelverktyget (M).
  2. Välj rektangeln och cirkelformen. Använd justeringspanelen (Shift + F7) för att rikta dem horisontellt i mitten och vertikalt längst upp.
  3. I paletten Pathfinder (Shift + Command + F9) klickar du på knappen Minus Front.

Steg 7

Välj rektangeln och halvcirkelformerna. Använd justeringspanelen (Shift + F7) för att rikta dem horisontellt i mitten och vertikalt längst upp. Klicka på Divide-knappen i paletten Pathfinder (Shift + Command + F9).

Steg 8

  1. Avmarkera alla. Använd gruppvalsverktyget för att välja de delar i mönstret som visas (1 till 5), förutom delarna 6 och 7 markerade med pilen.
  2. Klicka på Unite-knappen i paletten Pathfinder.
  3. Använd gruppvalsverktyget; välj delar 6 och 7. Nu i paletten Pathfinder, klicka på knappen Unite igen.

Steg 9

  1. Rita en 450 x 5 pkt rektangel med hjälp av rektangelverktyget (M) och välj båda formerna. Använd justeringspanelen för att anpassa dem horisontellt i mitten och vertikalt överst.
  2. Klicka på Divide-knappen i paletten Pathfinder.
  3. Ta bort den övre halvan.

Steg 10

Placera den sista formen på botten av formen som gjordes i steg 4. Välj båda formerna och anpassa dem (Shift + F7) horisontellt i mitten. Var noga med att gruppera dem (Command + G).

Steg 11

Välj den övre formen och öppna Skalverktygspanelen (S) i verktygsfältet. Kontrollera den icke-enhetliga alternativknappen och ange följande värden: Horisontell vid 97% och Vertikal vid 94%. Klicka på knappen Kopiera.

Använd nu Direct Selection Tool för att (A) välja den vänstra nedre ankarpunkten och flytta den 1 pixel höger, välj sedan den nedre ankarpunkten och flytta den 1 pixel kvar. Fyll den med R: 143, G: 90, B: 70. Nu gruppera alla (Command + G).

Steg 12

Ta bort slaget i bottenformen. Rita en 39 x 160 pixel rektangel. Välj alla former och anpassa dem (Shift + F7) horisontellt i mitten och vertikalt överst.

Steg 13

Kopiera den halvcirkel som valts i bilden (kopiera och klistra in) och placera kopian ovanpå den första formen. Rikta in (Shift + F7) horisontellt i mitten och vertikalt överst, kopiera halvcirkeln igen (Command + C) för att spara positionen.

Använd gruppvalsverktyget för att lägga till form 1 till valet. Öppna paletten Pathfinder (Shift + Command + F9) och klicka på knappen Minus Front. Gå sedan till Objekt> Ordna och klicka på Skicka till baksida (Skift + Kommando + Vänster fästnyckel). Klistra in halvcirkeln på samma plats med Command + F, men använd nu gruppverktyget för att lägga till form 2 till valet. Klicka på knappen Minus Front i paletten Pathfinder igen.

Välj rektangeln och gå till Objekt> Ordna och klicka på Bring to Front (Shift + Command +)). Klistra in halvcirkeln på samma plats med Command + F, men välj nu den med rektangeln och klicka på knappen Minus Front i paletten Pathfinder en gång till.

Slutligen, utan att avmarkera formen, lägg till den nedre halvcirkeln till urvalet och klicka på knappen Unite i Pathfinder-panelen..

Steg 14

Välj den centrala formen och fyll den med en gradientfärg. Öppna panelen Gradient (Command + F9). Klicka på standardgrayscalegradienten och tilldela färgreglaget. För att öppna färgpanelen, dubbelklicka på lutningsreglaget (beroende på vad du vill). Applicera följande färger: Slide1 color (R: 66 G: 28 B: 5) och Plats 0%. Slide2-färg (R: 0 G: 0 B: 0) och Plats 100%.

Steg 15

  1. Lägg till två ankarpunkter i form 1 och i form 2 enligt bilden.
  2. Använd Direktmarkeringsverktyget (A) för att välja alla centrala ankarpunkter och flytta dem 7 pixlar uppåt.
  3. Välj nu alla ankarpunkter i de fyra hörnen och flytta dem 7 pixlar neråt.

Steg 16

Välj den nedersta formen och använd Mesh Tool (U) för att lägga till en ankarpunkt i det vänstra hörnet, precis i mitten av den undre formen som visas. Måla alla bottenankringspunkter i denna form med R: 0, G: 0, B: 0. Och måla de övre punkterna med R: 135, G: 96, B: 66.

Steg 17

  • Rita en form som liknar bilden.
  • Duplicera den och placera ovanpå som visat, och minska den storlek 76% med hjälp av Skalverktyget (S).
  • Använd bokstäverna med hjälp av båda formerna som en guide.

Steg 18

  1. Ta bort den markerade formen.
  2. Fyll form 1 med en gradient: Slide1 är R: 199, G: 148, B: 63; med plats 0%. Slide2 är R: 249, G: 233, B: 188; med plats 100%. Fyll form 2 med en gradient: Slide1 är R: 199, G: 148, B: 63; med plats 50%. Slide2 är R: 240, G: 215, B: 130; med plats 100%.

Steg 19

  1. Lägg till två ankarpunkter i form 2 med verktyget Lägg till ankarpunkt (+) och använd verktyget för borttagning av ankarspets (-) för att ta bort hörnpunkten som visas.
  2. Välj former 1 och 2 med hjälp av Reflex Tool (O) (alternativ för vertikal axel) för att göra en dubbelspegel och placera dem på rätt plats.

Steg 20

Ställ in zoomen till 400%.

  1. Rita en form som visas. Måla den med färgen R: 128, G: 31, B: 0.
  2. Använd ellipsverktyget (L) för att rita en 2,5 x 1,5 pixel oval och fyll i den med färgen R: 199, G: 133, B: 61 och rotera den 30 grader. Duplicera den ovala fyra gånger, sätt dem på samma plats som visas och gruppera dem.
  3. Använd reflekteringsverktyget (O) för att duplicera ovalerna och placera dem på andra sidan.
  4. Gruppera och placera dem alla på rätt plats i boken.

Steg 21

  1. Skapa en 160 pixel lång rad med hjälp av linjesegmentverktyget (\) och ställ in 0,5 pt för strejken. Kopiera denna rad sju gånger med ett gap på ca 3pt.
  2. Använd Direct Selection Tool (A) för att välja alla vänstra Anchor Points och flytta dem 7 pixlar neråt.
  3. Med Warp Tool (Shift + R) gör den vågig, varje rad, en efter en. Topplinjen ska vara mer krökt, minska även böljningen i följande linjer. Markera alla rader, gå till Objekt> Ban> Radera streck och klicka på den. Linjerna är nu solida objekt som du kan fylla i.

Steg 22

  1. Välj alla linjer och använd lutningen:
  • Slide1: R: 199, G: 148, B: 63, med en plats på 0.
  • Slide2: R: 150, G: 110, B: 75, med en plats på 50%.
  • Slide3: R: 232, G: 195, B: 143, med en lokalisering av 100%.
  • Välj den andra raden och använd lutningen:
    • Slide1: R: 199, G: 148. B: 63, med en plats på 0.
    • Slide2: R: 80, G: 50, B: 30, med en plats på 50%.
    • Slide3: R: 232, G: 195, B: 68, med en lokalisering av 100%.

    Steg 23

    Gör en spegelbilds kopia av raderna. Ta bort de två övre raderna. Rita tre former som visas. Fyll dem med R: 100, G: 55, B: 30.

    Steg 24

    Välj den vänstra sidan av boken, öppna skjuvverktyget. Ställ skjuvvinkeln i 2 grader och vinkeln till 90 grader. Klicka på knappen Kopiera. Flytta den 3 pixlar uppåt. Använd Drop Shadow. Gå till Effekt> Stylize> Drop Shadow. Ange de värden som visas av bilden. Upprepa denna process för att skapa en annan sida ovanför den här sidan.

    Steg 25

    Nu ska vi rita innehållet på sidorna. För det ska vi göra simulerade textkolumner och lite grafik. För den simulerade texten använde jag Champignon Alt Swash-teckensnittet för att jag gillar dess utseende. Jag använde också en rune font, den heter Tenwar Sindarin 2 och en Tattoo som typsnitt för grafiken.

    Den första ritningen uppfanns av mig med hjälp av formverktygen. I det här steget kan du skapa din egen innehållsdesign. I mönster 2 och 3 kan du använda grafik, eftersom dessa kommer att gå på de mest synliga sidorna, men du kan bara använda text för design 1 eftersom det här kommer att finnas på baksidorna. Gör ett ramverk på cirka 150 med 180 pixlar och skapa det innehåll du tycker om inom detta.

    Steg 26

    1. Låt oss lägga till formatering till sidinnehållet. För närvarande använder vi bara designen med textkolumner.
    2. Ta bort konturramen och konvertera texten till konturer. Välj dem alla och använd Typ> Skapa konturer (Skift + Kommando + O).
    3. Välj den vänstra sidan och duplicera den, flytta kopian utanför.
    4. Minska storleken till 90%.
    5. Placera den simulerade texten bakom sidan, välj båda och rikta dem vertikalt och horisontellt i mitten.
    6. Gå till Objekt> Kuvertförvrängning> Gör med toppobjekt (Shift + Command + C). Nu är din design anpassad till sidan. Upprepa processen med den andra sidan.

    Steg 27

    Innan vi lägger till det formaterade innehållet på sidorna, kommer vi att förbereda dem.

    1. Välj den vänstra sidan och fyll i den med följande färg: R: 200, G: 150, B: 60.
    2. Använd sedan Mesh Tool (U), för att lägga till fem ankarpunkter på de platser som visas på bilden. Du måste vara försiktig med att inte generera onödiga ankarpunkter, medan du lägger till ankarpunkterna över linjerna.
    3. Välj ankarpunkterna som visas och fyll i det med följande färg: R: 220, G: 185, B: 130.
    4. Välj den centrala ankarpunkten och fyll den med: R: 245, G: 230, B: 185.

    Steg 28

    1. Skapa först en kopia av rätt sida som vi kommer att använda senare.
    2. Upprepa processen som visas i föregående steg, på höger sida.
    3. Lägg sedan in innehållet i steg 23 på sidorna.

    Steg 29

    1. Du måste låsa innehållet på den vänstra sidan och de två sidorna som skapades i steg 21. Välj en efter en med gruppvalverktyget och lås var och en med Command + 2.
    2. Nu kan du välja grundsidan. Kopiera och klistra in det på samma ställe med Command + C och Command + F. Därefter klipps kopian med Command + X och klistras in på samma plats med Command + F igen. Nu är kopian överst på toppen.
    3. Med den valda kopian öppnar du skjuvverktyget och ställer in följande värden: Skjuvvinkel på 12ш, Vinkel på 90ш och sedan flytta den ca 20 pixlar upp.
    4. (a) Välj den nedre mittpunkten och flytta den ca 16 pixlar uppåt. (b) Välj den övre centrumankeringspunkten och flytta den om 12 pixlar uppåt. (c) Välj den övre vänstra ankarpunkten och flytta den ungefär 2 pixlar åt höger. (d) Välj den nedre vänstra ankarpunkten och flytta den om 2 pixlar höger och 6 pixlar uppåt. Vid behov flyttar du riktpunkterna för mittpunkten tills du får en perfekt kurva.

    Steg 30

    1. För skuggan, gör en kopia av den vänstra sidan och flytta den utanför boken.
    2. Med den markerade sidan öppnar du Skärverktyget och skapar en kopia med följande värden: Skärvinkel -10ш och 90ш Angle. Fyll kopian med färgen R: 66, G: 8, B: 0 och flytta den ca 17 pixlar neråt.
    3. Välj båda sidorna och öppna justeringspanelen (Shift + F7) för att anpassa dem åt höger horisontellt (Horisontell Justera höger).
    4. Skicka kopian till baksidan.
    5. (a) Välj båda sidorna igen, öppna panelen Pathfinder (Shift + Command + F9) och klicka på knappen Minus Front. (b) Gå till Effect> (Photoshop Effects) Blur> Gaussian Blur, och ställ den till 15 pixlar. (c) Öppna transparentpanelen (Shift + Command + F10) och använd en opacitet på 75%. d) Använd skalverktyget (S) för att skala skuggan 94% horisontellt.
    6. Placera skuggan längst ner på sidan och använd Objekt> Ordna> Skicka bakåt, för att placera det bakom sidan.

    Steg 31

    1. Minns du boksidan som vi reserverade i steg 28? Det är dags att använda det!
    2. Lägg den över bokens högra sida.
    3. Öppna skjuvverktyget och ställ in följande värden: Skjuvvinkel -10 grader och vinkel 90 grader. Flytta den 15 pixlar uppåt.
    4. Lägg till en dropshadow och ställ in följande värden: Multipliceringsform, Opacitet 75%, X Offset 3, Y Offset 15, Oskärpa 5px och Färg R: 66, G: 8, B: 0. Applicera nu Visa utseende. Välj skuggan och skala den 96% horisontellt. Gå till Objekt> Ordna> Ta fram till (Shift + Kommandot + Höger fästnyckel) för att placera över allt valet som visas.

    Steg 32

    1. Med våra sidor ritade applicera dem med hjälp av processen från steg 27.
    2. Upprepa sedan vad vi lärde oss i steg 26 för att anpassa innehållet till sidans format.
    3. Slutligen lägg innehållet över sidorna enligt bilden.

    Steg 33

    Vår bok är nästan färdig. I detta steg lägger vi till två små men viktiga detaljer.

    1. Rita först en 142 pixel höjdlinje med hjälp av linjesegmentverktyget (\) och ställ 1pt för stroke. Måla den med färgen R: 135, G: 95, B: 80. Placera den här raden i mitten av boken, där sidorna går med.
    2. Dra nu en form (som visad) och placera den i rätt läge. Fyll den med en svart färg.

    Steg 34

    Är du trött redan? Oroa dig inte, i det här steget kommer vi att slutföra boken och då kan du vila? men bara för en stund.

    1. Välj bokens omslag.
    2. Gå till Effekt> Stylized> Drop Shadow. Ställ in följande värden: Multiplikationsläge, 100% opacitet, X Offset på 0 px, Y Offset 1 px, 2 px oskärpa och 100% mörkhet.

    Excellent! Vår bok är redo att göra en stavning! I nästa steg lägger vi till en magisk effekt i vår bok.

    Steg 35

    Skapa ett nytt lager (Bakgrund) och flytta det bakom bokens lager. Rita en 500 x 500 pixel rektangel med hjälp av rektangelverktyget (M). Fyll den med R: 0, G: 0, B: 0.

    Skapa en annan 500 x 250 pixel rektangel och fyll i den med följande gradient: Slide1 color R: 70, G: 0, B: 0, med en plats på 0%. Slide2-färg R: 45, G: 0, B: 0, med en plats på 50%. Slide3-färg R: 0, G: 0, B: 0, med en placering på 100%. Vinkeln bör ställas till 90ш. Välj båda rektanglarna och rikta dem i centrum horisontellt och längst ner vertikalt.

    Steg 36

    1. Skapa en 50 x 250 pixel rektangel. Fyll den med en gråskala på 50%.
    2. Markera den och gå till Effekt> Sketch> Grafikpenna och ställ in följande värden: Stroke Längd 15, Ljus / Mörkbalans 2, Stegriktning Horisontell och klicka på OK-knappen.
    3. Gå igen till Objekt> Expand Utseende.
    4. Gå nu till Objekt> Live Trace> Spåralternativ och sätt det som visas. Klicka på spårknappen.
    5. Öppna objekt> Expand. På panelen Expandera, markera Fyll och objekt och klicka sedan på OK-knappen.
    6. Skala bred 1000% med hjälp av skalverktyget (S).

    Steg 37

    Skapa ett nytt lager över bakgrundsskiktet (Reflex). Välj boken och gör en horisontell reflexkopia med hjälp av Reflex Tool (O).

    Steg 38

    1. Rita över boken en 412 med 220 pixlar rektangel. Fyll den med en lutning: Slide1 har en gråskala på 0%, plats på 0%. Slide2 har en gråskala på 100%, en plats på 100%, graderingsskyvplatsen 85%, typ av linjär och 90 ° vinkel.
    2. Välj båda och öppna Transparentpanelen (Shift + Command + F10) och klicka på panelen (högst upp till höger på panelen) för att välja alternativet Gör Opacity Mask.

    Steg 39

    1. Rita över boken en 410 x 80 pixel rektangel, välj båda. Gå till Objekt> Klippmask> Gör (Command + 7) för att göra en mask.
    2. Gå till OH-panelen (Shift + Command + F10) och ställ in opaciteten till 25%. Placera den på undersidan av tavlan.

    Steg 40

    1. Skapa ett nytt lager (strålkastare) över boklagret och dra en triangel med hjälp av Polygon Tool. Ställ in raden till 25 pixlar.
    2. Vrid det 180ш.
    3. Skala den 830% vertikalt.
    4. Fyll den med följande gradient: Slide1 color R: 255, G: 255, B: 255, med en plats på 25% och en 100% opacitet. Slide2-färg R: 255, G: 255, B: 255, med en plats på 90% och 0% opacitet.

    Steg 41

    Nu måste du skapa kopior av formen och ge dem olika storlekar och vinklar för att skapa en effekt av oregelbundna ljusstrålar från en bok. Överför några former ovanför andra former som visas. Använd Direktmarkeringsverktyget (A) för att välja alla nedre ankarpunkter, tryck sedan på Command + Alt + J för att öppna den genomsnittliga panelen. I Axis markera alternativet Båda och klicka på OK-knappen.

    Steg 42

    Applicera en Gaussian Blur-effekt på 10 pixlar.

    Steg 43

    1. Skapa ett nytt lager (Sphere) och dra en cirkel på 85 med 85 pixlar med hjälp av Ellipse Tool (L).
    2. Fyll den med följande gradient: Slide1 color R: 255, G: 255, B: 255. Slide2-färg R: 65, G: 30, B: 0.
    3. Använd Gradient Tool (G) för att definiera gradientriktningen.
    4. Gå till OH-panelen (Shift + Command + F10) och ställ in opaciteten till 50%. Ta bort stroke.

    Steg 44

    (a) Rita en ellips på 175 x 40 pixlar med hjälp av Ellipse Tool (L). (b) Gå till Objekt> Path> Outline Stroke. Fyll inte på det, använd endast en vit stroke på 1 pt. (c) Repetera hela processen med en ellips på 158 med 28 pixlar och placera den i mitten av den första ellipsen. (d) Rita många 3 med 3 pixelkretsar för att fylla utrymmet mellan de två ellipserna som visas. Dessa cirklar måste fyllas med en vit färg.

    Steg 45

    (a) Rita en 15 x 45 pixel oval med hjälp av Ellipse Tool (L). Skapa en kopia och placera båda ovalerna som visas, och sedan (b) gruppera dem. Rotera ovalerna 45ш och tryck två gånger på Command + D för att upprepa åtgärden. (c) Använd Star Tool för att skapa en stjärna med följande värden: Radius1 är 15. Radius2 är 35 med 6 poäng. Ställ stroke på 1 pt. (d) Kopiera stjärnan och tilldela kopian en stroke på 4 pt. Applicera sedan en Gaussisk suddighet på 20 pixlar. (e) Grupp och placera dem alla i sfärens mitt.

    Steg 46

    1. Välj endast sfären med gruppvalsverktyget, kopiera och klistra in det på samma ställe med Command + C och Command + F. Placera det överallt. Ställ opaciteten till 75% och måla den med färgen R: 245, G: 245, B: 245.
    2. Applicera en Gaussisk suddighet på 40 pixlar.
    3. Välj nu ringen och gör en kopia på samma plats med kommandot + C och Kommando + F. Välj Båda och avmarkera toppringen. Applicera en Gaussisk suddighet på 5 pixlar.
    4. Gruppera alla och placera dem på samma plats som visas.

    Steg 47

    Skapa ett nytt lager (Light) och rita en 500 x 382 pixel rektangel. Placera den på toppen av Artboard.

    Steg 48

    • Fyll den med Gradient:
      • Slide1: R: 255, G: 255, B: 255, med plats 5% och 0% opacitet.
      • Slide2: R: 255, G: 255, B: 255, med plats 50% och 100% opacitet.
      • Slide3: R: 255, G: 255, B: 255, med plats 95% och 0% opacitet.

    Steg 49

    Applicera en genomskinlighet med 75% opacitet och applicera en Gaussisk suddighet på 40 pixlar.

    Steg 50

    Skapa ett nytt lager som heter "Stars" och dra en stjärna med Star Tool. Öppna Star-panelen och ange värdena som visas nedan.

    Steg 51

    Nu ska vi göra stardust. För det måste vi använda en 3 x 3 pixelstjärna. Vi behöver bara duplicera stjärnan många gånger, men i mitten måste stjärnorna vara närmare.

    Steg 52

    Vi lägger till flera 7 av 7 pixelstjärnor och några fyrspetsiga stjärnor.

    Steg 53

    Lägg till resten av stjärnorna och cirklarna. Lägg till mindre stjärnor som den storleken ökar.

    Slutlig bild

    Nu kan du ställa in alla lager och njuta av det slutliga resultatet, kom ihåg att lagrets korrekta positioner är: "Bakgrund", "Reflex", "Bok", "Rays Lights", "Sphere", "Light" och " stjärnor ".