1. envato-tuts+
  2. Home
  3. Design & Illustration
  4. Graphic Templates
  5. Poster

Kako u Adobe Photoshopu kreirati plakat za baletnu predstavu sa zrakastim svjetlosnim efektom

Scroll to top
Laura Keung
Read Time: 9 min
This post is part of a series called German Week.
How to Create an Oktoberfest Illustration in Adobe Illustrator

() translation by (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Ovaj tjedan posvećujemo Njemačkoj, njemačkom jeziku i kulturi obilježavajući pokretanje njemačke verzije stranice Envato Elements!

U ovom ćemo tutorijalu naučiti kako kombinirati različite filtere u Photoshopu za kreiranje suvremenog plakata. Kombinirat ćemo dva stila, moderan svjetlosni efekt i sliku plesačice klasičnog baleta.

Najbolji dio ovog tutorijala? Svaki je rezultat drugačiji, zato svakako pošaljite svoje radove u komentarima!

Što je potrebno

Učitajte sliku, instalirajte font i spremni ste za rad!

1. Kako postaviti novu datoteku u Photoshopu

1. korak

U programu Photoshop odaberite File > New. Dokumentu dajte ime Dance Poster. Postavite Width na 1270 px i Height na 1600 px. Postavite Resolution na 72 Pixels/Inch. Potvrdite s OK.

Create a new PS fileCreate a new PS fileCreate a new PS file

2. korak

U panelu Layers klikom odaberite Create a New Fill or Adjustment Layer > Solid Color. U prozoru Color Picker postavite crnu boju, Black #000000. Potvrdite s OK.

Add a black Solid Color Adjustment LayerAdd a black Solid Color Adjustment LayerAdd a black Solid Color Adjustment Layer

3. korak

Odaberite View > New Guide. U prozoru New Guide odaberite Horizontal i postavite vodilicu na 70 px. Potvrdite s OK.

Ponovite postupak i za preostale strane dokumenta oduzimajući 70 px od konačne veličine. Za prikaz i sakrivanje vodilica pritisnite Command-;. Sakrijmo zasad vodilice dok ih ne budemo trebali.

Create guides on the documentCreate guides on the documentCreate guides on the document

2. Kako napraviti efekte pozadinskog osvjetljenja 

1. korak

U panelu Layers napravite novi sloj pritiskom Shift-Command-N na tipkovnici. U prozoru New Layer sloju dajte ime Light Effects 1. Potvrdite s OK.

Create a new layerCreate a new layerCreate a new layer

2. korak

Kako bismo dobili šareni svjetlosni efekt ispunit ćemo stranicu bojom. U panelu Tools odaberite Brush Tool (B). Nakon desnog klika na stranicu promijenite postavke. Postavite Brush Size na 400 px i Hardness na 0%.

Right click to set the brush toolRight click to set the brush toolRight click to set the brush tool

3. korak

Koristeći dolje prikazane boje  (ili boje po izboru) prijeđite kistom preko stranice.

  • Red: #ff0909
  • Purple: #b201c8
  • Green: #00ffa2
  • Blue: #2a00ff
Using the brush tool fill the page with colorsUsing the brush tool fill the page with colorsUsing the brush tool fill the page with colors

4. korak

Odaberite Filter > Liquify. U prozoru opcija Liquify odaberite Twirl Clockwise Tool (C). Pod Tool Options postavite Brush Size na 500, Brush Density na 100, Brush Pressure na 75 i Brush Rate na 100. Ne ustručavajte se iskušavati i postavke po svom izboru.

Prijeđite kistom preko stranice dok ne izmiješate boje, po želji.

Ako ste uvukli rubove, odaberite Forward Warp Tool (W). Primjenom gore navedenih postavki povucite boje da prekriju praznine. Potvrdite s OK.

Primijetit ćete da su se negdje pojavila transparentna mjesta. To nije problem jer će dizajnu dati dojam spontanosti.

Apply the liquify filter Apply the liquify filter Apply the liquify filter

5. korak

Odaberite Filter > Pixelate > Color Halftone. U prozoru opcija Color Halftone postavite Max Radius na 8 pixels i Screen Angles na:

  • Channel 1: 108
  • Channel 2: 162
  • Channel 3: 90
  • Channel 4: 45

Potvrdite s OK.

Appply the Pixelate filterAppply the Pixelate filterAppply the Pixelate filter

6. korak

Odaberite Filter > Blur > Motion Blur. U prozoru Motion Blur postavite Angle na 90˚ i Distance na 2000 Pixels.

Jednom kad ovladate ovom cjelinom kreirat ćete svjetlosne efekte kao od šale. Ponovit ćemo postupak nekoliko puta u sljedećim koracima da postignemo dojam dubine i prirodnosti.

Apply the Motion blur filterApply the Motion blur filterApply the Motion blur filter

7. korak

Sada kad imamo sloj Lights Effect 1 počet ćemo s uređivanjem. U panelu Layers za početak smanjite Opacity na 40%.

Selektirajte ovaj sloj i pritisnite dugme Layer Mask. Odaberite Brush Tool (B) u panelu Tools. Istim kistom kao i dosad prijeđite preko sloja. Zapamtite da možete napraviti i po svome...

Add a layer mask to the light effect layerAdd a layer mask to the light effect layerAdd a layer mask to the light effect layer

3. Kako napraviti zrakasti svjetlosni efekt 

1. korak

U panelu Layers napravite novi sloj i dajte mu ime, Name Light Streaks 1. U panelu Tools odaberite Brush Tool (B). Postavite Brush Size na 400 px i Hardness na 0%. Ispunite stranicu različitim bojama, po svome.

Odaberite Filter > Liquify da izmiješate boje. Odaberite zatim Filter > Pixelate > Color da ove boje konvertirate u točke. Na kraju odaberite opciju Filter > Blur > Motion Blur da napravite vertikalne linije.

Repeat steps 1 to 6 from the previous main step 2Repeat steps 1 to 6 from the previous main step 2Repeat steps 1 to 6 from the previous main step 2

2. korak

U panelu Layers dodajte Layer Mask sloju Light Streak 1 klikom na dugme Layer Mask. Selektirajte Layer Mask i invertirajte pritiskom Command-I na tipkovnici.

Odsad nadalje radit ćemo u masci sloja, Layer Mask.

Add a layer mask to the new light streak layerAdd a layer mask to the new light streak layerAdd a layer mask to the new light streak layer

3. korak

U panelu Tools odaberite Brush Tool (B), napravite desni klik na stranicu da promijenite postavke. Ovaj put postavite Brush Size na 30 px. Ne mora biti točno, važno da je manje veličine.

Postavite bijelu boju prednjeg plana i prijeđite kistom preko stranice u tankim potezima da otkrijete dijelove obojenog sloja. Savjetujem samo nekoliko poteza jer želimo nasumice kreirati pruge.

Using the brush tool reveal small parts of the layerUsing the brush tool reveal small parts of the layerUsing the brush tool reveal small parts of the layer

4. korak

Odaberite Filter > Blur > Motion Blur. U prozoru Motion Blur postavite Distance na 375 pixels. Slobodno isprobajte i druge postavke. Potvrdite s OK.

Primijetite da primjenjujemo Motion Blur u masci sloja, Layer Mask.

Use the Motion blur tool on the layer maskUse the Motion blur tool on the layer maskUse the Motion blur tool on the layer mask

5. korak

Ako niste zadovoljni bojama i želite ih promijeniti ne morate postaviti novi sloj.

U panelu Layers klikom odaberite dugme Create a new fill or adjustment layer i odaberite Hue/Saturation. Iznad ostalih slojeva bit će dodan novi sloj.

Želite li promijeniti samo boju sljedećeg sloja dodajte Clipping Mask. Zadržite Option i postavite pokazivač miša između dvije ikone sloja. Pojavit će se ikona kvadratnog oblika sa strelicom koja je usmjerena dolje. Klikom kreirate Clipping Mask.

Create an adjustment layer and clip it to the subsequent layer to change the colorCreate an adjustment layer and clip it to the subsequent layer to change the colorCreate an adjustment layer and clip it to the subsequent layer to change the color

6. korak

U panelu Properties pomaknite klizač Hue za promjenu boje. Ja sam ga postavila na +48 da djeluje skladno. Postavila sam i Saturation na +70 i Lightness na +20.

Change the hue on the Properties panel by moving the sliderChange the hue on the Properties panel by moving the sliderChange the hue on the Properties panel by moving the slider

7. korak

U panelu Layers napravite novi sloj i dajte mu ime Ballerina Background. U panelu Tools odaberite Brush Tool (B). Postavite Brush Size na 400 px i Hardness na 0%. Stranicu ispunite različitim bojama.

Odaberite Filter > Liquify da izmiješate boje. Odaberite zatim Filter > Pixelate > Color da konvertirate ove boje u točke. Na kraju odaberite opciju Filter > Blur > Motion Blur da napravite vertikalne linije.

Repeat Step 1 to Step 6 from the previous main step 2 Repeat Step 1 to Step 6 from the previous main step 2 Repeat Step 1 to Step 6 from the previous main step 2

8. korak

U panelu Tools odaberite Ellipse Tool (U). Zadržite tipke Shift-Option i razvucite krug preko stranice. Zadržavajući obje tipke napravit ćete srazmjeran krug iz njegovog središta.

U panelu Options klikom odaberite dugme Link shape width and height. Postavite Size na 850 px. Ovdje promijenite Fill na Black.

9. korak

U panelu Layers smjestite sloj s krugom ispod sloja Ballerina Background. Napravite Clipping Mask na način da zadržite tipku Option i napravite klik.

Primijetit ćete da je moguće pomicati sloj Ballerina Background unutar kruga. Ovo je korisno ako želite osvijetliti neki određeni dio.

Kako biste postavili krug u središte stranice provjerite jeste li na sloju Ellipse 1. Odaberite Rectangular Marquee Tool (M), napravite klik i povucite da selektirate cijelu stranicu. Odaberite Move Tool (V). U panelu Options odaberite dugmad Vertical Align Center i Horizontal Align Center. Za otkazivanje selekcije stranice pritisnite Command-D.

Ne izgleda li boja dobro u ovoj fazi, dodajte Hue/Saturation adjustment layer. Ne zaboravite napraviti Clipping Mask na sloju Ballerina Background zadržavanjem tipke Option i klikom.

10. korak

Poradimo sada na završnim detaljima samog kruga. Izgleda li krug presvijetao možete poput mene dodati tzv. "buffer" sloj.

Pritisnite Shift-Command-N da dodate novi sloj i dajte mu ime Buffer. Odaberite  Brush Tool (B) i postavite crnu boju prednjeg plana. Napravite desni klik da promijenite postavke kista i postavite veličinu na veličinu kruga koji smo napravili. Namjestite Hardness na 0.

Kliknite na krug triput ne pomičući kist. U panelu Layers smanjite Opacity na 30%.

4. Kako dodati tekst

U panelu Tools odaberite Text Tool (T). Ja sam koristila bijeli tekst kao kontrast pozadini.

Font koji sam koristila je  RNS Sanz sa stranice Envato Elements. To je jasan i neutralan font, savršen za moderan plakat.

Otvorite panel Character odabirom Type > Panels > Character Panel. Dolje su detaljne informacije koje sam dodala uz veličinu i stil fonta. Svaka je natuknica jedan sloj. Primijenite vodilice koje smo prethodno napravili za poravnanje teksta.

  • BALLETT SHOW: (RNS Sanz, Normal. Size je 60 pt, Tracking 50 pt)TANZENDE LICHTER (RNS Sanz, ExtraBold. Size je 153 pt, Leading 130 pt, Tracking -10 pt)
  • +49 847 1029 490
    DEUTSCHESBALLETT.COM
    (RNS Sanz, Normal. Size je 25 pt, Leading Auto, Tracking 120 pt)
  • 20—25.09.2018
    OPERAHOUSE
    (RNS Sanz, Normal. Size je 60 pt, Leading Auto, Tracking 50 pt)

Primijetit ćete da sam koristila različite veličine fonta i razmake između znakova, veće za broj telefona i mrežnu stranicu na vrhu. Riječi je teže čitati kad je font manje veličine. Za bolju čitljivost korisno je dodati razmake kako bi slova bilo lakše raspoznati.

5. Kako očistiti sliku balerine

1. korak

Povucite sliku pod nazivom Dancer photo sa stranice Envato Elements u svoj dokument u Photoshopu. U panelu Options aktivirajte dugme Maintain Aspect Ratio. Postavite Width ili Height na 220%. Pritisnite Enter.

Drag the dancer image onto the Photoshop documentDrag the dancer image onto the Photoshop documentDrag the dancer image onto the Photoshop document

2. korak

U panelu Tools odaberite Magic Wand Tool (W) i klikom na tamnu pozadinu slike s balerinom napravite selekciju. Zadržite Shift da dodate selekciji prostor između balerinine ruke i noge.

Uz još aktivnu selekciju odaberite panel Layers. Klikom na dugme Vector Mask napravite masku selekcije. Pritisnite Command-I da invertirate selekciju.

Add a Layer Mask and using the Magic Wand Tool clean up the dancer layerAdd a Layer Mask and using the Magic Wand Tool clean up the dancer layerAdd a Layer Mask and using the Magic Wand Tool clean up the dancer layer

3. korak

Poradimo sad malo na detaljima. Koristeći Move Tool (V) pomaknite balerinu u središte kruga.

Primijenite Brush Tool (B) da očistite sliku. Postavite crnu boju prednjeg plana i bijelu boju pozadine. Možete ih zamijeniti pritiskom tipke (X).

Napravite desni klik da postavite Hardness kista na 100%. Veličinu možemo povećati pritiskom na ([) ili smanjiti pritiskom na ([).

Pobrišite zastor pri vrhu ako je potrebno. Da očistim dio kose koristila sam crnu boju prednjeg plana i postavila Size kista na 25 px. Ja sam se riješila nepotrebnih dijelova poput kose koja pada po vratu, a kako bi slika bila jasnija. Slično sam napravila i s vlasima kose koje strše na vrhu glave.

Kako bismo otkrili dijelove konjskog repića koji su izbrisani postavite bijelu boju prednjeg plana pritiskom na (X). Prijeđite kistom preko kose.

Clean up the hair on the layer maskClean up the hair on the layer maskClean up the hair on the layer mask

4. korak

Za preciznije čišćenje kose možemo koristiti Refine Mask. U panelu Layers napravite desni klik na Vector Mask > Refine Mask. U prozoru s opcijama postavite Feather na 1.5 px, Contrast na 10% i Shift Edge na -35%. Pritisnite OK.

Opcija Feather će zagladiti rubove selekcije. Opcija Contrast će postaviti jači kontrast na rubu selekcije. Shift Edge će suziti ili proširiti selekciju.

Use the Refine Mask option to soften the edges on the dancerUse the Refine Mask option to soften the edges on the dancerUse the Refine Mask option to soften the edges on the dancer

5. korak

Dodajmo sad crno-bijeli sloj prilagodbe. U panelu Layers klikom odaberite Create new fill or adjustment layer > Black & White. Zadržite tipku Option i napravite klik da postavite Clipping Mask na sloju s balerinom.

U panelu Properties namjestite boje da dodate jači kontrast ili ublažite sliku.

Add a black and white adjustment layer and clip it to the dancer layerAdd a black and white adjustment layer and clip it to the dancer layerAdd a black and white adjustment layer and clip it to the dancer layer

6. korak

Na kraju ćemo još dodati sjenu balerini da stvorimo dojam dubine. U panelu Layers napravite desni klik na sloj s balerinom i odaberite Blending Options. U prozoru s opcijama Layer Style označite opciju Drop Shadow.

Postavite Blend Mode na Multiply, Opacity na 25%, Angle na 120, Distance na 5 px, Size na 40 px, i odaberite Half Round za opciju Contour. Potvrdite s OK.

Add a drop shadow to the dancer layer to create dimensionAdd a drop shadow to the dancer layer to create dimensionAdd a drop shadow to the dancer layer to create dimension

7. korak

Želite li prilagoditi boje ili dodati kontrast, savjetujem primjenu opcije Create new fill or adjustment layer. Time ćete uvelike uštedjeti vrijeme.

Feel free to add new adjustment layers to add contrast or change colors on the posterFeel free to add new adjustment layers to add contrast or change colors on the posterFeel free to add new adjustment layers to add contrast or change colors on the poster

6. Kako spremiti datoteku za prikaz na mrežnoj stranici

Odaberite File > Save i spremite datoteku kao i obično.

Kako biste spremili datoteku kao JPEG za mrežnu stranicu odaberite File > Save for Web ili Shift-Option-Command-S. Odaberite format datoteke (ja sam odabrala JPEG i postavila 100 pod Quality). Pod Image Size možete promijeniti veličinu u pikselima ako je potrebno.

Na dnu s lijeve strane možete vidjeti veličinu datoteke. Ovo je korisno ako postoji ograničenje veličine na mrežnoj stranici i ako trebate smanjiti kvalitetu ili veličinu slike.

Klikom na Save... odaberite lokaciju u novom prozoru, zatim ponovo klikom odaberite Save.

Save the file for webSave the file for webSave the file for web

Čestitam! Priveli ste tutorijal kraju!

U ovom smo tutorijalu napravili plakat velikog kontrasta. Kontrast nije izražen samo bojama već i temama. Zabavno je što će svatko od vas imati neznatno drugačiji rezultat. Zato svakako pošaljite svoj plakat uz komentar na kraju stranice.

Danas smo naučili:

  • kombinirati različite filtere u Photoshopu: Liquify, Pixelate i Motion Blur
  • uspješno koristiti maske sloja s fotografijama i vektorima
  • koristiti Clipping Masks i Adjustment Layers.

Ako vam se svidio ovaj tutorijal, možda vam se svide i sljedeći:

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Laura Keung
Laura Keung
Brand and Editorial Designer / Munich, Germany
Laura is a design writer, design mentor, and entrepreneur leading Laura Keung Studio, currently based in Munich, Germany. She had her first design client during her first year of university and since then she fell in love with the design process. Laura studied at the Ontario College of Art and Design University in Toronto before interning at renowned studios in Canada and Austria. With 12 years of experience in the design industry, Laura leads her own design studio and collaborates with other creatives on branding and editorial design projects.
One subscription. Unlimited Downloads.
Get unlimited downloads
Advertisement