1. Design & Illustration
  2. Typography

Kako Izraditi Dizajn Tipografskog Plakata u Adobe InDesignu

Croatian (Hrvatski) translation by Maja Petek (you can also view the original English article)

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

Uđite u slavljenički duh sa ovim plakatom  za Dan Sv. Patrika zbog kojeg će svi pozelenjeti od zavisti! 17. ožujka, ljudi diljem svijeta odaju počast irskom svecu i irskoj kulturi općenito.

Uključujući tradicionalnu irsku djetelinu, paletu smaragdnih boja, te teksture i tipografiju vintage stila, ovo je zabavan uvod u vještinu izrade predložaka u Adobe InDesignu. Zašto ne biste prilagodili tekst vašoj proslavi Dana Sv. Patrika?

final posterfinal posterfinal poster

Tražite li nešto malo drugačije za vašu proslavu? Pronađite još uočljivih predložaka postera i flyera za evente na Envato Marketu.

Ovaj je tutorijal pogodan za početnike do srednje naprednih korisnika InDesign programa. Također ćete trebati pristup Adobe InDesign Illustratoru kako biste pripremili grafiku djeteline.

Spremni? Krenimo!

1. Izradite Dokument Plakata u InDesignu

1. korak

Otvorite Adobe InDesign i idite na File > New > Document.

Podesite Intent u Print, uklonite oznaku s Facing Pages, i odaberite A3 u Page Size padajućem izborniku.

A3 page sizeA3 page sizeA3 page size

Namjestite Margins u 14 mm na svim stranama, i skroz okolo dodajte Bleed od 5 mm.

bleed and marginsbleed and marginsbleed and margins

Kliknite OK kako biste izradili vaš dokument plakata.

new documentnew documentnew document

2. Dodajte Plakatu Smaragdnu Pozadinu

1. korak

Proširite ili otvorite Layers panel (Window > Layers).

Dvaput kliknite na zadano ime Layer 1 i promijenite ime u Background.

Kliknite na gumb Create New Layer na dnu panela i preimenujte novi sloj u Typography. Izradite zadnji novi sloj i preimenujte ga u Shamrock.

new layersnew layersnew layers

Zaključajte oba Typography i Shamrock sloja, i kliknite na Background sloj kako biste ga aktivirali.

unlocked layerunlocked layerunlocked layer

2. korak

Uzmite Rectangle Tool (F) s lijeve strane Tools panela i odvucite na stranicu kako biste izradili okvir slike koji se proteže preko cijele stranice, sve do bleed rubova sa svih strana.

layers panellayers panellayers panel

Odaberite i preuzmite teksturu vintage papira. Ja sam koristio vintage papir teksturu preuzetu s Envato Marketa.

Vratite se na vaš InDesign dokument, i odaberite okvir pravokutnika. Idite na File > Page i odaberite sliku papira. Kliknite na Open.

Kliknite na Fill Frame Proportionally gumb na vrhu Controls panela kako biste položili sliku u okvir.

paper backgroundpaper backgroundpaper background

3. korak

Proširite ili otvorite Swatches panel i izradite novi CMYK Process Swatch. Swatch nazovite Dark Green i podesite mu vrijednosti u C=93 M=44 Y=82 K=54. Kliknite Add, i OK.

dark green swatchdark green swatchdark green swatch

Odaberite Rectangle Tool (M) i izradite pravokutnik iste veličine preko okvira slike papira.

Podesite Fill Color pravokutnika u Dark Green.

green rectanglegreen rectanglegreen rectangle

4. korak

Odaberite zeleni pravokutnik i idite na Object > Effects > Transparency. Podesite Mode u Multiply, i smanjite Opacity na 80 %. Kliknite OK.

multiply transparencymultiply transparencymultiply transparency

Nešto od te papirnate teksture koja je u pozadini će sada biti povučeno naprijed i biti će puno vidljivija. 

background colorbackground colorbackground color

5. korak

U padajućem izborniku Swatches panela, kliknite New Gradient Swatch.

new gradient swatchnew gradient swatchnew gradient swatch

Swatch nazovite Background Gradient i podesite Type u Linear. Kliknite stop na lijevoj strani Gradient Ramp, podesite Stop Color u Swatches, i odaberite Dark Green s liste swatcheva.

swatch stopswatch stopswatch stop

Kliknite na stop s desne strane rampe, i podesite u [Black] swatch.

Povucite slajder lagano prema desnoj strani rampe kako biste izradili mrvicu bljeđi gradijent. Zatim nastavite klikom na OK.

new gradientnew gradientnew gradient
gradient appliedgradient appliedgradient applied

3. Dodajte Sretnu Djetelinu!

Sada je vrijeme da dizajnu plakata dodamo sretni privjesak. Za ovaj korak tutorijala trebati ćete otvoriti Adobe Illustrator.

1. korak

Siluetu djeteline možete nacrtati ili preuzeti jednostavan vektor siluete djeteline, kao onaj iz ovog odabira djetelina na Envato Marketu.

Preuzmite vektor i otvorite ga u Adobe Illustratoru. Izolirajte samo jednu jednostavnu siluetu djeteline, i pripazite da ima dugu stabljiku.

Podesite Fill Color oblika u čisto crnu, zatim kliknite Edit > Copy.

vector shamrockvector shamrockvector shamrock

2. korak

Vratite se na vaš InDesign dokument i na Layers panel.   Zaključajte Background sloj i otključajte gornji sloj, Shamrock.

layers panellayers panellayers panel

Idite na Edit > Paste da položite vektor djeteline direktno na stranicu. Držite Shift kako biste promijenili veličinu, tako da ispuni otprilike dvije trećine stranice kao što je prikazano ispod. Također ga centrirajte na stranicu najviše koliko je moguće.

pasted vectorpasted vectorpasted vector

U Swatches panelu, prilagodite Fill Color vektora u [None]. Zatim idite na File > Place i odaberite istu sliku papira koju smo koristili za pozadinu postera. Kliknite Open da ispunite vektor sa teksturom papira.

paper shamrockpaper shamrockpaper shamrock

3. korak

U Swatches panelu izradite novi CMYK Process Swatch i preimenujte ga u Pale Green. Podesite vrijednosti u C=67 M=16 Y=96 K=2. Kliknite Add i OK.

pale green swatchpale green swatchpale green swatch

Odaberite djetelinu ispunjenu papirom i kliknite Edit > Copy, Edit > Paste in Place.

Dvaput kliknite unutar zalijepljenog vektora kako biste direktno odabrali sliku papira i obrisali je, tako da vam ostane samo okvir vektora.              Podesite Fill Color u Pale Green.

pale green shamrockpale green shamrockpale green shamrock

Uz odabranu zelenu djetelinu idite na Object > Effects > Transparency i podesite Mode u Multiply. Kliknite OK.

multiply transparencymultiply transparencymultiply transparency
shamrock completeshamrock completeshamrock complete

4. Ispunite Plakat Tipografijom u Vintage Stilu

1. korak

Vratite se na Layers panel i zaključajte sloj Shamrock. Otključajte sloj ispod, nazvan Typography.

layers panellayers panellayers panel

Napravite novi CMYK Process Swatch, pod imenom Beige, sa vrijednostima C=7 M=15 Y=20 K=0.

beige swatchbeige swatchbeige swatch

2. korak

Preuzmite i instalirajte besplatan font Zantroke. Ovo je zgodan slab serif font, koji je odličan za predloške plakata.

Vratite se u InDesign i odaberite Type Tool (T) iz Tools izbornika. Pomaknite se na prazan pasteboard za sada, i povucite mišem kako biste izradili kvadratni tekstualni okvir. Utipkajte ‘P’, i podesite Font u Zantroke, Size 250 pt. Podesite Font Color u Beige.

character panel zantrokecharacter panel zantrokecharacter panel zantroke

Uz odabrani tekstualni okvir, idite na Type > Create Outlines kako biste transformirali pismo u vektor.

create outlinescreate outlinescreate outlines
vectorized lettervectorized lettervectorized letter

Sada možete izmijeniti veličinu vektora slova fleksibilno, držeći tipku Shift kako biste zadržali proporcije. Malo ga povećajte, i smjestite u gornji lijevi kut stranice, kao što je prikazano.

beige letterbeige letterbeige letter

3. korak

Odaberite vektor ‘P’ i kliknite Edit > Copy, Edit > Paste in Place. Uklonite Fill Color iz zalijepljenog vektora, i zatim idite na File > Place.

Odaberite opet sliku teksture papira i kliknite Open. Kliknite na gumb Fill Frame Proportionally kako biste ispunili slovo sa slikom.

paper-filled vectorpaper-filled vectorpaper-filled vector

Zatim desni-klik (Windows) ili Control-klik (Mac) > Arrange > Send to Back.

send to backsend to backsend to back

Odaberite ‘P’ bež boje koji je sada na vrhu, i idite na Object > Effects > Transparency. Zadržite Mode kao Normal, i smanjite Opacity na 50 %.

effects transparencyeffects transparencyeffects transparency

Povucite mišem preko oba ‘P’ vektora i napravite desni-klik mišem ili Control-klik (Mac) > Group.

grouped elementsgrouped elementsgrouped elements
placed Pplaced Pplaced P

4. korak

Ponovite proces objašnjen u koracima 2 i 3, iznad, za više slova, radeći cijelu riječ ‘PADDY’S’.

Smjestite ‘A’ točno ispod ‘P’, tako da se samo malo preklapaju. Ne brinite ako su dijelovi slova položeni ispod djeteline—time ćete dodati bolji izgled cjelokupnom kolaž efektu plakata.

A type effectA type effectA type effect

Smjestite sljedeći ‘D’ na desnu stranu stranice, skrivenog iza lista djeteline.

D typeD typeD type

Dodajte drugi ‘D’‘Y’, svaki s jedne strane stabljike.

Y typeY typeY type

...zatim smjestite ‘S’ u donji desni kut stranice.

S typeS typeS type

Dodajte apostrof kako biste završili efekt.

apostropheapostropheapostrophe

Dobiti ćete ’PADDY'S’ tekst sa efektom koji izgleda vrlo stilski i uočljivo. Odlično obavljeno!

text effecttext effecttext effect

Sve što je još ostalo za učiniti jest popuniti ostatak plakata sa detaljima o samom eventu...

5. korak

Vratite se na Swatches panel i izradite novi CMYK Process Swatch. Preimenujte ga u Emerald, i podesite mu vrijednosti u C=80 M=28 Y=81 K=14; kliknite OK.

emerald swatchemerald swatchemerald swatch

Pomaknite na pasteboard pokraj stranice i koristite Type Tool (T) za izradu novog tekstualnog okvira.  Utipkajte ‘ST’ i podesite Font u Zantroke, Size 110 pt, i Font Color u Emerald.

character panel zantrokecharacter panel zantrokecharacter panel zantroke

Desni-klik (Windows) ili Control-klik (Mac) > Transform > Rotate 90° CCW. Namjestite tekstualni okvir u gornji lijevi kut stranice, tako da samo uđe u prorez u prazninu između slova ‘P’.

rotated text framerotated text framerotated text frame

6. korak

Izradite još jedan tekstualni okvir, utipkajte ‘CELEBRATE’ i podesite Font u Zantroke, Size 80 pt, i u Pale Green.

Pozicionirajte uzduž vrha stranice, desno od ‘P’ i produžite preko ostatka širine stranice.

character panelcharacter panelcharacter panel

7. korak

Izgradite tekst preko preko gornjeg desnog dijela stranice. Namjestite svaki dio teksta u odvojenom tekstualnom okviru, i mijenjajte veličine i boje kako biste izgradili jedinstvene dijelove teksta.

Možete kopirati sadržaj teksta koji sam ja ovdje napravio, ili prilagoditi tekst detaljima vašeg eventa.

character panelcharacter panelcharacter panel

8. korak

Skrolajte dolje do desnog lijevog kuta stranice, i ispunite ovaj prostor također sa nekoliko tekstualnih okvira uz podešeni Font u Zantroke i različitim bojama između Emerald i Pale Green.

character panelcharacter panelcharacter panel

9. korak

Napravite novi tekstualni okvir, utipkajte ‘DAY’ i podesite Font u Zantroke, Size 100 pt, Emerald. Rotirajte okvir 90° CW, i smjestite ga na desnu stranu stranice, točno iznad velikog ‘S’.

character panelcharacter panelcharacter panel

10. korak

Mišem odaberite sve tektualne okvire osim bež ‘PADDY’S’ vektora i ‘ST’ i ‘DAY’ tekstualnih okvira. Zatim desni-klik (Windows) ili Control-klik (Mac) > Arrange > Send to Back.

send to backsend to backsend to back

Izgleda odlično—uskoro smo gotovi!

poster layout so farposter layout so farposter layout so far

Kao posljednji korak, zadržite selektirane tekstualne okvire i idite na Object > Effects > Transparency, te smanjite Opacity na 80%, samo da zadržite izgled ‘PADDY’S’ i djeteline kao najdominantnije elemente na stranici.

normal transparencynormal transparencynormal transparency
poster layout completeposter layout completeposter layout complete

5. Izvezite Plakat za Print

Rad na vašem plakatu je završen, fantastičan posao!

Sada ste spremni izvesti plakat za printanje. Plakat možete također spremiti kao web dokument, na način da idete na File > Export i odaberete Adobe PDF (Interactive) u Format padajućem izborniku.

Za print verziju, idite na File > Export. Odaberite Adobe PDF (Print) iz Format padajućeg izbornika.

adobe pdf for printadobe pdf for printadobe pdf for print

Odaberite [Press Quality] iz Adobe PDF Preset menija.

press qualitypress qualitypress quality

Kliknite na Marks and Bleeds u meniju s lijeve strane te označite All Printer’s Marks i Use Document Bleed Settings.

marks and bleedsmarks and bleedsmarks and bleeds

Kliknite na Export da izradite dokument plakata pripremljenog za print.

pdf finalpdf finalpdf final

Što Ste Naučili

Odličan posao!

U ovom tutorijalu odradili smo cijeli raspon vještina koje bi bile jednako primjenjive na projekte drugih plakata ili projekte predložaka u Adobe InDesignu. Sada možete:

  • Izraditi predložak plakata u InDesignu
  • Izgraditi pozadinske teksture i boje na vašem radu
  • Napraviti dobar grafički dizajn koristeći Illustrator vektore
  • Izraditi složene tekstualne efekte i editirati tipografiju u vektorskom i u live formatu
  • Izvesti završeni plakat kao dokument pripremljen za tisak

Nadam se da ste uživalu u proslavi Dana Sv. Patrika, gdje god da se nalazite u svijetu! Slobodno podijelite vaše vlastite dizajnirane plakate za Dan Sv. Patrika—voljeli bismo ih vidjeti.

Ako tražite još više inspiracije za dizajn na temu raznih događanja, možete pronaći mnogo predložaka za plakate i flyere na Envato Marketu.

mock up postermock up postermock up poster
One subscription.
Unlimited Downloads.
Get unlimited downloads