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

Kako u Photoshopu dizajnirati plakat alatom Liquify

by
Difficulty:BeginnerLength:MediumLanguages:

Croatian (Hrvatski) translation by Miroslava Ilić (you can also view the original English article)

Final product image
What You'll Be Creating

U ovom ćemo tutorijalu dizajnirati plakat primjenom alata Liquify kako bismo jednom klasičnom objektu u programu Adobe Photoshop dali digitalan pečat.

Više ideja za plakate i predloške letaka, flyer templates, možete pronaći na stranicama GraphicRiver.

Što je sve potrebno

Trebat ćete učitati i instalirati sljedeće datoteke za font i sliku:

Instalirajte font na računalo i spremni ste za rad!

1. Kako pripremiti sliku poprsja

1. korak

Otvorite sliku poprsja, bust photo u programu Photoshop.

Open the image in Photoshop

2. korak

Prije postavljanja na plakat uklonit ćemo pozadinu i koristiti samo poprsje koje je u fokusu. U panelu Layers duplirat ćemo pozadinski sloj, Background i pritisnuti kombinaciju tipki Command-J. Klikom na ikonu oka onemogućit ćemo vidljivost (Hide) originalnog sloja Background.

Duplicate layer and hide visibility of the original background layer

3. korak

Odaberite novi sloj u panelu Layers i klikom na dugme Vector Mask dodajte masku sloja, Layer Mask sloju Layer 1.

Create a layer mask over the duplicated image

4. korak

Označite Layer Mask i odaberite  Brush Tool (B). Odaberite crnu boju kao boju prednjeg plana (foreground color) i pobrišite kistom (brush) pozadinu slike.

Use the brush tool to paint over the background

5. korak

Sada kad smo pobrisali veći dio slike koristeći Brush Tool (B), možemo zumirati alatom Zoom in (Z) da povećamo detalje za precizniji rad.

Zoom in to work on the details

6. korak

Ukoliko je potrebno pritisnite kosu crtu (\) da se pojavi crvenkasti 'overlay' u masci sloja. Time provjeravamo jesmo li obrisali prave dijelove slike.

Use the backlash key to display a red overlay mask

7. korak

Obrežimo sada sliku koristeći Crop Tool (C) i izrežimo poprsje na odgovarajuću veličinu.

Crop the image to a manageable size

2. Kako otvoriti novi dokument, postaviti ravnala i duplirati slojeve

1. korak

U programu Photoshop odaberite File > New. Dokumentu dajte ime The Future of Philosophy i postavite Width za širinu na 1275 px i Height za visinu na 1650 px. Ja ću ovu kompoziciju koristiti kao 'online' promotivni materijal pa će razlučivost biti postavljena na 72 dpi s bijelom pozadinom, Background Contents White. Pritiskom na OK potvrdimo postavke dokumenta.

Create a new document

2. korak

Aktivirajte ravnala pritiskom na kombinaciju tipki Command-R. Ja kao mjernu jedinicu koristim 'inches', vi možete odabirom Photoshop > Preferences > Units and Rulers u prozoru Preferences postaviti neku drugu.

Activate rulers and change Units to Inches on Preferences if desired

3. korak

Klikom na ravnala povucite vodilice na stranicu. Ja sam svoje postavila na 1 'inch' udaljenosti na svakoj strani. Pritisnite tipku Shift dok povlačite vodilicu da dobijete jednaku udaljenost.

Create 1 inch margin guides by dragging from the rulers towards the page Hold Shift for even measurements

4. korak

Duplirajmo sloj s poprsjem i maskom sloja kao dokument Future of Philosophy na način da označimo sloj, zatim napravimo desni klik > Duplicate Layer. Pod As promijenimo ime u Bust (poprsje) i odaberemo Document > The Future of Philosophy. Pritisnimo OK za nastavak.

Duplicate bust layer

5. korak

Aktivirajmo Transform Tool (Command-T) da smanjimo sliku. Ja ostavljam otprilike 1 'inch' od gornje i donje margine. Vodilice možete sakriti pritiskom na kombinaciju tipki Command-;.

Resize bust image to margins

6. korak

Označite pozadinski sloj, aktivirajte Bucket Tool (G) i obojajte crnom bojom prednji plan.

Use color black and the paint bucket tool for the background

3. Kako koristiti 'Adjustment Layers'

1. korak

Slika ima žute tonove, i to ćemo morati promijeniti ako želimo postići futuristički efekt. U panelu Layers označite sloj s poprsjem, Bust Layer i odaberite Create New Fill or Adjustment Panel > Black & White. Time ćemo dodati sloj iznad slike, a sama slika neće poprimiti crno-bijeli efekt.

Create a new black white adjustment layer

2. korak

Otvorit će se panel Properties u kojem možemo podesiti boje koje su poprimile crno-bijeli ton. Svijetli tonovi, 'highlights' su prenaglašeni i izgubili smo nešto detalja, pa ćemo pomaknuti klizač za plavu boju nalijevo. Sada izgleda bolje!

Alter the properties panel to tweak black white shades

3. korak

Kako bismo dodatno naglasili futurističku notu slike dodat ćemo plavi 'premaz' (overlay). U panelu Layers klikom na dugme odaberite New Layer. Aktivirajte Bucket Tool (G), odaberite plavu boju za prednji plan upisom šifre #0030ff. Prebojajte sloj i postavite Blending Mode na Overlay.

Add a blue layer and set the blending mode to overlay

4. Kako koristiti Liquify Tool

1. korak

Označite sloj s poprsjem, Bust Layer i duplirajte ga pritiskom kombinacije tipki Command-J. Sakrijte originalan sloj klikom na ikonu oka u panelu slojeva i vratite se njegovoj kopiji.

Trebamo zadržati samo "maskiranu" sliku. Počnemo li odmah primjenjivati Liquify Tool vidjet ćemo samo rezultate na mjestima koje maska otkriva. Označite sloj s poprsjem i držeći tipku Command odaberite masku sloja, Layer Mask. Time ćemo selektirati samo dijelove koje nismo u početku sakrili.

Hold Command and select the Layer Mask of the duplicated layer

2. korak

Provjerite je li selektiran sloj s poprsjem, a ne maska sloja. Želimo obrisati trenutno neselektirano, pa trebamo obrnuti selekciju pritiskom kombinacije tipki Shift-Command-I i tipke Delete.

Press Shift-Command-I to select the opposite and delete

3. korak

Otkažite selekciju pritiskom tipki Command-D. Obrišite Layer Mask klikom na masku, desnim klikom > Delete Layer Mask.

Delete layer mask

4. korak

Odaberite Filter > Liquify (Shift-Command-X) i pojavit će se novi prozor s prikazom označenog sloja s poprsjem. Za ovu specifičnu sliku želimo kreirati digitalni "glitch" efekt.

Go to Filter Liquify to use the liquify tool

5. korak

Aktivirajmo Forward Warp (W). Na desnoj strani prozora možemo podešavati opcije alata, Tool Options. Budući da želimo napraviti mala iskrivljenja, možemo odabrati alat s ovim vrijednostima: Brush Size postaviti na 150, Brush Density na 100 i Brush Pressure na 50. Sada možemo alatom napraviti iskrivljenja. Slobodno eksperimentirajte s ostalim postavkama. Kad ste gotovi potvrdite postavke s OK.

Use the forward warp tool to create waves on the bust image

6. korak

Naša je slika skoro sasvim gotova. Kako bismo još više "digitalizirali" naše klasično poprsje možemo pojačati sjajnost i kontrast. Na dnu panela Layers klikom odaberite Create a New Fill or Adjustment Layer > Brightness/Contrast. Pojavit će se prozor s postavkama, Properties gdje možemo unijeti postavke za Brightness od -15 i Contrast od 70.

Tweak contrast and brightness with a new adjustment layer

5. Kako dodati tekst

1. korak

Kako bismo stvorili kontrast u odnosu na vodoravne linije koje smo napravili na poprsju, koristit ćemo vertikalno postavljen tekst. Pritisnite T na tipkovnici da dodate novi tekstni sloj i ostale detalje. Postavite font na Lato Regular, 75 pt u bijeloj boji i odaberite Underline u panelu Character da dodatno istaknete naslov. Ja sam također koristila dva tekstna okvira za naslov na plakatu. U prvi upišite "The Future od Digital Philosophy", a u drugi "A New Way of Thinking About Physics".

Press T to add a title to the pamphlet

2. korak

Označite oba ova okvira klikom na jedan, a zatim pritisnite tipku Shift i označite klikom drugi. Zarotirajte ih pritiskom kombinacije tipki Command-R uz istovremeni pritisak na tipku Shift za pravilnu rotaciju. Postavimo ih u lijevi kut donje margine.

Rotate the text by pressing Command-R

3. korak

Primijetit ćete da bijeli tekst neznatno odudara od  slike. Dodajmo gradijent da potamnimo poprsje. U panelu Layers označite plavi sloj i dodajte novi sloj.

Use the gradient tool to create a new layer with a gradient

4. korak

Aktivirajte Gradient Tool (G) u alatnoj traci. Postavite pozadinsku boju i boju prednjeg plana na crnu i bijelu. Povucite pokazivač miša od lijeve strane plakata prema sredini kako biste kreirali djelomični gradijent. Postavite Blending Mode za ovaj sloj na Multiply.

Use black on the left and white on the right side of the layer and set the blending mode to Multiply

5. korak

Dodajmo sada još neke detalje našem plakatu! Aktivirajte isti Text Tool kao i prije da dodate nove elemente koji će doprinijeti uvjerljivosti. Ja sam dodala datume i vrstu događanja u fontu veličine 46 pt. Kako bismo izbalansirali kompoziciju, tekst sam postavila nasuprot naslovu. Dodala sam i natuknice paralelno s poprsjem kako bih naglasila važnost događanja, te još jedan sloj s detaljima koristeći isti stil fonta, ali u veličini od 18 pt.

Add more details to the pamphlet with the Text Tool

6. Spremanje plakata za prikaz na mrežnoj stranici

Odaberite File > Save As kako biste spremili dokument kao .PSD za kasnije uređivanje. Za spremanje dokumenta manje rezolucije i prikaz na mrežnoj stranici odaberite File > Save for web (Shift-Option-Command-S) i spremite ga kao .JPEG. Ovdje možete podesiti kvalitetu slike i njezinu veličinu. Odaberite Save... i spremite dokument.

Save the poster for Web

Čestitam na završetku tutorijala!

Radili smo na razvoju nekih zanimljivih vještina izrade promotivnog materijala za društvene medije. Danas ste naučili:

  • očistiti sliku primjenom maski sloja
  • primijeniti slojeve 'adjustment' za suptilno modificiranje slike kojemu "nikad kraja"
  • koristiti alat Liquify za transformaciju i prikaz klasičnog objekta na digitalan način
  • oblikovati i postaviti tipografiju u interakciju sa slikom eksperimentirajući s različitim položajima i smjerovima.
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.