Advertisement
  1. Design & Illustration
  2. Magazine Design

Kako dizajnirati moderan časopis za klince u programu Adobe InDesign

Scroll to top
Read Time: 15 min

Croatian (Hrvatski) translation by Miroslava Ilić (you can also view the original English article)

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

Časopisi namijenjeni djeci i uopće obitelji doživljavaju svoj preporod, a naslovi poput Milk u Francuskoj i Junior u Ujedinjenom Kraljevstvu predstavljaju visoko stilizirani dizajn.

Želite li početi samostalno dizajnirati svoj vlastiti  časopis namijenjen djeci, ovaj će vas tutorijal provesti kroz faze razvoja brenda za vašu publikaciju, izradu postavki uveza i izgleda stranica u programu Adobe inDesign.

Možda ste nekad dizajnirali časopise za odrasle, ili ste potpuni početnik u dizajniranju časopisa. Što god da je u pitanju, shvatit ćete da je dizajniranje časopisa za djecu stvarno zabavan proces i da na neki način dokida konvencije tradicionalnog dizajna.

Način na koji ćete graditi brend časopisa bit će ponešto drugačiji od dizajniranja naslova za odrasle i možda ćete ponešto trebati prilagoditi, veličinu fonta ili boju, kako biste kreirali dizajn privlačan ciljanom čitateljstvu.

Trebate li dodatne predloške časopisa za ispis, odaberite magazine templates for print namijenjene čitateljima različitih interesa, a čiji je veliki izbor na stranicama Envato Market.

article pagearticle pagearticle page
Predložak časopisa za ispis

Primjer brenda i predloška koji ćete kreirati u ovom tutorijalu odgovara edukativnim i trgovačkim brendovima namijenjenim obiteljima, a dizajn koketira s popularnim skandinavskim stilom koji je trenutno dominantan u dječjem dizajnu. Prvo ćemo pogledati kako brendirati izgled časopisa, a zatim proći faze postavljanja dokumenta za izradu časopisa u Adobe InDesignu. 

contents pagecontents pagecontents page
Predložak časopisa za ispis

Spremni? Super! Započnimo...

1. Počnimo s osnovnim predloškom uveza (korica)

Nećemo još posložiti završni 'layout' časopisa, ali bi bilo korisno raditi izravno u InDesignu da možemo jednostavno prebacivati elemente poput paleta uzoraka boja i stilova fonta u naš završni dizajn.

1. korak

Otvorite Adobe InDesign i napravite novi dokument (File > New > Document).

Postavite broj stranica pod Number of Pages na 2 i skinite kvačicu za selekciju uz Facing Pages.

Ovaj će dokument biti predložak uveza (korica) za naš časopis. U ovom ćemo tutorijalu kreirati časopis formata A4, pa će korice u cijelosti biti dvostruka širina formata A4 ( za prednju i zadnju stranu korica), uz tanak hrbat. Hrbat će varirati ovisno o broju stranica u časopisu, no postavimo zasad vrijednost na 5 mm.

Dakle, ukupno će to biti širina 425 mm kao Page Width (210 mm + 5 mm) i 297 mm za visinu, Height.

Niže u prozoru New Document margine postavite pod Margins za sve strane na 12 mm, a napust za sve strane pod Bleed na 3 mm.

new document windownew document windownew document window

Klikom na OK potvrdite kreiranje novog dokumenta.

new documentnew documentnew document

2. korak

Od ravnala s lijeve strane (odaberite View > Show Rulers ako ravnala nisu vidljiva) povucite vodilicu do sredine stranice dokumenta Page 1 na udaljenost od 212,5 mm.

central guidecentral guidecentral guide

Drugu vodilicu izvucite na 215 mm, a treću na 210 mm da označite rubove hrpta korica.

spine guidesspine guidesspine guides

Kako bi kompletirali margine širine 12 mm na prednjoj i stražnjoj strani korica izvucite još jednu vodilicu do udaljenosti od 227 mm, a zatim i zadnju do 198 mm.

completed guidescompleted guidescompleted guides

3. korak

Na kraju prevucite pokazivačem miša preko cijele stranice Page 1 da selektirate vodilice, a zatim odaberite Edit > Copy.

Spustite se niže do stranice Page 2 u dokumentu i odaberite Edit > Paste in Place.

completed guides pastedcompleted guides pastedcompleted guides pasted

4. korak

Da lakše zapamtite koja je stranica koja strana korica ostavite poruku na radnoj plohi koristeći Type Tool (T) uz stranicu Page 1 u kojoj će pisati 'Vanjska strana korica časopisa' (npr. stranica Page 1 imat će prednju stranu na desnoj stranici, a zadnju stranu na lijevoj uz vidljiv hrbat u sredini).

outside of coveroutside of coveroutside of cover

Dodajte zatim napomenu uz stranicu Page 2 u kojoj će pisati 'Unutarnja strana korica časopisa' (npr. strana korica koja će biti unutar časopisa i hrbat koji će biti nevidljiv ispod dijela za uvezivanje).

inside of coverinside of coverinside of cover

Izvrsno! Sad kad ste postavili predložak korica možete početi eksperimentirati s izgledom časopisa i izgraditi svoj vlastiti brend.

Mnogo je važnih elemenata koji čine brend vašeg časopisa i jednom kad ih dobro posložite shvatit ćete da je dizajniranje preostalog dijela ili kreiranje novih izdanja vaše publikacije mnogo manje strašno. 

Pogledajmo neke od ovih elemenata...

2. Izgradite brend svoga časopisa: boja

Časopisi za klince trebaju biti vizualno privlačni i iznad svega zabavni! Boja ovdje igra veliku ulogu.

Paleta komplementarnih, raznolikih boja bit će stvarno korisna u dizajniranju ostatka časopisa.

1. korak

Dobar je početak odabir svega pet boja, od kojih su tri blisko povezane (npr. tri nijanse plave) i dvije naglašene ili kontrastne boje.

Možete odabrati svoje boje i pratiti isti proces izrade palete uzoraka boja (Swatches), ili koristiti palete boja koje sam ja odabrala i koje su navedene u uputi dolje niže pod 2. korak.

Kako bi dodali paletu boja svom dokumentu u programu InDesign otvorite panel Swatches (Window > Color > Swatches).

Selektirajte jedan zadani CMYK Swatch u panelu, a zatim selektirajte New Color Swatch iz padajućeg izbornika u panelu.

swatches panelswatches panelswatches panel

Zadržite postavku Color Type na Process i Mode na CMYK, a onda namjestite klizače za odabir CMYK boja da napravite svoj Swatch.

Ja sam ovdje kreirala plavu paletu uzoraka s vrijednostima kako slijedi, C=53 M=2 Y=6 K=0. Korisno je da imenujete svaki svoj Swatch kako biste se lakše snalazili.

Klikom odaberite Add, a zatim OK. Vaš je Swatch sada dodan panelu Swatches.

new color swatch bluenew color swatch bluenew color swatch blue

2. korak

Ponovite postupak dodavanjem još četiri CMYK 'swatcha' vašoj paleti da imate set od ukupno pet.

swatch options dark blueswatch options dark blueswatch options dark blue

Zapamtite, tri trebaju biti u komplementarnim bojama, a dva u kontrastnim, kao u mom setu dolje.

  • Blue: C=53 M=2 Y=6 K=0
  • Ice Blue: C=30 M=2 Y=16 K=0
  • Dark Blue: C=88 M=56 Y=24 K=8
  • Red: C=3 M=89 Y=93 K=0
  • Mustard: C=18 M=9 Y=89 K=0
swatches panelswatches panelswatches panel

3. Izgradite brend svoga časopisa: fontovi

Fontovi su ključni dio dizajna svakog brenda, tako je i s dizajniranjem dječjeg časopisa - dobro odabran font podići će kvalitetu dizajna i odmah ga učiniti prepoznatljivim.

Časopisi za djecu trebaju imati tekst prilagođen malim čitateljima, krupan, čitljiv i čitak sanserifni font bit će funkcionalan i zabavan.

Odaberite dva fonta koji imaju slične kvalitete: birajte okruglaste, izrazito čitljive sanserifne fontove, ali vodite računa da su neki bolji za naslove, a drugi za podnaslove i tijelo teksta.

Izaberite neki vama zanimljiv font, ili preuzmite fontove koje sam ja koristila ovdje: Linotte i Folks.

linotte fontlinotte fontlinotte font
folks fontfolks fontfolks font

Preuzmite fontove, instalirajte ih i vratite se u InDesign dokument.

4. Izgradite  brend svoga časopisa: fotografije i grafike

Slike su jednako važne za razvoj brenda vašeg časopisa kao i fontovi i boje.

Možete postaviti neka pravila za korištenje fotografija kako bi izgledale konzistentno, i raditi na razvoju stila ilustracije za preostalu grafiku koja ostaje ujednačena kroz cijeli časopis.

1. korak

Pogledajmo prvo fotografije. Postavite si neka pravila brendiranja za primjenu fotografije u časopisu.

Na primjer, ja sam odlučila koristiti samo fotografije s jednostavnom bijelom pozadinom, kao što je ova slika ruke, što znači da ih mogu lako uklopiti u postojeći raspored bez nepravilnih rubova.

color photocolor photocolor photo
Slika obojene ruke

Također sam odlučila da slike budu pune boja i to primarnih živih boja koje izražavaju optimizam i snagu.

contents page with photocontents page with photocontents page with photo
Predložak časopisa za ispis

Možete i proširiti svoj foto brend i učiniti ga još posebnijim, npr. hoćete li uvijek uključivati portrete ljudi, ili uopće nećete stavljati njihove fotografije u časopis?

Jednom kad konačno odredite stil fotografije koju možete koristiti, shvatit ćete da je pretraživanje foto galerija postalo mnogo lakše i brže.

2. korak

Illustracije ili grafike mogu također igrati veliku ulogu u dizajnu vašeg časopisa i kao i s fotografijama trebate postaviti neka pravila za odabir grafika koje dijele zajedničke elemente.

U slučaju da želite koristiti 'stock' fotografije iz knjižnice, možete postaviti neka pravila brendiranja za primjenu slika. Hoće li to uvijek biti vektorska ili rasterska slika (primijetite da je vektorske slike lakše skalirati i jednostavnije uređivati ako imate pristup vektorskom programu poput Adobe Illustratora)? Hoće li biti u nekom specifičnom stilu (npr. tradicionalni linijski crtež ili poput crtića u boji)? Hoće li uvijek biti u sličnim bojama i izgledati ujednačeno i konzistentno?

Namjeravate li kreirati svoju vlastitu grafiku, imat ćete mnogo veću kontrolu nad njenim dizajnom. Zapamtite da djeca bolje reagiraju na blještave boje, jednostavne oblike i slike u stilu crtića.

Uzmite kao primjer grafiku koju sam ja ovdje kreirala. Ovaj jednostavan, asimetričan ledeni brijeg bilo je lako napraviti izravno u InDesignu koristeći Pen Tool (P). Pogledajte 5. cjelinu dolje niže da saznate kako izraditi svoju vlastitu grafiku ledenog brijega.

pen toolpen toolpen tool
iceberg graphiciceberg graphiciceberg graphic
final coverfinal coverfinal cover

Grafika kreirana u jednoj ravni olakšava primjenu brendiranih boja koje sam ranije kreirala, skaliranje i ponovnu primjenu grafika na različitim stranicama časopisa.

article spreadarticle spreadarticle spread

Imate li možda izrazito ilustrativan stil koji možete razvijati kroz dizajn časopisa, super! No, ne brinite ako nemate. Pokušajte eksperimentirati s jednostavnim oblicima koristeći Pen Tool (P) ili alate za kreiranje oblika u InDesignu. Primjena živih boja na jednostavnu grafiku može izgledati stvarno efektno. 

5. Dodajte brendirano uvezu časopisa

Sada kad je vaš brend na mjestu, a to uključuje fontove, boje i grafike, spremni ste ih primijeniti na korice svog časopisa.

Kao podsjetnik na ovaj tutorijal provest ću vas kroz faze kreiranja uveza (korica) dječjeg časopisa i savjetovati vam kako postaviti odgovarajući predložak za unutarnje stranice. Koristit ću svoje boje, fontove i grafike, a vi možete istim načinom, koristeći elemente koje sam ja koristila, ili prilagoditi fontove, boje i slike da odgovaraju vašem vlastitom preferiranom dizajnu.

Prije svega, završit ćemo uvez (korice) časopisa za koji smo već kreirali predložak u InDesignu.

1. korak

Vratite se u InDesign dokument koji smo ranije kreirali.

Dodajmo prvo boju pozadine na korice.

Selektirajte Rectangle Tool (M) iz panela Tools i razvucite pravokutni oblik na stranicu Page 1. Postavite ga na desnu stranu stranice i razvucite rubove do napusta na vrhu, desno i dolje. Proširite lijevi rub pravokutnika na desnu stranu hrpta, kako je dolje prikazano.

Postavite boju ispune, Fill Color, na svijetlu boju, kao što je Ice Blue (ledeno plava), a boju obruba Stroke Color na [None].

rectangle shaperectangle shaperectangle shape

2. korak

Kreirajte još dva pravokutna oblika: jedan iste veličine smjestite na lijevu stranu stranice, a drugi mnogo uži (širine 5 mm) u središnji dio hrpta dolje (da se ugnijezdi između vodilica).

Postavite Fill Color kontrastnu boju, npr, Mustard (zagasito žuta) za oblik na lijevoj strani. Postavite još jednu živu boju, poput crvene, Red, za boju hrpta. 

color swatchescolor swatchescolor swatches

3. korak

Otvorite panel Layers (Window > Layers). Dvoklikom na 'default' sloj Layer 1 otvorite prozor Layer Options. Preimenujte sloj u Color i potvrdite s OK.

layer optionslayer optionslayer options

Zaključajte (Lock) sloj Color i odaberite Create New Layer na dnu panela Layers. Ovom drugom sloju dajte ime Typography i potvrdite s OK.

layer optionslayer optionslayer options

4. korak

Selektirajte sloj Typography, odaberite Type Tool (T) i razvucite tekstni okvir na stranicu. Smjestite okvir na desnu stranu stranice Page 1, u gornji lijevi kut onoga što će biti vaša prednja stranica časopisa.

Upišite naziv časopisa, ovdje je to 'Play', i pod Font postavite svoj odabrani font za naslove, ili, kao što sam ja ovdje, Linotte SemiBold, Size 120 pt, a za tamno plavu boju Font Color na Dark Blue

cover titlecover titlecover title

5. korak

Napravite nove tekstne okvire koristeći Type Tool (T) i upišite ostalo, poput podnaslova i adrese mrežne stranice časopisa, ali s manjom veličinom fonta od naslova i u različitim bojama od onih u panelu Swatches (koristite [Paper] kao neutralnu boju).

Postavite broj časopisa, Issue Number, u gornji desni kut koristeći vodilice margina za namještanje tekstnog okvira.

issue numberissue numberissue number

6. korak

Na hrbat dodajte naslov časopisa i broj na način da prvo napravite dva mala, duga tekstna okvira i upišete tekst s vrijednostima 11 pt Font Size.

Selektirajte okvire i da ih zarotirate za 90 stupnjeva u smjeru kazaljke na satu napravite sljedeće: desni klik (Windows) ili Control-klik (Mac OS) > Transform > Rotate 90 Degrees CW. Postavite naslov časopisa u središnji dio hrpta, a broj časopisa prema dnu hrpta.

type on spinetype on spinetype on spine

Ostale podnaslove i sažetke članaka možete dodati na prednju stranu korica, koristeći neki drugi font (ja sam koristila Folks). Potrudite se koristiti različitu veličinu i stil fonta, Font Size, Weight (Bold, Regular, etc.), i boju, Color, da dobijete razigran, privlačan izgled.

typography on covertypography on covertypography on cover

7. korak

Zaključajte (Lock) sloj Typography u panelu Layers i napravite novi sloj. Preimenujte ga u Border i povucite niže da se ugnijezdi između slojeva Color i Typography.

layer optionslayer optionslayer options

Odaberite Rectangle Tool (M) i razvucite pravokutnik na desnoj strani stranice Page 1. Rubove pravokutnika raširite do ruba stranice i desne strane hrpta.

Postavite boju obruba, Stroke Color, na [Paper]. Otvorite panel Stroke (Window > Stroke) i u njemu postavite debljinu obruba, Weight, na 6 mm, zatim odaberite Align Stroke to Inside iz ponuđenih opcija Align Stroke u sredini panela.

borderborderborder

Kako bi pokrili gornji, desni i donji napust odaberite Rectangle Tool (M) i napravite duge, uske, pravokutne oblike s postavkama ispune [Paper] Fill. Prekrijte vidljive dijelove napusta u boji bijelim pravokutnim oblicima.

covering bleedcovering bleedcovering bleed

8. korak

Vratite se u panel Layers i zaključajte, Lock, sloj Border. Napravite još jedan sloj, postavite ga iznad sloja Color, ali ispod slojeva Typography i Border i dajte mu ime Images.

images layerimages layerimages layer

Ovdje možete smjestiti fotografiju ili grafiku.

Ja sam se odlučila za jednostavnu vektorsku grafiku, uklapa se u minimalistički, stilizirani dizajn časopisa.

Odaberite Pen Tool (P) i postavljanjem mnoštva sidrišnih točaka na radnu plohu do stranice Page 1 ugrubo nacrtajte oblik ledenog brijega, uz tamno plavu boju ispune, Dark Blue Fill Color

iceberg drawingiceberg drawingiceberg drawing

Zatim odaberite Scissors Tool (C) i zarežite na dva mjesta gore lijevo i gore desno da razdvojite gornji segment kojem sam postavila [Paper] Fill.

split icebergsplit icebergsplit iceberg
white icebergwhite icebergwhite iceberg

Selektirala sam oba oblika i povukla na prednju stranu korica časopisa.

graphic on covergraphic on covergraphic on cover

Odabrala sam Rectangle Tool (M) za presjek ovog oblika pravokutnim oblikom, postavila ga iza ledenog brijega, a kružni oblik koji predstavlja sunce napravila sam koristeći Ellipse Tool (L) i grafika sad izgleda baš kako treba.

shapesshapesshapes

9. korak

Samo nekoliko zadnjih uputa da završite svoje korice.

Želite li prodavati svoj časopis, potreban vam je barkod. Možete ga smjestiti u donji desni kut korica.

outside of cover with barcodeoutside of cover with barcodeoutside of cover with barcode

Na drugoj stranici, Page2, koja predstavlja unutarnju stranu korica i vidljiva je jedino kad je časopis otvoren, možete ostaviti prostor za oglase, što je standardna praksa. Možete i otključati (Unlock) sloj Color u panelu Layers i dodati neku jednostavnu boju na pozadinu koristeći Rectangle Tool (M).

inside of coverinside of coverinside of cover

Izvrsno! Korice vašeg časopisa su gotove, super!

final magazine coverfinal magazine coverfinal magazine cover
'Mock-up' predlošci za korice časopisa

Uspješno ste izradili elemente svog brenda i primijenili u dizajnu časopisa. 

Saznajte kako postaviti predložak za izradu unutarnjih stranica časopisa.

6. Završite predložak za unutarnje stranice

Dizajniranje cijelog časopisa je velik posao! Srećom, ovaj će vas tutorijal naoružati predlošcima i ključnim dizajnerskim elementima koji vam trebaju pomoći da završite posao i stvorite nešto iznimno.

U ovom završnom dijelu tutorijala provest ću vas kroz faze izrade osnovnog predloška za unutarnje stranice časopisa koje možete poslije popuniti svojim vlastitim sadržajem.

1. korak

Za unutarnje stranice časopisa trebamo napraviti odvojeni InDesign dokument.

Zasad samo odaberite File > Save da spremite dokument na kojem ste radili.

Zatim odaberite File > New > Document da otvorite prozor novog dokumenta, New Document.

Broj stranica pod Set the Number of Pages postavite na 6 (možete dodati više stranica ako to dizajn zahtijeva) i ostavite oznaku u kvadratiću uz Facing Pages.

Veličinu stranica podesite pod Page Size na format A4 (ili za širinu 210 mm Width, a za visinu 297 mm Height). Broj stupaca postavite pod Number of Columns na 3, a Gutter (prostor između stupaca) na 6 mm.

Gornju marginu, Top Margin, postavite na 12 mm, donju i unutarnje margine, odnosno Bottom i Inside Margins na 14 mm, a vanjsku marginu, Outside Margin na 13 mm.

Napust, odnosno Bleed postavite za sve strane, osim za Inside, na 3 mm. Postavku za Inside Bleed ostavite na 0 mm.

new document windownew document windownew document window

Potvrdite s OK otvaranje novog dokumenta.

new documentnew documentnew document

2. korak

Odaberite panel Pages (Window > Pages) i desni klik (Windows) ili Control-klik (Mac OS) na ime Master stranice A-Master na vrhu panela da otvorite izbornik s opcijama.

master options for a-mastermaster options for a-mastermaster options for a-master

Odaberite Master Options for "A-Master". U prozoru Master Options koji se otvorio dodajte 'Page Numbers & Running Headers' pod Name. Potvrdite s OK.

master optionsmaster optionsmaster options

3. korak

Dvoklikom na A-Master u panelu Pages otvorite Master stranicu na zaslonu.

master on screenmaster on screenmaster on screen

Za izradu novog tekstnog okvira odaberite Type Tool (T) i smjestite okvir na lijevu stranu, u najudaljeniji donji kut.

Postavite pokazivač miša u taj tekstni okvir i odaberite Type > Insert Special Character > Markers > Current Page Number.

current page number markercurrent page number markercurrent page number marker

Marker broja vaše Master 'A' stranice možete uređivati kako želite. Ja sam koristila jedan od svojih brendiranih fontova, Folks i odabrala ledeno plavu boju, Ice Blue.

formatted page numberformatted page numberformatted page number

4. korak

Selektirajte tekstni okvir s markerom stranice i odaberite Edit > Copy, Edit > Paste. Postavite ga na desnu stranu u donji desni kut stranice. Postavite poravnanje teksta na Align Right u panelu Character Formatting Controls koji se nalazi pri vrhu vašeg zaslona.

pasted page numberpasted page numberpasted page number

Na svoju Master stranicu možete dodati i zaglavlja. Jednostavno napravite dva nova tekstna okvira, zatim upišite naslov časopisa (Magazine Title) u gornji lijevi kut, a broj časopisa (Issue Number) u gornji desni kut okvira.

running headersrunning headersrunning headers

Sada imate pripremljenu svoju osnovnu Master stranicu koja će automatski biti primijenjena na sve stranice vašeg dokumenta.

master finalmaster finalmaster final
pages panelpages panelpages panel

Izvrsno! Sada ste spremni popuniti sadržajem svoj predložak časopisa. Zašto ne početi sa sadržajem koji će se proširiti na drugu i treću stranicu vašeg dokumenta?

contents spreadcontents spreadcontents spread

Možete dodati tekstove i druge elemente i na ostale stranice. Pokušajte povući neke elemente s korica na način da popune mjesta za tekst.

article spreadarticle spreadarticle spread

Ne zaboravite koristiti elemente svoga brenda: boje, fontove i slike kroz cijeli časopis kako bi dobio ujednačen i stiliziran izgled.

Zabavite se ostavljanjem podsjetnika na časopis koji može biti dugačak ili kratak koliko želite. Ne zaboravite prilagoditi širinu hrpta korica da odgovara konačnom broju stranica u časopisu.

Trebate li još predložaka ili super sadržaja za vaš časopis, potražite ih pod magazine templates for print na stranicama Envato Market.

Zaključak

U ovom smo tutorijalu prošli neke od najvažnijih koraka za izradu vašeg vlastitog časopisa za klince.

final coverfinal coverfinal cover
Stilizirani predložak časopisa za klince

Dosad ste naučili:

  • brendirati izgled svog časopisa i selektirati boje i fontove za primjenu u vlastitom dizajnu
  • postaviti pravila za korištenje fotografija i/ili grafika u svom časopisu i dopustiti si stvaranje vlastite jednostavne grafike primjenom alata dostupnih u InDesignu
  • postaviti predložak za uvez (korice) časopisa i na njega primijeniti svoj brend
  • postaviti predložak za unutarnje stranice časopisa i primijeniti brojeve i zaglavlja na Master niz dokumenta.

Konačno! To je bio zahtjevan posao. izvrsno odrađeno! Pronađite još predložaka za časopise pod stylish magazine templates na stranicama Envato Market.

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