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

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

by
Difficulty:BeginnerLength:LongLanguages:
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 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 document

Kliknite OK da napravite novi dokument.

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

6. korak

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

overlay
paper 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 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 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 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 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 copy

Idite na Select > Color Range.

color 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 range

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

levels

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 edge

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

smart radius

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

refine 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 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 edge

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

selection
refine 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.

levels

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 trace

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

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

ungroup

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 brush

Zatim idite na Object > Path > Outline Stroke.

outline 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 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 silhouette
white 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 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 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 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 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 frames
exclamation mark
final 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 along

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

white text
white 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 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.

location
location 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 panel

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

create outlines

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

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

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

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

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

date and day

7. korak

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

gold text

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

final text frames

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

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

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

new swatch

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

illustrator 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 layer

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

overlay

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 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 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 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 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 exported
Advertisement
Advertisement
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.