New! Unlimited audio, video & web asset downloads! Unlimited audio, video & web assets! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Typography
Design

Kako Izraditi Dizajn Tipografskog Plakata u Adobe InDesignu

by
Difficulty:BeginnerLength:MediumLanguages:

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

Final 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 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 size

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

bleed and margins

Kliknite OK kako biste izradili vaš dokument plakata.

new 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 layers

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

unlocked 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 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 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 swatch

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

Podesite Fill Color pravokutnika u Dark Green.

green rectangle

4. korak

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

multiply transparency

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

background color

5. korak

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

new 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 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 gradient
gradient 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 shamrock

2. korak

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

layers 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 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 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 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 shamrock

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

multiply transparency
shamrock 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 panel

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

beige 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 zantroke

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

create outlines
vectorized 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 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 vector

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

send 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 transparency

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

grouped elements
placed 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 effect

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

D type

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

Y type

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

S type

Dodajte apostrof kako biste završili efekt.

apostrophe

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

text 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 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 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 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 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 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 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 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 back

Izgleda odlično—uskoro smo gotovi!

poster 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 transparency
poster 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 print

Odaberite [Press Quality] iz Adobe PDF Preset menija.

press 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 bleeds

Kliknite na Export da izradite dokument plakata pripremljenog za print.

pdf 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 poster
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.