Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Adobe InDesign

Luo kauniita sivutaittoja ja upea kansi lastenkirjalle

by
Difficulty:BeginnerLength:LongLanguages:
This post is part of a series called Book Templates .
How to Design a Vintage Book Cover
How to Create a Historical Fiction Book Cover in Adobe InDesign
This post is part of a series called Alice in Wonderland Week.
How to Create a Queen of Hearts Playing Card With Affinity Designer
Create an Alice in Wonderland Themed iPhone Wallpaper in Pixelmator

Finnish (Suomi) translation by Annukka Leppänen (you can also view the original English article)

Final product image
What You'll Be Creating

Tässä ohjeessa näytän miten voit luoda upean kannen ja luovia sivutaittoja lastenkirjaa varten (tässä tapauksessa modernin version 'Liisa ihmemaassa' kirjasta!). Adobe InDesignin avulla tutkimme miten typografiaa ja kuvia luovasti käyttämällä saa klassisesti ladotut sivut kiinnostavammiksi. Tässä ohjeessa tutkitaan tekniikoita joita voit käyttää ulkoasun suunnitteluun; oppeja joita voit käyttää kun kokoat omaa painettavaa kirjaa tai sähköistä kirjaa.

Suuret kiitokset Mary Winklerille taitossa käytetyistä fantastisista kuvituksista. Voit opetella luomaan omia Liisa ihmemaassa kuvituksia hänen aiemmin postittamansa tutoriaalin avulla.

1. Aseta kannen asettelu

Kohta 1

Avaa InDesign ja valitse Tiedosto > Uusi julkaisu. Uusi julkaisu ikkunassa aseta Perusteeksi Tulosta, Sivumäärä kohtaan 1 ja poista valinta kohdasta Vastakkaiset sivut. Sivun koko valikosta valitse Mukautettu...avataksesi Mukautettu sivunkoko ikkunan. Nimi kenttään kirjoita 'Liisa ihmemaassa_kansi' ja aseta Leveydeksi 277 mm ja Korkeudeksi 216 mm.

Tämä mahdollistaa sisäsivujen kooksi pehmeäkantisten kirjojen standardikoon 135 mm kertaa 216 mm. Minun InDesign versiossani millimetrit muunnetaan automaattisesti picoiksi, mutta käytän tässä tutoriaalissa mittayksikkönä millimetrejä. Napsauta Lisää, sitten OK.

Aseta ylä, oikea ja vasen marginaaleiksi 20 mm ja alamarginaaliksi 25 mm. Aseta leikkausvaraksi 3 mm kaikkiin reunoihin. Napsauta OK.

Vaihe 2

Vedä pystysuora apuviiva vasemmanpuoleisesta viivaimesta (Jos ne eivät näy mene Näytä > Näytä viivaimet) kohtaan 135 mm. Vedä toinen apuviiva keskikohtaan 138.5 mm:iin. Vedä kolmas apuviiva kohtaan 142 mm. Nämä muodostavat uloimmat reunat ja keskikohdan 7 mm leveälle selkämykselle.

Vaihe 3

Vedä vasemmanpuoleisesta viivaimesta apuviiva kohtaan 115 mm (sivunleveydestä 135 mm vähennetään 20 mm marginaali leveyttä) asettaaksesi takakannen marginaalit. Toista etukannessa vetämällä apuviiva kohtaan 162 mm.

Kantesi mittasuhteet on nyt asetettu - voit ryhtyä lisäämään sisältöä.

2. Suunnittele etukansi

Vaihe 1

Käytä Suorakulmiokehystyökalua (F) luodaksesi 95 mm leveä kehys. Korkeus riippuu kuvasta jonka sijoitat. Sijoita kehys alalaidan marginaalia vasten ja valitse Tiedosto > Sijoita. Valitse haluamasi kuva (jos kyseessä on vektorikuvitus, on EPS kuva, jossa läpinäkyvä tausta ideaali) ja Avaa.

Pidä kuvakehys valittuna ja napsauta ylhäällä olevasta hallintapaneelista Täytä kehys suhteessa kuvaketta.


Vaihe 2

Valitse Tekstityökalu (T) ja luo 95 mm leveä ja 30 mm korkea kehys. Kirjoita 'LIISA (rivinvaihto) IHMEMAASSA' ja valitse ylhäällä olevasta hallintapaneelista Keskitä.

Seuraavaksi voit valita pari fonttia antaaksesi kannellesi dynaamisen ilmeen. Tässä esimerkissä käytin klassisen näköistä Serif fonttia, EB Garamondia ja kontrastina sille modernistia Sans Serif fonttia, BonvenoCF:a Tämä yhdistelmä toimii hyvin tässä modernisoidussa Liisa ihmemaassa kokeilussa.

Palaa luomaasi tekstikehykseen ja maalaa teksti. Aseta Kirjasimeksi BonvenoCF Light. Maalaa vain 'LIISA' ja aseta Kirjasinkooksi 55 pt, Merkkipariväliksi 66 pt ja Merkkiväliksi 30. Maalaa 'IHMEMAASSA' ja aseta Kirjasinkooksi 33 pt, Merkkipariväliksi 39 pt ja Merkkiväliksi 30.


Vaihe 3

Valitse Ikkuna > Viiva avataksesi Viiva paneelin. Valitse Viivatyökalu (\) ja vedä Vaihto alhaalla vaakasuora 90 mm leveä viiva. Aseta Viiva paneelissa viivasi Paksuudeksi 0.35 mm, ja säilytä Tyyppinä Yhtenäinen. Sijoita viiva keskitetysti otsikon alle.


Vaihe 4

Luo toinen 95 mm leveä tekstikehys käyttämällä Tekstityökalua (T). Lisää alaotsikko, tässä tapauksessa 'Uusi katsaus Lewis Carrollin perinteiseen tarinaan'. Keskitä ja aseta fontiksi EB Garamond Regular. Kirjasinkooksi 16 pt.

Yksinkertainen ja upea etukantesi on valmis! Siirrytään takakanteen.

3. Suunnittele takakansi

Vaihe1

Luo Tekstityökalulla (T) 95 mm leveä tekstikehys ja sijoita kehyksen yläosa takakannen ylämarginaalia vasten. Kehyksen tulisi olla keskellä takakantta.

Voit sijoittaa kirjasi takakansitekstin tähän, tai käyttää toistaiseksi Teksti > Täytä paikkamerkkitekstillä.

Laajenna kehys hieman yli puoleen väliin takakantta ja jaa teksti kahteen kappaleeseen. Maalaa koko teksti ja valitse Tasapalsta, tasaa viimeinen rivi vasemmalle yläosan hallintapaneelista. Aseta Kirjasinkooksi 12 pt ja Merkkipariväliksi 14.4 pt. Valitse Ikkuna > Teksti ja taulukot > Juttu avataksesi Juttu paneeli. Kursori yhä tekstin seassa, rastita Optinen reunan tasaus.

Maalaa ensimmäinen kappale ja aseta Anfangin rivimäärä yläosan hallintapaneelista neljäksi (4). Aseta fontiksi Regular. (suom. huom. Tarkoittanee kirjasimen leikkausta).

Maalaa alin kappale ja aseta fontin leikkaus kohtaan Italic ja Anfangin rivimääräksi kaksi. Tässä on hyvä kohta lainaukselle, arvostelulle tai kirjailijan elämänkerralle.

Voit tarvittaessa sijoittaa takannen alaosaan myös logon, websivun, ja/tai viivakoodin.

4. Muotoile selkämys

Vaihe 1

Luo Tekstityökalulla (T) uusi  3 mm korkea, 25 mm leveä kehys. Lisää 'Kirjailijan nimi'.            Aseta Kirjasimeksi EB Garamond SC (tai käytä Versaali valintaa Merkki paneelissa imitoidaksesi sitä) ja Kirjasinkooksi 11 pt. Valitse kehys, Ctrl-napsauta (Mac) tai napsauta oikealla (PC) ja valitse Muunna > Kierrä 90 astetta vastapäivään. Aseta kehyksen yläosa vasten ylämarginaalia keskitettynä kohti selkämystä.

Vaihe 2

Muokkaa > Kopioi > Liitä tämä tekstikehys ja suurenna sen leveys 57 mm:iin ja korkeus 3.5 mm:iin. Muuta tekstiksi kirjan nimi (eli 'Liisa ihmemaassa') ja aseta Kirjasimeksi Bonveno CF Light. Säädä Merkkiväliksi 30. Sijoita tämä kehys noin puoleen väliin selkämyksen keskikohtaa.

Voit myös sijoittaa logon tai pienen kuvan selkämyksen alaosaan alempaa marginaalia vasten - tämä voi antaa viimeisen silauksen kannelle.

Hienoa - kantesi on valmis! Nyt sisäsivujen pariin.

5. Suunnittele sisäsivujen asettelu

Vaihe 1

Valitse Tiedosto > Uusi julkaisu Uusi julkaisu ikkunassa aseta Perusteeksi Tulosta, Sivumäärä kohtaan 3 ja pidä Vastakkaiset sivut kohta valittuna. Valitse Sivun koko pudotusvalikosta Mukautettu...avataksesi Mukautettu sivun koko ikkunan. Nimeksi kirjoita 'Liisa ihmemaassa_Sivut' ja aseta Leveydeksi 135 mm ja Korkeudeksi 216 mm. Napsauta Lisää ja sen jälkeen OK.

Aseta ylä- ja sisämarginaaleiksi 20 mm, ulko 15 mm ja alamarginaaliksi 25 mm. Leikkausvara 3 mm, mutta jätä Sisä arvo 0 mm:iin. Napsauta OK.

Vaihe 2

Voimme luoda kaksi Sivupohjaa - yhden kappalen tai osion aloitussivuksi, ja toisen varsinaisia sivuja varten

Varmista että Sivut paneeli on auki menemällä Ikkuna > Sivut. Huomaat, että InDesigniin on jo automaattisesti lisätty aukeama nimeltä A-Sivupohja. Tässä kirjassa kaikki kappaleet alkavat oikean puoleiselta sivulta, joten napsauta A-Sivupohjan vasemman puoleista sivua ja raahaa se roskakori kuvakkeen päälle Sivut paneelin oikeassa alakulmassa.

Kaksoisnapsauta A-Sivupohja sivua aktivoidaksesi sen näytölle. Vedä pysty apulinja vasemmasta viivaimesta 69 mm:iin ja toinen viiva 73 mm:iin kahden tekstipalstan reunojen merkeiksi.

Valitse Tekstityökalu (T) ja luo vetämällä pieni 5 mm leveä ja 4 mm korkea tekstikehys. Aseta kehys keskitetysti palstojen apuviivojen väliin (suurinpiirtein kohtaan Y 201 mm) ja valitse Teksti > Lisää erikoismerkki > Merkit > Nykyinen sivunnumero. Keskitä tekstisi, Kirjasimeksi EB Garamond SC ja Kirjasinkooksi 9 pt.

Vaihe 3

Valitse Sivut Valikko > Uusi sivupohja...luodaksesi uuden aukeamamittaisen B-Sivupohjan.

Voit kopioida apuviivat ja sivunnumero tekstikehyksen ja sijoittaa ne sopiviin kohtiin uudella pohjalla.

Voit myös lisätä jokaisen sivun yläosaan otsikot antamaan kirjallesi yhtenäisen ja ammattimaisen ilmeen. Luo 3.5 mm korkea ja 100 mm leveä kehys Tekstityökalulla. Sijoita se keskitetysti B-sivupohjan oikean puoleisen sivun ylämarginaalin yläpuolelle. Kirjoita kirjan nimi isoilla kirjaimilla ja Keskitä teksti, Kirjasimeksi Boveno CF Light, Kirjasinkooksi 7 pt ja Merkkiväli 30.

Luo 37 mm pitkä viiva käyttämällä Viivatyökalua (\) Vaihto alhaalla. Pidä viiva ohuena (itselläni 0.088 mm) ja aseta se otsikkotekstin alapuolelle luodaksesi sille kivan kehyksen.

Muokkaa > Kopioi > Liitä otsikon tekstikehys ja asettele se samaiseen kohtaan B-sivupohjan vasemman puoleisella sivulla.

Voit ottaa tämän sivupohjan käyttöön sivuilla 2 ja 3, sekä kaikilla niillä sivuilla, jotka eivät ole kappaleen aloitus-sivuja kirjassasi.

6. Luo dynaaminen kappaleen aloitus-sivu

Vaihe 1

Ota A-sivupohja käyttöön sivulla 1 raahaamalla A-sivupohjan kuvake Sivu 1 kuvakkeen päälle. Kaksoisnapsauta Sivua 1 aktivoidaksesi sen näytölle.

Valitse Tekstityökalu (T) ja vedä 47 mm leveä ja 5 mm korkea tekstikehys sivulle. Sijoita tämä kehys vasemmanpuoleisen palstan ylälaitaan, en että kehyksen ylälaita osuu ylämarginaaliin.

Kirjoita kappaleen numero tai osion otsake ja aseta Kirjasimeksi Bonveno CF Light, Kirjasinkooksi 15 pt ja Merkkiväliksi 30. Valitse yläosan hallinta paneelista Versaali.

Luo Viivatyökalulla (\) hieman tekstikehystä lyhyempi, noin 46 mm pitkä viiva. Aseta paksuudeksi noin 0.3 mm ja aseta se keskitetysti tekstikehyksen alapuolelle.

Vaihe 2

Voimme asettaa kappaleen ensimmäiselle kirjaimelle dramaattisen Anfangin herättämään kiinnostusta. Voidaksemme tehdä tämän täytyy meidän lisätä tekstikehyksen korkeutta palsta marginaalien yli. Tähän voi liittyä yritystä ja erehdystä, mutta se on hieno typografinen tehokeino.

Käytä Tekstityökalua (T) ja luo 47 mm leveä ja 196 mm korkea tekstikehys. Joudut ehkä zoomaamaan hieman nähdäksesi sen täydessä mitassaan. Aseta tämä kehys  oikeanpuoleisen palstan sisään, kehyksen pohja vasten alamarginaalia.

Voit sijoittaa kappaleen tekstin ja asettaa Kirjasimeksi EB Garamond Regular. Toistaiseksi on helpompi, jos työskentelet vain kappaleesi viiden ensimmäisen rivin (tai parin ensimmäisen lauseen) parissa. Voimme lisätä loput myöhemmin.

Valitse Tasapalsta, tasaa viimeinen rivi vasemmalle. Aseta Kirjasinkooksi 12 pt ja Merkkipariväliksi 15 pt. Maalaa tekstin ensimmäinen kirjain ja mene kohtaan Anfangin rivimäärä yläosan hallintapaneelissa. Aseta sen arvoksi 9. Ensimmäinen kirjaimesi on nyt oikeanpuoleisen palstan levyinen.

Vaihe 3

Tehdäksesi sivulla olevasta typografiasta todella erikoista, voit leikkiä koolla ja rivien välistyksillä antaaksesi tekstille dynaamisen ilmeen, sekä nostaa esiin kappaleen ensimmäisen rivin dramaattisen efektin aikaan saamiseksi. Tämä voi toimia etenkin lasten kirjoissa hyvin. Niissä teksti on lyhyempää ja kirjasinkoon tulee yleensä olla isompi.

Tässä esimerkissä olen maalannut ' here was a' ja lisännyt Kirjasinkoon 34 pt:iin ja Merkkiparivälin 43 pt:iin. Poimin seuraavan lyhyen tekstipätkän ja asetin Kirjasinkooksi 44 pt. Jatka läpi koko tekstin ja tee kokeiluja koolla (voit joutua kohtaamaan haasteita pitkien tai tavutettujen sanojen kanssa). Tämä työntää tekstiä kohti sivun alalaitaa ja voit leikkiä kehyksen sijainnin kanssa kunnes olet tyytyväinen.

Mahtavaa - näyttää hyvältä!

7. Suunnittele luovaa typografiaa sisältävä aukeama

Vaihe 1

Tuo esiin Sivut 2 ja 3 näytölle vierittämällä alaspäin. Luo Tekstityökalulla (T) kaksi kehystä ja säädä niiden koot mahtumaan Sivun 2 kahteen palstaan. Voit sijoittaa jäljelle jääneen kappaletekstisi ensimmäiseen kehykseen. Napsauta pientä valkoista laatikkoa kehyksen oikeassa alalaidassa ja napsauta toista kehystä linkittääksesi kehykset ja juoksuttaaksesi tekstin toiseen kehykseen.

Aseta tekstille Tasapalsta, tasaa viimeinen rivi vasemmalle. Aseta Kirjasimeksi EB Garamond Regular, Kirjasinkooksi 12 pt ja Merkkipariväliksi 15 pt.

Maalaa tekstin ensimmäisen kappaleen ensimmäinen kirjain ja aseta Anfangin rivimääräksi 4. Saatat joutua säätämään tekstikehyksien korkeutta saadaksesi viimeisen rivin asettumaan täydellisesti alamarginaaliin. Varmista ettei Optinen reunan tasaus ole valittuna antaaksesi ensimmäisen kappaleen 'työntyä' palstaan.

Vaihe 2

Lukusi toinen sivu näyttää klassiselta ja perinteiseltä. Voimme asettaa sen kontrastiksi oudompaa vastakkaista sivua vasten.

Se saadaan aikaiseksi käyttämällä Illustratoria. Luomme vektorimuodon, jonka voimme täyttää tekstillä. Yhdistämällä tämä sopivaan kuvaan saadaan jännittävä yhdistelmä.

Käytä Suorakulmiokehystyökalua (F) ja luo pieni kehys. Sijoita se sivun oikeaan alalaitaan. Tiedosto > Sijoita ja valitse kuva (säilyttääksesi illuusion vanhanaikaisesta romaanista saisi se mielellään olla mustavalkoinen tai harmaasävy, jossa valkoinen tai läpinäkyvä tausta); napsauta Avaa. Käytä Täytä kehys suhteessa muuttaaksesi kuvan kokoa.

Vaihe 3

Avaa Illustrator ja File > New...luodaksesi uuden dokumentin. Nyt sinun pitää käyttää mielikuvitustasi. Mikä muoto toimisi hyvin kuvasi kanssa? Pystytkö tekemään siitä tarpeeksi leveän mahduttamaan riittävästi tekstiä?

Tässä esimerkissä loin yksinkertaisen 'höyry' muodon käyttämällä Arc työkalua ja antamalla sille Fill:in eli täytön. (Strokea eli reunaviivaa ei tarvita) Valitse muoto ja mene Edit > Copy.

Vaihe 4

Palaa InDesigniin ja mene Muokkaa > Liitä. Illustrator muoto pudotetaan InDesign julkaisuusi. Voit asettaa Täyttö kohtaan Ei mitään yläosan hallinta paneelista.

Vaihe 5

Käyttämällä Valintatyökalua (V, Esc), säädä muodon koko sopimaan nätisti Sivulle 3. Voit pitää Vaihdon alhaalla säilyttääksesi muodon mittasuhteet. Valitse Tekstityökalu (T) ja vie kursori muodon ylle. Kursori muuttuu tekstikursoriksi; napsauta kerran ja muoto muuttuu tekstikehykseksi.

Linkitä Sivun 2 toinen tekstikehys  Sivun 3 muotoon napsauttamalla toisen palstan oikeassa alakulmassa olevaa valkoista laatikkoa. Napsauta sitten uudestaan muodossa. Teksti juoksee muotoon.

Saatat joutua tekemään säätöjä muodon mittoihin kun teksti on lisätty. Varmista ettei tekstin väleissä ole isoja aukkoja tai eksyneitä sanoja.

Vaihe 6

Luvun kolme ensimmäistä sivua ovat valmiit - näyttää hyvältä!

Voit toistaa vaiheiden 1-5 periaatteita luodaksesi lisää kauniita sisäsivuja kirjaasi. Tulokset riippuvat sisällöstäsi, kuvistasi ja mielikuvituksestasi. Tässä toinen esimerkki luovuutesi herättämiseksi.

Loin esimerkkiä varten spiraalimuodon Illustratorin Spiral työkalulla, ja kuten aiemmin, kopioin ja liitin muodon InDesigniin ja käytin Reittitekstityökalua (Vaihto-T) juoksuttaakseni tekstin spiraaliin.

Hieno tapa visualisoida Liisan putoaminen kanin koloon!

8. Valmistele kirjasi painoa tai digiä varten

Vaihe 1

Tämän ohjeen tarkoitus on ollut esitellä sinulle muutamia tapoja luoda dynaamisia ja jänniä sivuasetteluja lastenkirjoja varten. Voit käyttää tässä käytettyjä ideoita omien kauniiden kansien ja sivujen luomiseen.

Kun olet taittanut koko kirjasi, saatat halua viedä sen interaktiivisena PDF:na netissä jaettavaksi (mene Tiedosto > Vie > ja valitse Adobe PDF (vuorovaikutteinen) Muoto-pudotusvalikosta; ja rastita Aukeamat aukeavassa ikkunassa).

Vaihtoehtoisesti voit luoda painettavan kirjan menemällä Tiedosto > Vie ja valitsemalla Adobe PDF (tulostus) pudotusvalikosta. Valitse Painolaatu Adobe PDF esiasetukset pudotusvalikosta ja rastita Kaikki tulostimen ohjausmerkit Merkit ja leikkausvarat valikosta.

Mahtavaa työtä, olet nyt valmis!

Toivon, että ohje on ollut hyödyllinen ja inspiroi sinua oman lastenkirjan luomiseen.

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.