1. Design & Illustration
  2. Adobe InDesign

Kako Izraditi Flyer za Proslavu Uredske Božićne Zabave

by
Read Time:14 minsLanguages:
This post is part of a series called Flyer Design & Templates.
How to Change a Photo in a Flyer Template in Adobe Photoshop

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 ovom tutorijalu ćemo koristiti Adoobe InDesign, Photoshop i Illustrator za sastavljanje zabavnog 'vintage' slavljeničkog flyera. Savršen za promoviranje uredskih zabava ili drugih slavljeničkih događaja, ovaj flyer ima dizajn sa snažnom tipografijom koji nije teško izraditi čak i ako ste početnik u ranije navedenim programima.

Tražite nešto drugačije za vaš slavljenički event? Možete pronaći veliki izbor već gotovih slavljeničkih flyer predložaka na Graphic River-u.

Spremni za slavljeničku zabavu? Odlično, možemo krenuti!

Što Će Vam Biti Potrebno Za Tutorijal

Za izradu dizajna ćete morati preuzeti sljedeće slike i datoteke fonta. Smjestite slike u folder koji ćete lako zapamtiti i instalirajte font.

1. Kako Podesiti Flyer u InDesign-u

Prije nego što zaronimo u izradu grafika i tipografije za naš flyer, važno je podesiti osnove za dizajn i sastaviti neke temeljne elemente rasporeda, kao što su boja pozadine i tekstura. Za početak ćemo koristiti Adobe InDesign, pa pokrenite program.

1. korak

U InDesign-u idite na File > New > Document. Ostavite Intent podešeno na PrintNumber of Pages na 1, i uklonite oznaku Facing Pages.

Iz padajućeg izbornika Page Size odaberite Flyer 8.5x11, ili utipkajte Width vrijednost od 215.9 mm i Height vrijednost 279.4 mm. Smanjite Margins na 10 mm u dijametru, i dodajte Bleed od 3 mm na sve rubove stranice.

new documentnew documentnew document

Kliknite OK da napravite novi dokument.

new documentnew documentnew document

2. korak

Otvorite/spustite Layers karticu (Window > Layers) i dvaput kliknite na ime Layer 1 kako biste otvorili Layer Options okvir. Promijenite naziv sloja u Paper i kliknite OK.

U Tools kartici s lijeve strane radne površine, odaberite Rectangle Frame Tool (F) i kliknite i povucite na radnu površinu kako biste izradili novi okvir koji se nastavlja sve do bleed ruba.

paper layerpaper layerpaper layer

3. korak

Idite na File > Place, zatim u folderu (u koji ste preuzeli sliku), pronađite sliku Paper Texture (Tekstura Papira), i kliknite Open. Kliknite gumb Fill Frame Proportionally na Controls kartici na vrhu radne površine da provjerite ispunjava li slika u potpunosti okvir.

paper layerpaper layerpaper layer

4. korak

Vratite se na Layers karticu i na dnu kliknite Create new layer gumb. Dvaput kliknite na sloj i promijenite mu naziv u Background Color. Kliknite OK i zatim zaključajte Paper sloj ispod.

layer optionslayer optionslayer options

5. korak

Otvorite Swatches karticu (Window > Color > Swatches) i na dnu kliknite New Swatch.

Uzorak/swatch nazovite Gold, i podesite Type u Process te ModeCMYK. Podesite razine boje u C=2 M=36 Y=71 K=25, i kliknite OK.

Upotrijebite Rectangle Tool (M) da napravite oblik pravokutnika koji se također proteže do bleed ruba. U Swatches kartici podesite Fill pravokutnika u Gold.

swatch goldswatch goldswatch gold

6. korak

Sa selektiranim pravokutnikom idite na Object > Effects > Transparency. U Mode postavkama, odaberite Overlay i smanjite Opacity na 50%.

overlayoverlayoverlay
paper backdroppaper backdroppaper backdrop

7. korak

Zaključajte Background Color sloj i iznad njega napravite novi sloj kojem dodijelite naziv Gradient. Pomoću Rectangle Tool (M) izradite novi oblik pravokutnika koji se proteže do otprilike 3/4 ispod vrha stranice.

Napravite novi CMYK uzorak/swatch u Swatches kartici. Podesite razinu boje uzorka na C=72 M=8 Y=10 K=13, i nazovite ga Ice Blue. Primijenite Ice Blue uzorak/swatch na ispunu/Fill pravokutnika.

blue swatchblue swatchblue swatch

8. korak

Selektirajte pravokutnik i idite na Object > Effects > Gradient Feather. Pomaknite tamnu točku gradijenta s lijeve strane prema sredini slajdera i gradijentu podesite Angle u 90°.

effects gradienteffects gradienteffects gradient

9. korak

Kliknite Transparency postavke na vrhu lijeve strane okvira i podesite Mode u Hard Light. Smanjite Opacity na 78% i kliknite OK.

hard lighthard lighthard light

10. korak

Idite na File > Save as i spremite svoj InDesign dokument sa nekim imenom kojeg ćete lako zapamtiti, nešto poput 'Flyer za uredsku proslavu.indd' i smanjite do kraja InDesign prozor. Uskoro ćemo se vratiti na taj dokument.

final backgroundfinal backgroundfinal background

2. Kako Izraditi Sliku Siluete

Sada kada ste podesili raspored možemo početi razmišljati o kreativnim elementima dizajna. Što može biti bolje od jelena za proslavu u božićnom duhu? Upotrijebiti ćemo fotografiju Deer in a forest (Jelen u Šumi) kao bazu, stoga je, ako već niste, svakako preuzmite.

1. korak

Otvorite sliku jelena u Adobe Photoshop-u. U Layers kartici (Window > Layers) odvucite Background sloj dolje, na Create a new layer gumb kako biste napravili duplikat. Isključite vidljivost sloja sa pozadinom.

background copybackground copybackground copy

Idite na Select > Color Range.

color rangecolor rangecolor range

Kliknite na jedan od najsvjetlijih dijelova jelena, na rogove ili uši i zatim povećajte Fuzzines na oko 145 da bolje uhvatite cijelu siluetu.

color rangecolor rangecolor range

Doodajte novi Levels Adjustment Layer sloj i pomaknite slajdere da pojačate bjelinu odabranog dijela slike.

levelslevelslevels

2. korak

Sa sada pojačanim kontrastom na slici, biti će nam lakše odvojiti siluetu jelena od pozadine na fotografiji.

Uzmite Lasso Tool (L) i označavajte njime dio do ruba jelena, počevši od lijeve strane, zatim do rogova i završite (pogledajte primjer na slici ispod).

Kliknite Refine Edge gumb na vrhu radne površine i poigrajte se sa slajderima da ih podesite precizno do samog ruba siluete jelena.

refine edgerefine edgerefine edge

Kliknite na Smart Radius i ddajte Smooth vrijednost oko 2 kako biste ublažili oštrinu rubova.

smart radiussmart radiussmart radius

Kada ste zadovoljni selektiranjem, kliknite OK i zatim Delete da uklonite selektiranu pozadinu.

refine edgerefine edgerefine edge

Ponovite proces označavajući sljedeći dio pozadine pomoću alata Lasso Tool (L) i upotrijebite Refine Edge funkciju za precizniji odabir. Zatim kliknite OK i opet Delete da obrišete odabrani dio.

refine edgerefine edgerefine edge

3. korak

Nastavite raditi oko ruba siluete jelena (trebamo samo njegovu glavu i vrat, stoga ne brinite oko donjeg dijela pozadine) i brisati dijelove pozadine.

refine edgerefine edgerefine edge

Upotrijebite Lasso Tool (L) ili Magic Wand Tool (W) da označite sve eventualno preostale dijelove oko siluete i obrišite ih.

selectionselectionselection
refine edgerefine edgerefine edge

4. korak

Kada ste zadovoljni izgledom siluete, kliknite opet na Levels Adjustment Layer koji smo izradili ranije.

Ovu sliku ćemo premjestiti u Illustrator gdje ćemo napraviti 'trace' stoga je važno da siluetu potamnimo najviše koliko je moguće kako bismo postigli što bolji 'tracing' rezultat. Pomaknite Levels slajdere u suprotan smjer čime ćete cijelu sliku potamniti i dobiti skoro gotovu siluetu.

levelslevelslevels

Zatim idite na File > Save As i spremite sliku kao PSD datoteku.

5. korak

Smanjite Photoshop na minimum i otvorite Adobe Illustrator. Izradite novi dokument.

Idite na File > Place, odaberite PSD sliku, i kliknite Open. Sa selektiranom slikom idite na Window > Image Trace.

Podesite Mode u Black and White i zatim označite Preview kućicu na dnu prozora kako biste vidjeli rezultat 'tracinga'. Pomičite slajdere dok ne postignete rezultat kojim ste zadovoljni. Morate dobiti jako tamno ocrtanu siluetu, ali opet, kako bi silueta bila što zanimljivija, morate zadržati neke detalje na rubovima, poput krzna i nepravilnosti rogova. Označite kućicu Ignore White i zatim zatvorite Image Trace prozor.

image traceimage traceimage trace

Sa selektiranom siluetom na koju ste upravo primijenili 'trace' funkciju, idite na Object > Image Trace > Expand.

image trace expandimage trace expandimage trace expand

6. korak

Kliknite desnim gumbom miša > Ungroup (Windows korisnici) ili pritisnite Control-kliknite > Ungroup (Mac korisnici) i selektirajte te obrišite pozadinu slike na koju ste primijenili 'trace' tako da ostane samo silueta.

ungroupungroupungroup

Selektirajte crnu siluetu i zatim idite na Brush Definition padajući izbornik na vrhu radne površine. Kliknite na Brush Libraries Menu gumb > Artistic > Artistic_ChalkCharcoalPencil.

Dodajte crnu liniju (stroke) oko ruba siluete, koju podesite u Pencil kist i povećajte Weight linije na 1.5 pt.

pencil brushpencil brushpencil brush

Zatim idite na Object > Path > Outline Stroke.

outline strokeoutline strokeoutline stroke

Otvorite Pathfinder prozor (Window > Pathfinder) i kliknite na Unite gumb kako biste spojili liniju (stroke) sa siluetom i tako napravili jedan vektorski oblik.

pathfinder unitepathfinder unitepathfinder unite

7. korak

Dok je silueta još uvijek selektirana, idite na Swatches karticu (Window > Swatches) i podesite Fill boju oblika od crne (Black) do bijele (White).

Idite na File > Save As i spremite sliku kao Illustrator datoteku.

black silhouetteblack silhouetteblack silhouette
white silhouettewhite silhouettewhite silhouette

8. korak

Vratite se na InDesign dokument i zaključajte sloj Gradient. Iznad napravite novi sloj i nazovite ga Reindeer.

Uzmite Rectangle Frame Tool (F) i povucite na radnu površinu da izradite veliki okvir slike. Idite na File > Place, odaberite Illustrator sliku i kliknite Open.

Dvaput kliknite unutar okvira slike da direktno odaberete sliku i izmijenite joj veličinu pomoću tipke Shift kako biste zadržali proporcije. Povećajte ga toliko da jelen ispuni gotovo cijelu radnu površinu, i ostavite samo manji dio prostora na vrhu.

reindeer layerreindeer layerreindeer layer

3. Kako u Dizajn Flyera Uklopiti Tipografiju

Tipografija za ovaj flyer pomalo podsjeća na slagalicu! Dodavati ćemo tekst u praznine između rogova kako bismo napravili efekt prema vrhu flyera.

1. korak

Zaključajte sloj Reindeer i izradite novi sloj iznad koji nazovite Typography 1. Zadržite sve različite elemente na svojim zasebnim slojevima kako biste lakše mogli podešavati i uređivati individualne dijelove dizajna.

Idite na Swatches karticu i napravite novi CMYK swatch (uzorak), C=73 M=11 Y=10 K=9, te ga nazovite Blue.

blue swatchblue swatchblue swatch

Uzmite Type Tool (T) i odvucite ga na radnu površinu izrađujući maleni tekstualni okvir najunutrašnijim točkama između rogova. Utipkajte ‘eat’ i iz Character prozora (Window > Type & Tables > Character) ili Formatting Controls kartice na vrhu radne površine, podesite Font Le Paris, i zatim podesite Font Size na oko 90 pt. U Swatches panelu, podesite Font Color u Blue.

eat text frameeat text frameeat text frame

2. korak

Selektirajte tekstualni okvir i zatim kliknite Edit > Copy, Edit > Paste smještajući ga ispod prvog. Promijenite tekst u 'drink'. Podesite veličinu teksta da se savršeno uklopi s tekstom iznad Ova tehnika zahtijeva malo vježbe, ali nastavite podešavati veličinu fonta i poziciju teksta kako biste se isprakticirali.

pasted framepasted framepasted frame

Nastavite kopirati (copy) i lijepiti (paste) okvire s tekstom smještajući svaku novu riječ ili znak (npr. uskličnik) u vlastiti tekstualni okvir i podesite sadržaj teksta u frazu 'eat drink and be very merry!'. Podesite Font Size i pozicije tekstualnih okvira kako bi se jedni s drugima skladno nadopunjavali.

text framestext framestext frames
exclamation markexclamation markexclamation mark
final headerfinal headerfinal header

3. korak

Izradite novi sloj i nazovite ga Typography 2.

Zumirajte lijevi gornji kut radne površine i zalijepite (Paste) još jedan tekstualni okvir. Podesite Font Color u [Paper] i uredite sadržaj teksta u ‘come’. Kopirajte (Copy) i zalijepite (Paste) drugi tekstualni okvir u kojem piše 'along'. Smjestite nekoliko tih okvira na pozicije gdje će prelaziti preko 'trim' rub, na 'bleed'.

come alongcome alongcome along

Nastavite nadograđivati tekst tako da piše ‘come along and join in the festive fun!’.

white textwhite textwhite text
white textwhite textwhite text

4. korak

Izradite novi sloj imena Typography 3. Zatim izradite novi CMYK uzorak (swatch), C=53 M=52 Y=70 K=53, i nazovite ga Dark Green.

new swatchnew swatchnew swatch

Krenite na desnu stranu i zalijepite (paste) novi tekstualni okvir. Podesite Font Color u Dark Green. Ovo je savršeno mjesto za upisati mjesto događaja i adresu.

locationlocationlocation
location and contactlocation and contactlocation and contact

Otvorite Glyphs karticu (Window > Type & Tables > Glyphs) i napravite novi tekstualni okvir, dvaput kliknite simbol "-" odnosno povlaku da je dodate u tekstualni okvire, prije nego što je podesite u font Le Paris, Dark Green.

glyphs panelglyphs panelglyphs panel

Idite na Type > Create Outlines da povlaku transformirate u vektorski oblik jer ćemo je tako moći lakše uređivati.

create outlinescreate outlinescreate outlines

Ovaj oblik možete upotrijebiti za ispunjavanje praznina i određenih dijelova teksta.

green textgreen textgreen text

5. korak

Izradite novi sloj i nazovite ga Typography 4. Nastavite lijepiti (paste) tekstualne okvire i sada podesite tekst u Gold uzorak (swatch) koji ste izradili na početku tutorijala. Smjestite tekstualne okvire na lijevu stranu flyera. Ispunite sadržaj teksta sa informacijama o samoj zabavi, hrani i drugim sadržajima uključenima u ovaj događaj.

gold textgold textgold text

Dodajte još tekstualnih okvira na Typography 4 sloj, također im podesite Gold uzorak (swatch) ispunjavajući preostala mjesta na desnoj strani flyera.

gold textgold textgold text

Manje praznine između dijelova rogova ispunite sa malim elementima teksta.

gold textgold textgold text

6. korak

Na novom sloju, Typography 5, iznad glave jelena dodajte još teksta podešenog u Dark Green uzorak (swatch). Upišite vrijeme početka događaja.

dark green textdark green textdark green text

Na vrhu flyera dodajte dan i datum u boji Dark Green uzorka.

date and daydate and daydate and day

7. korak

Vratite se ostalim slojevima kako biste dodali još teksta da ispunite sve praznine između rogova.

gold textgold textgold text

Važno je da ključne informacije poput datuma, mjesta i vremena podesite u jaču Dark Green boju.

final text framesfinal text framesfinal text frames

Na kraju ćete ispuniti sav gornji dio flyera tekstom - fantastičan posao, flyer je skoro gotov!

final typographyfinal typographyfinal typography

4. Kako Flyeru Dodati 'Texture Overlay'

Za završetak moramo dodati suptilnu teksturu. Tako ćemo postići 'vintage' trendovski izgled, i cijeli dizajn učiniti profesionalnijim.

1. korak

Smanjite na trenutak InDesign prozor na minimum.

Otvorite Brushed Grunge Texture vektorsku datoteku u Illustratoru.

texture filetexture filetexture file

Obrišite bijelu pozadinu slike i ostavite samo crnu teksturu. Podesite Fill boju teksture u Bijelu.

new swatchnew swatchnew swatch

Kliknite File > Save As i spremite teksturu kao Illustrator datoteku.

illustrator fileillustrator fileillustrator file

2. korak

Vratite se na InDesign dokument i izradite novi sloj koji nazovite Texture.

Izradite Rectangle Frame Tool (F) i napravite novi okvir slike koji se proteže preko cijele radne površine. Idite na File > Place, odaberite svoju Illustrator datoteku teksture i kliknite Open.

Smjestite sliku unutar okvira tako da prekrije cijelu radnu površinu bez da previše prikriva bilo koji dio teksta ili siluetu jelena.

texture layertexture layertexture layer

Sa selektiranim okvirom, idite na Object > Effects > Transparency. Podesite Mode Overlay i smanjite Opacity na 60%. Kliknite OK.

overlayoverlayoverlay

I to je to! Vaš dizajn flyera je završen, odličan posao! Sve što je preostalo za učiniti jest pripremiti ga za tisak ili online dijeljenje.

final posterfinal posterfinal poster

3. korak

Idite na File > Export. Dodijelite datoteci naziv i odaberite Adobe PDF (Print) iz Format padajućeg izbornika (ako će flyer biti podijeljen online ili putem emaila, odaberite Adobe PDF (Interactive)). Kliknite Save.

export pdfexport pdfexport pdf

U Export to Adobe PDF okviru koji će se otvoriti odaberite [Press Quality] u Preset padajućem izborniku koji se nalazi na vrhu okvira.

press qualitypress qualitypress quality

Kliknite na Marks and Bleeds postavku u meniju s lijeve strane prozora. Označite All Printer’s Marks i Use Document Bleed Settings. Kliknite OK da izradite PDF pripremljen za tisak. Možete ga poslati bilo kojoj profesionalnoj tiskari na printanje.

marks and bleedmarks and bleedmarks and bleed

Zaključak: Savjeti za Izradu Odlično Dizajniranih Flyera

Flyeri mogu biti mali ali ne i manje utjecajni. Dobro dizajniran flyer je cjenovno efektivan način da privučete entuzijastičku skupinu na vašu proslavu. U ovom tutorijalu ste izradili blagdanski flyer za uredsku zabavu koristeći Adobe softver i dobili neke korisne savjete i trikove za izradu efektvnih flyera. Sada znate kako:

  • Podesiti raspored (layout) flyera u Adobe InDesignu, i u slojevima izgraditi boje i gradijente za atraktivnu pozadinu.
  • Izraditi fenomenalne slike silueta koristeći Adobe Photoshop i Illustrator.
  • Upotrijebiti tekst za izradu zbijenog tipografskog dizajna.
  • Primijeniti teksturu za dodavanje završnog 'vintage' izgleda.

Za koju god prigodu bio, ovaj proces u četiri koraka je odlična baza za bilo koji flyer i garantira učinkovit rezultat svaki put.

Tražite predložak flyera za vaš sljedeći event? Pogledajte ponudu svečanih flyer dizajna na Graphic River-u. Sigurno ćete pronaći nešto po vašem ukusu!

pdf exportedpdf exportedpdf exported
One subscription.
Unlimited Downloads.
Get unlimited downloads