Advertisement
  1. Design & Illustration
  2. Book Design

Kako dizajnirati dječju slikovnicu u programu Adobe InDesign

Scroll to top
Read Time: 13 min

() translation by (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

U izdavačkoj djelatnosti u zadnje vrijeme dječje slikovnice doživljavaju pravi preporod. Iako su uvijek bile nadohvat ruke, danas je potražnja za njima veća nego ikad, možda zato što unose dašak prošlih vremena u naše živote kojima dominira tehnologija.

Želite li dizajnirati svoju vlastitu slikovnicu, ovaj će vam tutorijal pokazati kako napraviti kvalitetan predložak korica i unutarnjih stranica, i dati važne savjete za izradu stiliziranih, čitljivih i iznad svega zabavnih i privlačnih stranica za vaše najmlađe.

spread insidespread insidespread inside
spread insidespread insidespread inside

Za praćenje ovog tutorijala namijenjenog početnicima i srednje naprednim korisnicima trebat ćete pristup programima Adobe InDesign i Adobe Illustrator.

Jeste li spremni za izradu izgledom savršene dječje knjige? Super! Započnimo!

1. Standardni formati i broj stranica

Bez obzira jeste li samostalni izdavač ili koristite usluge izdavačke kuće, sve dječje knjige trebaju zadovoljavati određene tehničke standarde prije dolaska na police.

Otkrit ćete da mnogi "on-line" izdavači objavljuju dječje knjige u velikom rasponu veličina, no trebali biste znati da postoji samo nekoliko formata prihvaćenih od struke. Odaberete li "industrijski" prihvatljive veličine vjerojatnije je da će neki dobavljač ili knjižara posegnuti za vašom knjigom.

Tri najpopularnija formata dječje knjige su:

  • Portrait-orientation (Orijentacija portreta)—10 inches (254 mm) pod Height za visinu i 8 inches (203,2 mm) pod Width za širinu.
  • Landscape-orientation (Pejzažna orijentacija)—8 inches (203,2 mm) pod Height za visinu i 10 inches (254 mm) pod Width za širinu.
  • Square (Kvadrat)—8 inches (203,2 mm) x 8 inches (203,2 mm) za visinu i širinu.

Držite li se jednog od ovih standardnih formata ispis će biti jednostavniji, brži i moguć u velikim serijama kopija, pa time i jeftiniji za vas. 

Broj stranica također podliježe nekim općim pravilima. Većina knjiga ima 32 stranice, no neke kraće imaju 24 stranice (držite se umnoška broje 4 ako ste skloni eksperimentiranju). Mala djeca neće moći držati koncentraciju duže od 24 do 32 stranice i ovdje je mudro držati se pravila da je manje više, bilo da je riječ o broju stranica, ili broju riječi. Kod pripreme knjige pokušajte se držati broja od 500–1 000 riječi. Ciljate li na djecu mlađeg uzrasta držite se granice od 500 riječi, povećavajući gornju granicu do 1 000 za nešto stariju djecu.

2. Napravite predložak korica

U ovom ću vam tutorijalu pokazati kako napraviti predložak naslovnice i unutarnjih stranica dječje knjige pejzažne orijentacije, landscape-orientation (8 inches x 10 inches).

Možete jednostavno pratiti korake izrade predloška i napraviti svoj vlastiti unikatni dizajn preskačući određene korake, ili proći cijeli tutorijal i saznati kako predlošku dodati elemente dizajna poput boje, teksture, grafika i teksta.

Prvo ćemo napraviti osnovni predložak korica...

1. korak

Otvorite Adobe InDesign. Odaberite File > New > Document.

Postavite Intent na Print i Number of Pages na 1, i otkažite Facing Pages.

Pod Page Size odaberite Custom. U prozoru Custom Page Size postavite format pod nazivom Children's Book Landscape; postavite Width za širinu na 254 mm (10 in) i Height za visinu na 203,2 mm (8 in). Pritisnite Add, pa OK.

custom sizecustom sizecustom size

2. korak

Vratite se u prozor New Document, postavite margine pod Margins na svim stranama na 20 mm i dodajte napust, Bleed od 5 mm oko cijele stranice.

new documentnew documentnew document

Pritisnite OK da potvrdite postavke novog dokumenta.

new documentnew documentnew document

Ova će stranica biti prednja strana-naslovnica vaše dječje knjige. Uvijek je najbolje posebno dizajnirati naslovnicu prije izrade dizajna cijelog uveza. To će vam olakšati procjenu izgleda same naslovnice kao takve i omogućiti bolji uvid u raspored elemenata na njoj.

Možemo napraviti drugu proširenu stranu za cijeli uvez/korice uključujući stražnju stranu korica i hrbat, a nakon dizajna naslovnice. Želite li samo napraviti "blank" predložak za naslovnicu, preskočite sve korake do 12. koraka.

Želite li pratiti korake nastajanja ove naslovnice prijeđite na sljedeći korak.

3. korak

Otvorite panel Layers (Window > Layers) i napravite dvoklik na ime sloja Layer 1. Preimenujte sloj u Paper Texture i klikom odaberite OK.

Klikom na dugme Create New Layer na dnu panela napravite novi sloj. Preimenujte sloj u Background.

Napravite još dva sloja, sloj Image i kao gornji sloj, sloj Typography.

layers panellayers panellayers panel

Zaključajte sve slojeve osim sloja Paper Texture na dnu.

paper texturepaper texturepaper texture

4. korak

Učitajte sliku simple paper texture poput one koju sam učitala sa stranice Envato Market.

Odaberite Rectangle Frame Tool (F) i razvucite okvir do vrha, dna i desnog ruba napusta. Lijevu stranu okvira proširite gore do ruba stranice (trim).

Odaberite File > Place, zatim odaberite sliku teksture papira i otvorite ju opcijom Open. Postavite sliku u okvir da stane cijelom veličinom; odaberite Object > Effects > Transparency. Smanjte Opacity na 35% i klikom birajte OK.

transparencytransparencytransparency

5. korak

Vratite se panelu Layers i zaključajte sloj Paper Texture. Otključajte sloj Background.

layers panellayers panellayers panel

Otvorite panel Swatches (Window > Color > Swatches) i klikom odaberite dugme New Swatch na dnu panela. Dvoklikom omogućite uređivanje palete, "swatcha".

Dajte mu ime Mustard, Color Type postavite na Process, Mode na CMYK, a vrijednosti boja kako slijedi C=0 M=23 Y=78 K=0. Potvrdite s OK.

mustard swatchmustard swatchmustard swatch

Odaberite Rectangle Tool (M) i razvucite okvir da napravite oblik iste veličine kao okvir na sloju ispod. Postavite Color Fill na Mustard.

Selektirajte oblik i odaberite Object > Effects > Transparency, postavite Mode na Multiply. Potvrdite s OK.

multiplymultiplymultiply

6. korak

Učitajte ovu simpatičnu ilustraciju guštera, cute illustration of a lizard. Otvorite ovu EPS datoteku u programu Adobe Illustrator.

lizard illustrationlizard illustrationlizard illustration

Uklonite pozadinu slike i tekst ispod vlati trave.

deleted backgrounddeleted backgrounddeleted background

Odaberite File > Save As da spremite sliku kao EPS datoteku s transparentnom pozadinom.

Vratite se u svoj InDesign dokument i zaključajte sloj Background. Otključajte sloj iznad pod nazivom Image.

layers panellayers panellayers panel

Napravite novi okvir koristeći Rectangle Frame Tool (F) na stranici dolje desno. Odaberite File > Place, zatim novu EPS datoteku i otvorite opcijom Open. Lijepo "ugnijezdite" sliku u okvir.

placed imageplaced imageplaced image

7. korak

Zaključajte sloj Image i otključajte gornji sloj Typography.

layers panellayers panellayers panel

Želim dizajnirati ovu knjigu u stilu slavnog grafičkog dizajnera iz šezdesetih godina prošlog stoljeća, Saula Bassa. Njemu nije bio nepoznat dizajn dječje knjige. Volio je svijetle boje, izražajnu grafiku i vesele fontove.

Ovaj Hitchcock font simpatična je posveta poznatom stilu Saula Bassa i besplatan je za učitavanje.

Učitajte i instalirajte font, a zatim se vratite svom dokumentu u InDesignu.

Odaberite Type Tool (T) i razvucite na stranici mali tekstni okvir. Upišite "THE", postavite Font na Hitchcock (iz panela Character Formatting Controls ili iz panela Character [Window > Type & Tables > Character]), Size na 50 pt i Font Color na [Paper].

hitchcockhitchcockhitchcock

Opcijama Copy i Paste kopirajte i zalijepite ovaj tekstni okvir ispod prvog, i upišite "VERY".

text verytext verytext very

8. korak

Napravite novu paletu, CMYK Swatch, dajte mu ime Red i postavite sljedeće vrijednosti C=11 M=98 Y=99 K=3.

red swatchred swatchred swatch

Opcijama Copy i Paste kopirajte i zalijepite tekstni okvir "VERY", postavite ga niže i promijenite Font Color na Red.

text verytext verytext very

9. korak

Napravite još jednu CMYK paletu, dajte joj ime Green i postavite vrijednosti kako slijedi C=50 M=33 Y=92 K=19.

green swatchgreen swatchgreen swatch

Zalijepite još jedan okvir ispod drugog okvira "VERY", upišite "CLEVER" i postavite Font Color na [Paper].

Zalijepite još jedan tekstni okvir, upišite "LIZARD" i postavite Font Color na Green.

lizard textlizard textlizard text

10. korak

Napravite još jednu CMYK paletu,  postavite vrijednosti C=74 M=20 Y=56 K=4 i dajte joj ime Jade.

jade swatchjade swatchjade swatch

Napravite novi tekstni okvir i postavite ga u donji desni kut stranice. Upišite "WRITTEN BY [AUTHOR NAME]" i postavite Font na Hitchcock, Size 18 pt. Postavite prvi red teksta na Align Left, a drugi na Align Right.

Povucite autorovo ime u paletu (swatch) Jade.

author nameauthor nameauthor name

11. korak

Sada kad ste završili dizajn svoje naslovnice spremni ste ga proširiti na dizajn cijelog uveza/korica, zajedno sa stražnjom stranom i hrptom.

complete frontcomplete frontcomplete front

Odaberite panel Pages (Window > Pages) i povucite ikonu stranice Page 1 na dugme Create New Page na dnu panela. Time ćete duplirati cijelu stranicu.

duplicate pageduplicate pageduplicate page

Spustite se u svom dokumentu do stranice Page 2. Prije nego što proširite korice trebate odrediti širinu hrpta. Ona će ovisiti o broju stranica i debljini papira, a to biste trebali utvrditi prije dizajniranja cijelog uveza/korica.

Isprobajte spine width calculator—njime ćete odrediti očekivanu širinu hrpta uključujući broj stranica i debljinu papira.

Recimo da će moja knjiga imati 32 stranice otisnute na 130 gsm glaziranog (premazanog) papira. Rezultat je hrbat veličine 2.8 mm, no trebamo još dodati 3 mm za tvrdi uvez. To je hrbat ukupne širine 5.8 mm.

Da proširimo korice trebamo koristiti ovu jednadžbu:

Širina stranice + Širina stranice + Širina hrpta = Ukupna širina korica

Dakle, to će biti:

254 mm + 254 mm + 5.8 mm = 513,8 mm

OK, super, postavimo sada tako Indesign dokument. Odaberite Page Tool (Shift-P) i napravite klik na Page 2. U panelu Controls upišite 513.8 mm pod Width.

page widthpage widthpage width

Trebate li pomaknuti elemente na naslovnici na desnu stranu, otključajte sve slojeve i pomaknite sve uz desni rub napusta.

page extendedpage extendedpage extended

12. korak

Kako biste odredili položaj hrpta i stražnje strane korica izvucite vodilicu iz ravnala s lijeve strane (View > Show Rulers) na 254 mm. Izvucite drugu vodilicu na 256.9 mm da odredite sredinu hrpta.

guidesguidesguides

13. korak

Sada možemo dodati ilustraciju na hrbat i stražnju stranu korica. Želite li kreirati baš ovaj dizajn, nastavite pratiti sljedeće korake. Želite li samo napraviti predložak za unutarnje stranice, nastavite dalje od 3. cjeline.

Vratite se u panel Layers i zaključajte dva gornja sloja. Otključajte slojeve Paper Texture i Background. Pokazivačem miša prevucite preko naslovnice i opcijama Copy, Paste kopirajte i zalijepite.

Pomaknite zalijepljene elemente na lijevu stranu stranice do odgovarajućeg ruba napusta.

pasted yellowpasted yellowpasted yellow

Ponovo zalijepite i smanjite širinu oba elementa na 5.8 mm: postavite preko hrpta na sredini stranice.

pasted yellow spinepasted yellow spinepasted yellow spine

14. korak

Dodajte novu CMYK paletu, postavite vrijednosti C=8 M=58 Y=30 K=0 i dajte joj ime Pink.

pink swatchpink swatchpink swatch

Napravite još jednu CMYK paletu, postavite vrijednosti C=49 M=0 Y=70 K=0 i dajte joj ime Lime.

lime swatchlime swatchlime swatch

Selektirajte samo gornji obojani pravokutnik s lijeve strane stranice i promijenite Fill Color na Lime. Selektirajte samo obojani oblik postavljen na vrhu hrpta i promjenite Fill na Pink.

pink spinepink spinepink spine

15. korak

Dodajte još završne detalje—barkod u donji lijevi kut koristeći Rectangle Frame Tool (F)...

barcodebarcodebarcode

...i zarotirajte tekst  koji ćete precizno namjestiti duž hrpta uz pomoć centralne vodilice. Postavite Font Hitchcock, i Size 11 pt.

spinespinespine

16. korak

Dizajn vaših korica je gotov—super!

complete covercomplete covercomplete cover

Preostalo je još samo da izvezete korice kao datoteku spremnu za ispis i slanje na odabrani pisač. Za to odaberite File > Export.

Odaberite Adobe PDF (Print) iz padajućeg izbornika Format i dajte mu ime "Cover Artwork" i klikom odaberite Save.

U prozoru koji se otvori odaberite [Press Quality] iz izbornika Adobe PDF Preset pri vrhu prozora.

press qualitypress qualitypress quality

Provjerite je li Page Range postavljen na 2 tako da samo druga stranica, Page 2 bude izvezena.

page rangepage rangepage range

Klikom odaberite Marks and Bleeds na lijevoj strani izbornika i označite All Printer's Marks i Use Document Bleed Settings.

marks and bleedsmarks and bleedsmarks and bleeds

Klikom odaberite Export.

exported pdfexported pdfexported pdf

3. Postavite unutarnje stranice knjige

Ilustracije za unutarnje stranice postavit ćete u zasebnu datoteku u InDesign. To će vam omogućiti da odvojeno izvezete unutarnje stranice i pošaljete na pisač svoj dizajn korica i stranica u obliku dvije datoteke spremne za ispis.

Počet ćemo izradom predloška stranica u InDesignu.

1. korak

Odaberite File > New > Document.

Povećajte Number of Pages na 32 i ostavite Facing Pages označenim.

Pod Page Size odaberite prethodno definirane postavke veličine, Children's Book Landscape.

Margine postavite pod Margins na 20 mm i dodajte napust, Bleed od 5 mm na sve strane osim za unutarnji rub, Inside (gdje će stranica biti uvučena u hrbat).

Klikom na OK potvrdite postavke dokumenta.

new documentnew documentnew document

2. korak

Ovo će biti vaš predložak slikovnice od 32 stranice. Sve što sada trebate je krenuti s dizajniranjem! 

inside pages templateinside pages templateinside pages template

Želite li svojoj knjizi dodati brojeve stranica, dvoklikom na ikonu stranice A-Master na vrhu panela Pages aktivirajte Master stranicu dokumenta.

Odaberite Type Tool (T) i razvucite okvir u lijevi ili desni kut stranice. Postavite pokazivač miša u okvir i odaberite Type > Insert Special Character > Markers > Current Page Number.

current page numbercurrent page numbercurrent page number

Brojeve možete oblikovati kako želite (ovdje je odabran font Hitchcock); slovo "A" će u glavnom dokumentu poprimiti odgovarajući broj stranice.

page numberpage numberpage number

To je tako jednostavno! Možete početi s dizajnom stranica. Nastojte svoju priču postaviti kao nizove, "spreads", a ne pojedinačne stranice jer dječje knjige mnogo bolje funkcioniraju kao uparene stranice. Pogledajte kako sam ja oblikovala prvih nekoliko stranica da "pokupite" poneku ideju za svoj dizajn.

3. korak

Klikom na Page 1 omogućite uređivanje prve stranice. Ovdje bi bilo dobro ponoviti naslov i autorovo ime.

Izvukla sam vodilicu do središnje točke stranice (127 mm) kako bih lakše centrirala tekst. Mislite li da će kod uvezivanja dio stranice biti uvučen u hrbat, postavite tekst malo od središta, udesno.

Ja sam tekst postavila kao na koricama, font Hitchcock s bojama* sličnim onima na naslovnici.

page 1page 1page 1

* Napomena: Palete boja možete koristiti kroz cijeli dokument ako ih spremite kao datoteku Adobe Swatch Exchange (ASE). Odaberite panel Swatches u dokumentu korica, označite palete, "swatches" koje želite dijeliti i odaberite Save Swatches iz izbornika panela. Zatim možete odabrati Load Swatches iz panela Swatches u svom ciljanom dokumentu.

4. korak

Spustite se do druge i treće stranice, Pages 2 i 3, prvog niza vaše knjige. Ovdje ćete postaviti priču i glavne likove.

Odaberite Rectangle Tool (M) da napravite pozadinu u boji Mustard.

Razvucite tekstni okvir u gornjem lijevom kutu stranice Page 3. Tekst ispišite čitljivim, jasnim fontom. Okrugli sanserifni font poput Charlevoix Pro Medium koji sam ovdje koristila savršen je za dječje knjige.

large typelarge typelarge type

5. korak

Preko stranice Page 3 i odabirom File > Place kopirajte EPS datoteku gotovo na isto mjesto kao na naslovnici.

Kako biste dodali dubinu grafikama s transparentnom pozadinom i istaknuli ih iz velikih blokova boje, možete dodati sjenu.

Selektirajte sliku guštera i odaberite Object > Effects > Drop Shadow. Prilagodite boju sjene diskretno narančastoj i smanjite Opacity na 25%. Postavite Distance na 6 mm i Size na 2 mm.

drop shadowdrop shadowdrop shadow

Potvrdite s OK.

spread designspread designspread design

6. korak

Dodajte novu paletu, C=96 M=83 Y=0 K=76 i dajte joj ime Midnight Blue.

midnight bluemidnight bluemidnight blue

Iskopirajte pozadinu i tekst  opcijom Copy s druge i treće stranice, Pages 2 i 3, spustite se do četvrte i pete stranice, Pages 4 i 5 i odaberite Edit > Paste in Place da zalijepite.

Prilagodite boju pozadine na Midnight Blue i promijenite boju teksta da dobijete jači kontrast.

text on bluetext on bluetext on blue

7. korak

Vratite se ilustraciji guštera u programu Adobe Illustrator. Obrišite sve elemente ilustracije osim oka, nosa i usta. Odaberite File > Save As da ju spremite kao EPS ilustraciju.

deleted illustrationdeleted illustrationdeleted illustration

Vratite se svom dokumentu u InDesignu odabirom File > Place da smjestite ovu ilustraciju na četvrtu stranicu, Page 4 vašeg dokumenta.

placed illustrationplaced illustrationplaced illustration

8. korak

Sada je na vama da popunite preostale 32 stranice. Kreiranje dječje knjige može biti jako zabavno. Zapamtite da vam može biti od velike koristi da skicirate svoje ideje prije nego što se upustite u dizajniranje stranica— jasno isplanirana priča koja bi popunila 15 nizova stranica  učinit će cijeli proces jednostavnijim i ugodnijim.

Kad završite svoje unutarnje stranice možete ih izvesti kao datoteku spremnu za ispis, kao što smo napravili s koricama.

Da biste to mogli odaberite File > Export. Zatim odaberite Adobe PDF (Print) for Format i klikom odaberite Save.

Odaberite Press Quality pod Preset i provjerite jesu li postavke dokumenta za izvoz postavljene na Pages, a ne Spreads.

press qualitypress qualitypress quality

Uključite All Printer's Marks i Use Document Bleed Settings.

marks and bleedsmarks and bleedsmarks and bleeds

Klikom odabeite Export.

exported pagesexported pagesexported pages

Zaključak

Nadam se da je ovaj tutorijal bio koristan uvod u neka od ključnih pitanja dizajna o kojima trebate voditi računa kod dizajniranja knjiga za djecu. Držite se standarda koje je prihvatila struka i nećete pogriješiti. Izvucite najviše iz mogućnosti da budete kreativni i zabavni koliko je god moguće i dobit ćete knjigu koju ćete htjeti zadržati zauvijek.

Ovdje smo pokrili velik raspon osnovnih vještina potrebnih za rad na projektima dizajniranja knjiga. Sada možete:

  • postaviti predloške standardne veličine za korice i unutarnje stranice dječje knjige u programu InDesign
  • dizajnirati stiliziranu i čitateljstvu prilagođenu naslovnicu i prenijeti dizajn na korice tvrdoukoričenog izdanja s točno prilagođenom veličinom hrpta
  • na predložak primijeniti tipografiju, grafike i boju za kreiranje zabavnog i "trendy" dizajna. 

Izvrsno! Voljela bih vidjeti primjere vašeg dizajna dječje knjige, slobodno ih podijelite u komentarima na dnu stranice.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
One subscription. Unlimited Downloads.
Get unlimited downloads