Napravite lijep dizajn stranica i korica za dječju knjigu bajki

U ovom ću vam tutorijalu pokazati kako dizajnirati lijepe korice i stranice privlačnog izgleda za dječju knjigu, moderniziranu verziju "Alise u zemlji čudesa". Koristeći Adobe InDesign provjerit ćemo kako razmišljanje izvan uobičajenih okvira, kad je riječ o tipografiji i slikama, može klasično oblikovanje teksta učiniti još uzbudljivijim. Ovaj se tutorijal bavi tehnikama koje možete primijeniti u definiranju izgleda/rasporeda elemenata ("layouta") i dizajna, a mogu vam biti od koristi u izradi tiskane knjige ili e-knjige.

Velika hvala Mary Winkler koja je ustupila svoje sjajne ilustracije za dizajn izgleda stranica. Možete naučiti kako napraviti svoje vlastite ilustracije za priču "Alisa u zemlji čudesa" prateći njen ranije objavljen tutorijal.

1. Postavite "layout" korica

1. korak

Otvorite InDesign i odaberite File > New Document. U prozoru New Document postavite Intent na Print, a broj stranica pod No. of Pages na 1. Otkažite Facing Pages. Pod Page Size odaberite Custom... iz padajućeg izbornika otvorite prozor Custom Page Size. Pod Name upišite "Alice in Wonderland_Cover" i postavite Width na 277 mm, a Height na 216 mm za širinu i visinu.

To omogućava veličinu unutarnjih stranica od 135 mm x 216 mm, što je industrijski standard za ukoričene knjige. U mojoj verziji programa milimetri se automatski preračunavaju u pike, no u ovom ću tutorijalu koristiti sve jedinice u milimetrima. Klikom odaberite Add i potvrdite s OK.

Margine postavite pod top, right i left margins na 20 mm, a donju, bottom margin na 25 mm. Postavite napust, Bleed za sve strane na 3 mm. Potvrdite s OK.

2. korak

Izvucite vertikalnu vodilicu iz ravnala s lijeve strane (odaberite View > Show Rulers ako već nije vidljivo) na 135 mm. Izvucite drugu vodilicu do centralne točke na 138, 5 mm. Treću vodilicu izvucite na 142 mm. Ovime smo postavili vanjske rubove i centralnu točku hrpta širine 7 mm.

3. korak

Izvucite vertikalnu vodilicu s lijeve strane na 115 mm (širina stranice od 135 mm minus 20 mm širine margine) da postavimo margine stražnje strane korica. Ponovite isto za prednju stranu korica izvlačenjem vodilice na 162 mm.

Osnovne proporcije vaših korica su postavljene - možete početi dodavati sadržaj.

2. Dizajnirajte prednju stranu korica

1. korak

Odaberite Rectangle Frame Tool (F) za izradu okvira širine 95 mm. Visina može varirati ovisno o slici koju želite umetnuti. Postavite okvir uz donju marginu i odaberite File > Place. Odaberite sliku (idealna bi bila slika u EPS formatu s transparentnom pozadinom ako se radi o vektorskoj ilustraciji) i otvorite opcijom Open.

Označite okvir slike i odaberite opciju Fill Frame Proportionally iz panela kontrola na vrhu.

2. korak

Odaberite Type Tool (T) i napravite okvir s vrijednostima 95 mm Width i 30 mm Height za širinu i visinu. Upišite "ALICE IN (prijelom) WONDERLAND" i odaberite opciju Align Center u panelu kontrola.

Sada možete odabrati nekoliko fontova kako biste koricama dali dinamičan izgled. Ja sam u ovom primjeru izabrala klasičan serifni fornt EB Garamond i kao suprotnost moderan sanserifni font BonvenoCF. Ova će kombinacija izgledati jako efektno u moderniziranoj verziji "Alise u zemlji čudesa".

Vratite se tekstnom okviru koji ste napravili i osvijetlite (označite) tekst. Postavite Font na BonvenoCF Light. Osvijetlite samo "ALICE IN" i postavite Font Size na 55 pt, Leading na 66 pt i Tracking na 30. Osvijetlite "WONDERLAND", postavite Font Size na 33 pt, Leading na 39 pt i Tracking na 30.

3. korak

Odaberite Window > Stroke i otvorite panel Stroke. Odaberite Line Tool (\) i držeći tipku Shift povucite vodoravnu liniju na 90 mm Width za širinu. U panelu Stroke postavite Weight na 0.35 mm, liniju postavite kao Solid. Centrirajte liniju ispod naslova.

4. korak

Napravite drugi tekstni okvir veličine 95 mm Width koristeći Type Tool (T). Ubacite podnaslov, u ovom slučaju, "Lewis Caroll's Traditional Tale Revisited", postavite opciju poravnanja Align Center i Font EB Garamond Regular. Veličinu slova, Font Size postavite na 16 pt.

Vaša jednostavna, ali dojmljiva prednja strana korica je gotova! Sada je na redu stražnja strana.

3. Dizajnirajte stražnju stranu korica

1. korak

Odaberite Type Tool (T), napravite tekstni okvir veličine 95 mm Width i namjestite gornji rub okvira na gornju marginu na stražnjoj strani korica. Okvir bi trebao biti centriran na stražnjoj strani korica.

Ovdje možete ubaciti osvrt na knjigu, ili zasad samo odabrati Type > Fill with Placeholder Text.

Proširite okvir dolje niže do preko pola stražnje strane i podijelite tekst u dva odlomka. Osvijetlite tekst i odaberite opciju poravnanja Justify with Last Line Aligned Left u panelu kontrola. Postavite Font Size na 12 pt i Leading na 14.4 pt. Odaberite Window > Type & Tables > Story da otvorite panel Story. Postavite pokazivač miša unutar teksta i stavite kvačicu u kvadratić uz Optical Margin Alignment.

Osvijetlite prvi odlomak i postavite Drop Cap Number of Lines u panelu kontrola na vrijednost 4. Postavite Font na Regular.

Osvijetlite donji odlomak i postavite Font na Italic, a Drop Cap Number of Lines na 2. Ovo je pravo mjesto za umetanje navoda, recenzije ili autorove biografije.

Možete dodati i logotip, adresu mrežne stranice i/ili barkod pri dnu stražnje strane ukoliko je potrebno.

4. Oblikujte hrbat

1. korak

Odaberite Type Tool (T) i napravite tekstni okvir s vrijednostima 3 mm Height i 25 mm Width. Umetnite ime autora. Postavite Font EB Garamond SC (ili aktivirajte opciju All Caps u panelu Character) i postavite Font Size na 11 pt. Označite okvir, pritisnite Control-klik (Mac) ili desni miš-klik (PC) i odaberite Transform > Rotate 90 degrees Clockwise. Postavite gornji rub okvira na gornju marginu centriran niže na hrptu.

2. korak

Za kopiranje ovog okvira odaberite Edit > Copy > Paste i povećajte širinu, Width na 57 mm, a visinu, Height na 3.5 mm. Uredite tekst tako da piše naslov knjige (npr. "ALICE IN WONDERLAND") i postavite Font Bonveno CF Light. Namjestite Tracking na 30. Centrirajte ovaj tekstni okvir od sredine hrpta naniže.

Možete umetnuti i logotip, ili malu ilustraciju na dno hrpta nasuprot donjoj margini - to će ostaviti poseban dojam.

Izvrsno - vaše korice su gotove! Sada su na redu unutarnje stranice.

5. Postavite "layout" unutarnjih stranica

1. korak

Odaberite File > New Document. U prozoru New Document postavite Intent na Print i broj stranica pod No. of Pages na 3. Uključite Facing Pages. Pod Page Size odaberite Custom... i iz padajućeg izbornika otvorite prozor Custom Page Size. Pod ime upišite "Alice in Wonderland_Pages" i postavite Width na 135 mm, a Height na 216 mm. Odaberite Add i potvrdite s OK.

Postavite margine kako slijedi, top i inside margins na 20 mm, outside margin na 15 mm, a bottom margin na 25 mm. Postavite napust, Bleed na 3 mm, a vrijednost za Inside ostavite na 0 mm. Potvrdite s OK.

2. korak

Možemo postaviti dvije Masters stranice - jednu za uvodnu stranicu poglavlja ili cjeline i drugu za glavne stranice.

Odaberite Window > Pages da provjerite je li panel Pages otvoren. Vidjet ćete da je A-Master koji se sastoji od dvije stranice povezane u niz (spread) automatski postavljen u InDesign. U ovoj knjizi sva naša poglavlja počet će na desnoj stranici, zato napravite klik na lijevu stranicu A-Mastera i povucite ju na ikonu trash u donjem desnom kutu panela Pages.

Dvoklikom na stranicu A-Master postavite stranicu na zaslon. Povucite vertikalnu vodilicu iz ravnala s lijeve strane do 69 mm, a drugu do 73 mm da označite rubove dva stupca teksta.

Odaberite Type Tool (T) iz panela alata i razvucite mali tekstni okvir veličine 5 mm Width i 4 mm Height. Centrirajte ga između vodilica za stupce (oko osi Y na 201 mm) i odaberite Type > Insert Special Character > Markers > Current Page Number. Postavite poravnanje teksta na Align Center, Font EB Garamond SC i Font Size na 9 pt.

3. korak

Odaberite Page Menu < New Master... da napravite novi niz (spread) od dvije stranice za B-Master.

Možete kopirati vodilice i tekstni okvir za broj stranica, i duplirati ih na odgovarajuća mjesta u ovom drugom "spreadu".

Možete, također, dodati i zaglavlja na vrh svake stranice da knjiga dobije jedinstven i unificiran, profesionalan izgled. Napravite tekstni okvir veličine 3.5 mm Height i 100 mm Width koristeći Type Tool (T). Centrirajte ga iznad gornje margine na desnu stranicu B-Mastera. Upišite naslov knjige velikim slovima i postavite poravnanje teksta na Align Center, Font na Bonveno CF Light, Font Size na 7 pt i Tracking na 30.

Odaberite Line Tool (L) i držeći tipku Shift povucite liniju 37 mm length. Neka bude tanka (oko 0.088 mm). Postavite ju ispod zaglavlja teksta da dobijete lijep okvir.

Za kopiranje tekstnog okvira zaglavlja i linije odaberite Edit > Copy > Paste i postavite ga na odgovarajuće mjesto na lijevoj stranici B-Mastera.

Ovaj Master možete primijeniti na stranice 2 i 3, kao i na sve ostale stranice koje nisu stranice uvodnog poglavlja. 

6. Napravite dinamičnu stranicu uvodnog poglavlja

1. korak

Primijenite A-Master na  prvu stranicu, Page 1 klikom i povlačenjem ikone stranice A-Master na ikonu stranice Page 1. Dvoklikom na Page 1 postavite stranicu na zaslon.

Odaberite Type Tool (T) i razvucite tekstni okvir veličine 47 mm Width i 5 mm Height. Postavite ovaj okvir od gornjeg ruba lijevog stupca na način da se gornji rub okvira naslanja na gornju marginu. 

Upišite broj poglavlja ili naslov cjeline i postavite Font na Bonveno CF Light, Size na 15 pt i Tracking na 30. Za velika slova odaberite All Caps iz panela kontrola.

Odaberite Line Tool (L) za izradu linije neznatno kraće od tekstnog okvira, otprilike 46 mm. Namjestite Weight na otprilike 0.3 mm i centrirajte liniju odmah ispod tekstnog okvira.

2. korak

Kao poseban efekt i da privučemo pozornost možemo postaviti veliko početno slovo, Drop Cap kao prvo slovo u poglavlju. Za to trebamo povećati visinu tekstnog okvira izvan margina stupca. Bit će tu pokušaja i pogrešaka, no to je lijep tipografski efekt koji možete primijeniti.

Odaberite Type Tool (T) i napravite tekstni okvir veličine 47 mm Width i 196 mm Height. Možda ćete morati zumirati da vidite tekstni okvir u punoj veličini. Postavite okvir unutar desnog stupca da donji rub okvira sjedne na donju marginu.

Možete umetnuti tekst poglavlja i postaviti Font na EB Garamond Regular. Za sada bi bilo praktičnije raditi samo s prvih pet redaka teksta (ili prvom završenom rečenicom) poglavlja. Ostatak možemo dodati poslije.

Odaberite poravnanje Justify with Last Line Aligned Left. Postavite Font Size na 12 pt i Leading na 15 pt. Zatim osvijetlite prvo slovo teksta i odaberite Drop Cap Number of Lines iz panela kontrola. Postavite vrijednost na 9. Vaše je početno slovo naraslo do širine desnog stupca.

3. korak

Kako bi vaša tipografija na ovoj stranici doista izgledala posebno možete se poigrati veličinom, razmacima i proredima da tekst dobije dinamičan izgled, a zatim izvući prvi redak poglavlja radi dramatičnog efekta. Ovo će posebno dobro izgledati u dječjim knjigama gdje dužina teksta treba biti manja, a veličina slova općenito veća.

U ovom sam primjeru osvijetlila "here was a" i povećala Font Size na 34 pt, a Leading na 43 pt. Izvukla sam sljedeću manju skupinu riječi i povećala Font Size na 44 pt. Nastavite tako eksperimentirajući s veličinom (mogli biste imati problema s dugim riječima ili riječima sa spojnicom). Ovime će se tekst spuštati prema dnu stranice, a vi možete mijenjati položaj okvira dok ne budete zadovoljni dobivenim rezultatom.

Super - izgleda izvrsno!

7. Dizajnirajte "spread" domišljatom tipografijom

1. korak

Postavite stranice Pages 2 i 3 na zaslon. Napravite dva tekstna okvira koristeći Type Tool (T) i podesite njihovu veličinu tako da stanu unutar dva stupca na stranici Page 2. Napravite klik na mali bijeli kvadratić dolje desno na tekstnom okviru i klik unutar drugog okvira kako biste povezali okvire i usmjerili tekst unutar drugog okvira.

Postavite poravnanje na Justify with Last Line Aligned Left. Odaberite Font EB Garamond Regular, Font Size na 12 pt i Leading na 15 pt.

Osvijetlite prvo slovo prvog poglavlja teksta i postavite vrijednost za Drop Cap Number of Lines na 4. Možda ćete trebati podesiti visinu tekstnih okvira kako bi zadnji red teksta točno "sjeo" na donju marginu. Opcija Optical Margin Alignment treba biti isključena kako bi se prvo poglavlje "ugnijezdilo" unutar stupca.

2. korak

Druga stranica poglavlja izgleda klasično i tradicionalno. Možemo joj kao kontrast suprotstaviti otkačenu susjednu stranicu.

To ćemo napraviti u Illustratoru kreiranjem vektorskog oblika koji ćemo ispuniti tekstom. Uparivanje teksta s odgovarajućom slikom stvorit će uzbudljivu kombinaciju.

Odaberite Rectangle Frame Tool (F) da razvučete mali okvir i postavite ga u donji desni kut stranice. Odaberite File > Place i sliku (najbolje crno-bijelu ili u sivim tonovima s bijelom ili transparentnom pozadinom za stvaranje privida tradicionalnog dizajna), zatim odaberite Open. Za skaliranje slike odaberite opciju Fill Frame Proportionally.

3. korak

Otvorite Illustrator i odaberite File > New... da otvorite novi dokument. Sada trebate uključiti maštu. Koji bi se oblik dobro slagao s odabranom slikom? Možete li ga dovoljno proširiti da stane dovoljno teksta?

U ovom sam primjeru napravila jednostavan oblik "pare" koristeći Arc Tool i dodala ispunu, Fill (nije potrebno dodati Stroke). Selektirajte oblik i odaberite Edit > Copy.

4. korak

Vratite se svom dokumentu u InDesignu i odaberite Edit > Paste. Vektorski je oblik iz Illustratora ubačen u vaš dokument u InDesignu. U panelu kontrola možete postaviti Fill na None.

5. korak

Odaberite Selection Tool (V, Ecscape), podesite veličinu oblika da stane na treću stranicu, Page 3. Pritiskom na tipku Shift zadržat ćete proporcionalnost oblika. Odaberite Type Tool (T) i postavite pokazivač miša iznad oblika. Pokazivač miša će promijeniti izgled; napravite jedan klik da se oblik pretvori u tekstni okvir.

Povežite drugi tekstni okvir na stranici Page 2 s oblikom na stranici Page 3 klikom na kvadratić dolje desno u drugom stupcu i ponovnim klikom unutar oblika. Tekst će se pojaviti unutar oblika.

Možda ćete trebati promijeniti veličinu oblika sad kad je umetnut tekst. Potrudite se provjeriti da nema velikih praznina između redaka, niti razdvojenih riječi.

6. korak

Prve tri stranice vaše knjige su gotove - izgledaju super!

Možete ponoviti gore opisane postupke od 1. do 5. koraka kako biste još uljepšali dizajn svoje knjige. Rezultat će ovisiti o sadržaju, slikama i vašoj mašti. Evo još jednog primjera koji će potaknuti vašu kreativnost.

U ovom sam primjeru napravila spiralan oblik u Illustratoru koristeći Spiral Tool i, kao i prethodno, kopirala i zalijepila oblik u InDesign te koristila Type on a Path Tool (Shift-T) da umetnem tekst unutar spirale.

Ovo je sjajan način vizualizacije Alisinog pada u zečju rupu!

8. Pripremite svoju knjigu za ispis ili digitalno objavljivanje

1. korak

Namjena ovog tutorijala bila je pokazati načine dizajniranja dječje knjige dinamičnog i otkačenog izgleda. Možete koristiti ovdje predložene ideje za izradu vlastitih korica i "layouta".

Sad kad ste posložili sve elemente svoje knjige  možete knjigu izvesti kao interaktivni PDF dokument za dijeljenje na mreži (odaberite File > Export > Adobe PDF( Interactive) iz izbornika Format i kvačicom potvrdite Spreads u novom izborniku.

Možete, također, napraviti ispis knjige ako odaberete File > Export  > Adobe PDF (Print) iz padajućeg izbornika. Odaberite zatim Press Quality iz padajućeg izbornika Adobe PDF Presets i kvačicom označite All Printer's Marks iz izbornika Marks and Bleeds.

Izvrsno, uspjeli ste!

Nadam se da je ovaj tutorijal bio koristan i dovoljno poticajan da se i sami okušate u izradi svoje knjige za djecu.