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

Kako dizajnirati naslovnicu u stilu časopisa Rolling Stone

by
Difficulty:BeginnerLength:MediumLanguages:

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

Final product image
What You'll Be Creating

Prvi broj legendarnog glazbenog časopisa Rolling Stone izašao je 7. studenog 1967. godine. S Johnom Lennonom na naslovnici ovaj časopis pokrenut u San Franciscu postao je traženi časopis među ljubiteljima glazbe širom svijeta.

Ovaj će tutorijal biti posveta legendarnom grafičkom stilu Rolling Stonea koji su kreirali umjetnički direktori John Williams i Lloyd Ziff. Logotip u obliku teksta i crveno-bijelo-crna paleta postali su zaštitni znak časopisa i ostali nepromijenjeni kroz desetljeća, sa samo nekoliko jedva primjetnih promjena.

Ovdje ćete naučiti kako izraditi naslovnicu u programu Adobe InDesign po uzoru na legendarni stil klasične naslovnice Rolling Stonea.

Želite li brzinski započeti dizajnirati svoj časopis? Pregledajte ovu kolekciju profesionalnih predložaka časopisa jednostavnih za uređivanje na stranicama Envato Elements i GraphicRiver.

Što vam je potrebno za dizajn naslovnice časopisa

Osim pristupa programu Adobe InDesign trebat ćete i Adobe Photoshop za uređivanje slike koju ćemo koristiti u dizajnu. Trebat će i učitati sliku i fontove sa stranice Envato Elements:

Instalirajte fontove na svoje računalo i možete započeti.

1. Kako postaviti dokument naslovnice u InDesignu

1. korak

Otvorite InDesign i odaberite File > New > Document. Postavite širinu stranice, Width na 8.5 i visinu, Height na 11 in, što je standardna US veličina naslovnice.

Za izradu jedne stranice otkažite Facing Pages klikom u kvadratić. Dodajte margine, 0.3125 in Margins i napust, 0.25 in Bleed, te pritisnite Create.

new document

2. korak

Odaberite panel Layers (Window > Layers) i dvoklikom na sloj, Layer 1 promijenite sloju ime u Photo Behind.

Napravite još tri nova sloja ovim redom: Type Behind, Photo in Front i na kraju, Type in Front.

layers panel

Zaključajte sve slojeve osim sloja Type Behind.

type behind layer

3. korak

Odaberite panel Swatches (Window > Color > Swatches) i New Color Swatch iz padajućeg izbornika panela.

Pod Swatch Name upišite Rolling Stone Red i postavite C=0 M=100 Y=93 =0. Pritisnite Add i nakon toga Done.

swatches panel red

2. Kako napraviti glavni naslov na naslovnici

1. korak

Na sloju Type Behind odaberite Type Tool (T) i napravite tekstni okvir preko vrha stranice.

Upišite naslov časopisa i u panelu Controls ili panelu Character (Window > Type & Tables > Character) postavite Font na Redoura Bold.

Povećajte Font Size kako bi se logotip proširio do rubova stranice i prilagodite Tracking (razmak između znakova) i Kerning (razmak između pojedinih slova) kako biste dobili efekt što sličniji logotipu.

redoura font

2. korak

U panelu Swatches promijenite boju, Font Color u Rolling Stone Red.

swatches panel

Klikom na ikonu ‘T’ iza ikone ‘T’ za boju ispune, Fill Color u gornjem lijevom kutu panela Swatches pristupite opciji Stroke Color. Dodajte [Paper] Stroke Color.

U panelu Stroke (Window > Stroke) povećajte debljinu obruba, Weight na 5 pt.

stroke color

3. korak

Selektirajte tekstni okvir i odaberite  Edit > Copy, Edit > Paste in Place. Strelicama na tipkovnici pomaknite novi tekstni okvir malo niže i udesno.

Promijenite boju fonta, Font Color i boju obruba, Stroke Color teksta u ovom tekstnom okviru u [Black].

stroke panel

Nakon kilka na okvir napravite desni klik > Arrange > Send to Back.

send to back
text frame

4. korak

Iznad logotipa napravite dugačak tekstni okvir i upišite imena nekoliko glazbenika koje ćete predstaviti u ovom broju.

Postavite Font na Karoll Bold Round.

karoll bold round

3. Kako naslovnici dodati 3 D fotografiju

1. korak

Otvorite sliku portreta, portrait photo, u Photoshopu i duplirajte sloj Background.

duplicate layer

Na sloju Background copy primijenite Lasso Tool (L) da selektirate siluetu modela duž ruba i zatvorite selekciju na donjem dijelu slike.

lasso tool
lasso tool

2. korak

Klikom odaberite dugme Refine Edge pri vrhu panela Controls.

U prozoru koji se otvori potvrdite klikom na kvadratić Smart Radius i namjestitie klizač Radius za što precizniju selekciju oko siluete modela. Kad budete zadovoljni rezultatom pritisnite OK.

refine edge

Kopirajte i zalijepite selekciju na novi sloj opcijama Copy i Paste.

pasted onto new layer

3. korak

Isključite klikom na ikonu oka dva pozadinska sloja tako da je samo zadnji sloj vidljiv i odaberite File > Save As. Spremite ga kao Photoshop datoteku pod imenom ‘Portrait_no bg.psd’.

saved without background

Ponovo uključite sloj Background i odaberite File > Save As da spremite Photoshop datoteku pod imenom ‘Portrait_with bg.psd’.

saved with background

4. korak

Vratite se u InDesign i zaključajte sloj Type Behind. Otključajte sloj ispod njega, Photo Behind.

Odaberite Rectangle Frame Tool (F) i napravite okvir za sliku preko cijele stranice, preko rubova napusta na svim stranama.

Odaberite File > Place, pa sliku ‘Portrait_with bg.psd’ i pritisnite Open. Provjerite položaj slike i skalirajte ako je potrebno prije prelaska na sljedeći korak.

placed image

5. korak

U panelu Layers kliknite na strelicu lijevo od naziva Photo Behind da proširite sloj.

Povucite Portrait_with bg’ dolje na dugme Create New Layer i duplirajte ga.

expand layer
duplicate element

Otključajte sloj Photo in Front prije povlačenja kopije ‘Portrait_with bg’ gore na ovaj sloj.

layer expanded

Zatim zaključajte sloj  Photo Behind.

photo in front

6. korak

Selektirajte okvir slike na sloju Photo in Front i odaberite File > Place.

Odaberite datoteku ‘Portrait_no bg.psd’ i pritisnite Open.

portrait opened

4. Kako na naslovnicu postaviti najavne članke

1. korak

Zaključajte sloj Photo in Front i otključajte sloj Type in Front.

Usmjerite se na izradu većeg najavnog članka koji ćete povezati sa slikom na naslovnici.

Odaberite mjesto na naslovnici (ja sam se odlučila za donji desni kut naslovnice) i koristeći Type Tool (T) napravila veliki tekstni okvir i postavila Font na Black Velvet 2.

black velvet font

Postavite boju, Font Color na oku privlačnu Rolling Stone Red.

rolling stone red

2. korak

Tekst možete napraviti čitkijim primjenom diskretne sjene.

Selektirajte tekstni/e okvir/e i odaberite Object > Effects > Drop Shadow. Postavite Opacity na otprilike 30% i dodajte 15% Noise. Namjestite opcije Size i Spread dok ne budete zadovoljni sa sjenom i potvrdite s OK.

drop shadow

3. korak

Dodajte prateći tekst oko glavnog naslova, postavite Velasco Serif [Paper] Font Color.

velasco serif

Dodajte drugi prateći tekst u fontu Addington CF Medium Italic.

Dodajte diskretnu sjenu (Object > Effects > Drop Shadow) i ovim tekstnim okvirima.

drop shadow text

4. korak

Napravite još tekstnih okvira desno dolje, postavite Font na Karoll Bold Round i [Black] Font Color.

karoll font

5. korak

Elemente teksta možete odvojiti primjenjujući Line Tool (\).

U panelu Stroke (Window > Stroke) postavite Weight na 13 pt i Type na Thin-Thick.

stroke panel

6. korak

Prostor uz rubove slike popunite s još tekstnih okvira varirajući fontove, ali koristeći istu boju [Black] Font Color.

addington font
demi bold text
addington italic

7. korak

Možete primijeniti i tehniku igre riječima da naglasite temu članka. U ovom sam primjeru kopirala i zalijepila ‘Get’ i ‘Reflective’  u odvojene okvire...

copy paste

... prije odabira desnog miša > Transform > Flip Vertical.

flip vertical

Poravnala sam tekstne okvire ispod originalnog teksta...

reflected text

... prije odabira Object > Effects > Transparency i smanjenja Opacity na 75%.

transparency effects

8. korak

Ponekad su u tekstnim okvirima na naslovnicama citati kao najava određenog članka ili najava da se radi o specijalnom izdanju.

Okvir možemo napraviti koristeći Rectangle Tool (M) i prilagoditi Weight i Type u panelu Stroke (odaberite Thin-Thick Type kako bi sve bilo usklađeno).

thin thick stroke

Tekstne okvire postavite unutar okvira s glavnim tekstom u fontu Velasco Serif.

velasco serif

Naglašavajući ključne riječi svijetlom bojom poput boje Rolling Stone Red privući ćemo pozornost na određene dijelove teksta.

swatches panel

5. Kako podijeliti naslovnicu časopisa

Svoju naslovnicu možete kao sliku podijeliti s drugima na društvenim mrežama ili izvesti kao PDF datoteku za ispis.

Što god da odlučite odaberite File > Export.

Za slanje putem mreže odaberite JPEG ili PNG u izborniku Format pri dnu prozora. Za ispis odaberite Adobe PDF (Print).

export jpeg

Pritisnite Save i slijedite opcije u prozoru koji se otvara prije nego što odabirom Export izvezete verziju naslovnice koju je moguće dijeliti s drugima.

Zaključak: Završili ste naslovnicu časopisa

final cover

U ovom smo tutorijalu pokazali nekoliko tehnika izrade efektne naslovnice časopisa. Sada znate kako:

  • u svom InDesign dokumentu napraviti slojeve i CMYK palete 
  • dizajnirati glavni naslov za naslovnicu časopisa
  • urediti fotografiju na način da naslovnica dobije trodimenzionalni efekt
  • oblikovati tipografiju za izradu stiliziranih najavnih članaka za naslovnicu
  • izvesti naslovnicu na način da dobijete sliku koju možete dijeliti na mreži ili napraviti profesionalni ispis.

Tražite rješenje koje će vam uštedjeti vrijeme pri dizajniranju vlastitog časopisa? Svakako provjerite ovu kolekciju predložaka časopisa jednostavnih za uređivanje na stranicama Envato Elements i GraphicRiver.

Pronađite još više tutorijala za dizajn časopisa kako biste razvijali svoj dizajn ispisa i tipografske vještine:

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.