Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Design & Illustration
  2. Adobe InDesign
Design

Kako u Adobe InDesignu i Photoshopu Izraditi Poster za Novogodišnju Odluku

by
Difficulty:BeginnerLength:LongLanguages:
This post is part of a series called Learn Adobe InDesign.
How to Combine Photography & Type for a Dramatic Effect
How to Make a Brochure

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

Final product image
What You'll Be Creating
Final product image
Što ćete izraditi

Ovaj šaljivo dizajnirani poster će pomoći vašim kolegama ili prijateljima da ostanu motivirani (ili ne!) i nastave se držati svojih siječanjskih novogodišnjih odluka. Ovaj zabavan dizajn sastoji se od stilističke tipografije i trendovskog flat stila što ga čini jednostavnim a opet efektivnim.

Tutorijal je prikladan za početnike. Izrađivati ćemo 'layout' postera u Adobe Indesignu i sastavljati grafiku pločice čokolade u Adobe Photoshopu. 

Trebate neke nove ideje za izradu postera 2017? Pogledajte fantastičnu ponudu poster predložaka za print na Graphic River-u.

Posteri za novogodišnje odluke nisu ništa novo - ljudi već desetljećima rade motivacijske čestitke i plakate. Ove su čestitke iz početka 20. stoljeća dizajnirane kako bi osobi služile kao podsjetnik na novogodišnju odluku.

postcards
Čestitke iz početka 20. stoljeća

Moderan dizajn koji ćemo mi ovdje izrađivati je malo realističnijeg izgleda. Povrh svega, poznajete li nekoga tko može cijelu godinu odoljeti čokoladi?! Ja sigurno ne mogu.

Jeste li spremni početi dizajnirati? Odlično, krenimo...

1. Što Vam je Potrebno za Izradu Postera

Trebati ćemo nekoliko 'stock' fotografija koje ćemo upotrijebiti kao kockice za dizajn plakata. Preuzmite ove slike u najvećoj rezoluciji i spremite ih u folder za projekt koji ćete lako kasnije pronaći:

Također će vam biti potrebno nekoliko zgodnih, čistih sans serif fontova. Ja ću ovdje upotrijebiti Avenir i Futura Std Heavy fontove, a vi ako želite možete upotrijebiti neke druge suvremene sans serif fontove koje također možete pronaći na Graphic River-u.

Instalirajte fontove i zatim otvorite Adobe InDesign. Sada ćemo odmah zaroniti u podešavanje 'layout-a' za poster...

2. Kako u InDesignu Podesiti 'Layout' za Poster

1. korak

U InDesignu idite na File > New > Document.

Ostavite Intent podešeno na Print, Number of Pages na 1 i uklonite oznaku Facing Pages. Želimo da Page Size (veličina stranice) bude standardne veličine - Architectural D je dobar izbor i uvijek možete veličinu dizajna kasnije dodatno podesiti.

Unaprijed sam pohranila Architectural D kao zadanu veličinu, ali dimenzije možete i manualno podesiti. Utipkajte 609.6 mm (24 in) za Width (širinu) i 914.4 mm (36 in) za Height (visinu).

poster

Podesite Margins na 50 mm, dodajte Bleed od 5 mm i ako želite Slug od 50 mm.

new document

Kliknite OK da izradite novi dokument

new page

2. korak

Otvorite Layers karticu (Window > Layers), i dvaput kliknite na Layer 1 da otvorite Layer Options okvir.

Promijenite naziv sloj u Background i kliknite OK.

layer options

Kliknite gumb Create a New Layer na dnu kartice i dvaput kliknite na novi sloj da mu promijenite naziv u Gradient.

Izradite još tri sljedeća sloja: Chocolate, Typography, i na kraju Texture Overlay, pri vrhu.

layer options

3. korak

Zaključajte sve slojeve osim donjeg, Background sloja.

Kliknite na sloj da ga aktivirate.

layers panel

3. Kako Izraditi Papirnatu Pozadinu

1. korak

Otvorite Swatches karticu (Window > Color > Swatches) i kliknite gumb New Swatch na dnu kartice. Dvaput kliknite na novi swatch/uzorak da ga uredite.

Promijenite naziv swatch-a u Ivory, podesite Type u Process i Mode u CMYK te podesite slajdere na C=2 M=1 Y=4 K=0. Kliknite OK.

ivory swatch

Uzmite Rectange Tool (M) i povucite po stranici, produžujući pravokutnik preko cijele strane, sve do 'bleed' rubova sa svih strana.

Podesite Fill Color (boju ispune) u Ivory u Swatches kartici ili Controls kartici na vrhu radne površine.

ivory background

2. korak

Odaberite Rectangle Frame Tool (F) i izradite okvir slike jednakih dimenzija kao što su stranica i 'Ivory' pravokutnik.

Idite na File > Place, odaberite Paper Texture sliku i kliknite Open.

Uredite sliku da ispuni cijeli okvir.

paper texture

Zatim sa selektiranim okvirom slike, idite na Object > Effects > Transparency. Podesite Mode u Multiply, i smanjite Opacity na oko 74%.

effects multiply

3. korak

Vratite se na Layers karticu i zaključajte Background slj. Otključajte sloj u sredini, Chocolate.

layers panel

4. Kako Urediti Sliku Čokolade

1. korak

Idite na File > Save As u InDesignu, spremite svoju shemu postera i za sada minimalizirajte InDesign okvir.

Potražite Chocolate Bar fotografiju i otvorite je u Adobe Photoshopu.

opened image

Otvorite Layers karticu (Window > Layers) i zatim povucite Background sloj dolje na gumb Create a New Layer pri dnu kartice da napravite duplikat. Isključite vidljivost originalnog Background sloja.

create a new layer

2. korak

Moramo ukloniti bijelu pozadinu oko ruba čokoladne pločice. Za to idite na Select > Color Range i kliknite jednom na bijelu pozadinu slike.

color range

U Color Range prozoru koji će se otvoriti podešavajte Fuzzines slajder dok ne vidite da je selektiran cijeli bijeli dio oko čokolade. Zatim kliknite OK.

color range

Kliknite gumb Refine Edge pri vrhu radne površine. Odavde možete podešavati selektirani dio da postane savršen najviše koliko može biti. Upotrijebite Smart Radius funkciju i Shift Edge slajder ukoliko je potrebno. Kada ste zadovoljni rezultatom kliknite OK.

refine edge

Zatim obrišite selekciju.

delete

3. korak

Idite na Image > Image Rotation > 90 Degrees CW.

rotate canvas

Zatim idite opet na Image izbornik i odaberite Image Rotation > Flip Canvas Horizontal.

flip canvas
background copy

4. korak

Uzmite Rectangular Marquee Tool (M) i povucite da selektirate dva 'najlijevija' reda čokoladne pločice, kao što je prikazano ispod.

Kliknite Control-C (Windows) ili Command-C (Mac) da kopirate selektirani dio i zatim kliknite Control-V ili Command-V da ga zalijepite na sloj iznad.

background copy

Kliknite Control-T (Windows) ili Command-T (Mac) da selektirate zalijepljenu sliku i zatim je pomaknite na lijevu stranu čokoladne pločice tako da se jedan red dijela čokolade preklapa sa 'najlijevijim' redom ispod, a drugi se proteže izvan lijevog ruba pločice, dodajući pločici još jedan red. Sveukupno sada imate pet vertikalnih redova čokolade, ne četiri.

layer 1

Selektirajte zajedno Background Copy sloj i sloj Layer 1 (držite Shift), te klik desnim gumbom miša (Windows) ili Control-klik (Mac) > Merge Layers.

merge layers

5. korak

Upotrijebite Crop Tool (C) da radnu površinu na kojoj crtate produžite za oko jednu trećinu prema gore.

Uzmite Rectangular Marquee Tool (M), kao i prije i povucite da selektirate dva vertikalna reda na vrhu čokolade.

marquee tool

Kliknite Control-C (Windows) ili Command-C (Mac) da kopirate selektirani dio i zatim Control-V ili Command-V da ga zalijepite na sloj iznad.

Kliknite Control-T (Windows) ili Command-T (Mac) da selektirate zalijepljenu sliku i pomaknite je gore, tako da opet jedan red čokolade produžite iznad originalnog gornjeg ruba čokolade, i drugi red ostavite da se preklapa sa originalnim gornjim redom.

layer selection

Napravite duplikat Layer 2 sloja da izradite kopiju i zatim kliknite Control-T (Windows) ili Command-T (Mac) da je selektirate i pomaknete gore za još jedan red. Trebali biste dobiti pločicu čokolade sa osam dijelova po visini.

layer copy
crop tool

Upotrijebite Crop Tool (C) da malo smanjite radnu površinu kako između rubova čokolade i rubova radne površine ne bi bilo toliko nepotrebnog praznog prostora. 

crop tool

6. korak

Idite na File > Save As, nazovite datoteku Chocolate Bar Extended i spremite je kao Photoshop (PSD) dokument.

save as

Za sada minimalizirajte Photoshop okvir.

5. Kako Integrirati Pločicu Čokolade u 'Layout' Postera

1. korak

Idite natrag na InDesign dokument.

Selektirajte Rectangle Frame Tool (F) i odvucite na stranicu da izradite okvir slike. Idite na File > Place i odaberite pohranjenu Chocolate Bar Extended.psd datoteku te kliknite Open.

Upotrijebite tipku Shift da promijenite veličinu na otprilike veličinu kao što je prikazano na slici ispod, i smjestite je u sredinu stranice.

placed image

2. korak

Sa selektiranim okvirom slike, idite na Object > Effects > Drop Shadow.

Podesite Mode u Multiply, Opacity na 26%, i Distance na 4 mm, pa podesite rub na oko 15 stupnjeva.

Pod Options, podesite Size na 5 mm i povećajte Spread na 8%. Kliknite OK.

effects
placed image

6. Kako Stilizirati Tipografiju Postera

1. korak

Idite nazad na Layers karticu i zaključajte sloj Chocolate. Otključajte sloj iznad, Typography.

layers panel

U Swatches kartici izradite novi CMYK swatch (uzorak boje). Nazovite ga Dark Blue i podesite razine slajdera na C=89 M=82 Y=41 K=45.

swatch options

2. korak

Zumirajte gornji lijevi kut čokolade. Uzmite Type Tool (T) i povucite po radnoj površini da izradite mali okvir za tekst, smješten preko gornje lijeve kockice čokolade.

Utipkajte ‘T’,i ili iz Character Formatting Controls kartice na vrhu radne površine ili Character karitce (Window > Type & Tables > Character), podesite Font u Avenir (ili neki drugi sans serif font po vašem izboru),i kliknite Align Center.

U Swatches kartici podesite Font Color u Dark Blue. Pripazite da slova smjestite u sredinu kockice čokolade.

t letter

3. korak

Selektirajte tekstualni okvir i kliknite Edit > Copy, Edit > Paste, i smjestite zalijepljeni tekstualni okvir na sljedeću kocku, zdesna. Podesite tekst u slovo 'H'.

h letter

Ponovite Copy i Paste akciju izrađujući sve više tekstualnih okvira, svaki preko jedne kockice čokolade. Na taj način izradite sljedeći sadržaj teksta: ‘THIS YEAR THOU SHALT NOT EAT’ ('ove godine nećemo jesti'). Svaku riječ smjestite u novi red čokolade.

completed this

4. korak

Pomoću Copy i Paste akcije izradite još jedan okvir za tekst sa slovom 'C' i promijenite Font Color u Ivory. Smjestite ga ispod slova 'E' od riječi 'EAT'.

Opet ponovite Copy i Paste sa ovim tekstualnim okvirom i ponavljajte isti postupak izrađujući riječ 'CHOCOLAT',(bez posljednjeg odgriženog slova 'E'). Slova 'C' i 'O' neka prelaze preko rubova odgriženog dijela čokolade.

type

Selektirajte zajedno slova 'C' i 'O' i idite na Edit > Copy.

copy paste

5. korak

Minimalizirajte InDesign prozor i idite nazad na Photoshop dokument.

Kliknite Edit > Paste da zalijepite slova na dokument koja će biti ubačena kao vektorski pametni objekt (smart object). Promijenite veličinu koristeći tipku Shift da zadržite proporcije originalnog rasporeda slova u InDesignu i kliknite Enter.

resize

Upotrijebite Lasso Tool (L) da odvojite dijelove slova koja prelaze preko odgriženog ruba i upotrijebite Refine Edge gumb da uredite odabrani dio. Kada ste zadovoljni rezultatom kliknite OK i obrišite selektirane dijelove. Kako biste to učinili, na sloj ćete morati primijeniti Rasterize funkciju.

refine edge
refine edge
selection

6. korak

Dvaput kliknite na rasterizirani sloj sa vektorskim 'smart' objektom da otvorite Layer Style prozor.

Kliknite na gumb Drop Shadow u lijevom izborniku. Podesite Blend Mode u Multiply, i smanjite Opacity na oko 30%.

Podesite Distance na 6 px, Spread na 13% i Size na 49 px. Kliknite OK.

layer stye

Kliknite File > Save da spremite vaš Photoshop dokument i zatim minimalizirajte Photoshop prozor.

7. korak

Vratite se na InDesign dokument i selektirajte te obrišite 'C' i 'O' tekstualne okvire.

U Links kartici (spojenoj sa Layers karticom) primijetiti ćete uskličnik pokraj imena slike. Dvaput kliknite na uskličnik da ažurirate datoteku.

link image
relinked image

8. korak

Povucite kurzorom preko stranice da selektirate sve tekstualne okvire i zatim idite na Object > Effects > Bevel and Emboss.

Pod Style odaberite Pillow Emboss i podesite Technique na Smooth i Direction na Up.

Podesite Size na 1 mm, Soften na 2 mm, i Depth na 100%.

Pod Shading Options podesite Angle na 120 stupnjeva, Altitude na 30 stupnjeva, Highlight Opacity na 11%, i Shadow Opacity na 55%.

pillow emboss

Kliknite Transparency na vrhu izbornika s lijeve strane. Smanjite Opacity na 95%. Kliknite OK.

transparency effect

9. korak

Uzmite Type Tool (T) i izradite novi okvir za tekst u praznini s lijeve strane, gdje je ugriz. Utipkajte ‘(OOPS)*’, i podesite Font na Futura Std Heavy (ili neki drugi sans serif po vašem izboru) i Font Color u Dark Blue.

oops type

Copy/kopirajte i Paste/zalijepite tekstualni okvir te ga smjestite ispod čokolade, prislonjenog na donju marginu. Podesite Align Center položaj teksta, malo ga smanjite i utipkajte ‘*MAYBE NEXT YEAR’ ('možda sljedeće godine').

type

7. Kako na Poster Dodati Završne Detalje

1. korak

Vratite se na Layers karticu i zaključajte Typography sloj. Otključajte Texture Overlay sloj.

layers panel

Uzmite Rectangle Tool (M) i izradite okvir koji se proteže preko cijele stranice. Kliknite File > Place, odaberite Paper Texture sliku koju ste upotrijebili i za pozadinu te kliknite Open. Neka slika ispuni okvir.

paper texture

Idite na Object > Effects > Transparency, podesite Mode u Overlay, i smanjite Opacity na oko 20%.

overlay

2. korak

Zaključajte sloj Texture Overlay i otključajte sloj Gradient.

layers panel

Vratite se na Swatches karticu i izradite novi CMYK swatch (uzorak boje). Nazovite ga Light Blue, i podesite razine slajdera na C=57 M=12 Y=6 K=0.

light blue

3. korak

Uzmite Rectangle Tool (M) i izradite pravokutni oblik preko cijele stranice. Podesite Fill u Light Blue.

light blue background

Idite na Object > Effects > Gradient Feather, i primijenite Radial Gradient, pomičući tamni slajder skroz desno i blijedi slajder na oko trećinu skroz preko puta. Kliknite OK.

gradient
finished effect

8. Kako Eksportirati Završeni Poster

Odlično odrađen posao - vaš poster je završen, i izgleda fantastično! Ako želite plakat poslati na profesionalno tiskanje, nastavite čitati da saznate kako ga najbolje eksportirati kao datoteku sa dovršenom pripremom za tisak ('print-ready')...

1. korak

Idite na File > Export. U Export prozoru odaberite Adobe PDF (Print) u Format izborniku i kliknite Save.

new year poster export

U Export to Adobe PDF okviru koji će se otvoriti odaberite [Press Quality] iz Adobe PDF Preset izbornika na vrhu prozora.

press quality

2. korak

Kliknite Marks and Bleed opciju u izborniku s lijeve strane prozora.

Označite All Printer’s Marks i Use Document Bleed Settings.

bleed and marks

Zatim kliknite Export da izradite datoteku pripremljenu za tisak. Možete poslati datoteku ravno u tiskaru!

pdf exported

Zaključak: Vaš Završeni Poster za Novogodišnju Odluku

Vaš poster je spreman za printanje. Odličan posao!

Prije nego što požurite objesiti plakat u ured (ili bi možda kuhinja bila bolji izbor!), rezimirajmo na trenutak što ste naučili u ovom tutorijalu. Sada biste trebali biti samostalniji u radu sa:

  • Izradom 'layout-a' za poster u Adobe InDesignu.
  • Editiranjem fotografija kako bi se uklopile u dizajn postera uAdobe Photoshopu.
  • Formatiranjem tipografije kako biste za dizajn postera izradili trendovski izgled teksta.
  • Manipuliranjem boja, tekstura, sjena, transparencija i gradijenata kako biste izradili višeslojni izgled.
  • Eksportiranjem završenog dizajna kao datoteke pripremljene za tisak i slanje za profesionalni tisak.

Fantastično odrađen posao! Ispod u komentarima možete s nama podijeliti svoj poster dizajn. Ili, zašto nam ne biste dali do znanja imate li neku novogodišnju odluku koje se ove godine planirate držati (ili prekršiti!)?

Još uvijek tražite savršeni dizajn plakata? Odvojite trenutak i pogledajte veliku ponudu predložaka za postere na GraphicRiver-u.

final 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.