30-50% off hundreds of digital assets! WordPress themes, video, music and more 30-50% Off Go to Sale
Advertisement
  1. Design & Illustration
  2. Social Media
Design

Kako Izraditi YouTube Banner u Adobe Photoshopu

by
Difficulty:BeginnerLength:ShortLanguages:

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

Final product image
What You'll Be Creating

U ovom tutorialu ćemo izraditi jednostavan banner za YouTube kanal koristeći "stock" slike i osnovne alate u Adobe Photoshopu.

Tražite dodatnu inspiraciju? Pogledajte izvanredne YouTube Bannere dostupne na GraphicRiveru.

Resursi za Tutorial

Tijekom izrade ovog tutoriala korišteni su sljedeći resursi:

Kako Izraditi Banner

1. korak

Počnite izradom dokumenta, veličine 2560 x 1440 px u Photoshopu, sa sljedećom konfiguracijom. Podesite Background Fill Color u #333333.

Setting a New Document

2. korak

Dodajte pozadinu (Background) i prilagodite joj veličinu. Rasterizirajte sloj (desni klik > Rasterize layer) i nakon toga potpuno smanjite zasićenost slike (Shift-Command-U).

Placing the background in the canvas

3. korak

Sada dodajte Layer Mask iz Layers kartice i primijenite Radial Gradient koristeći Gradient Tool (G), upotrijebivši prednju crnu boju. Zatim podesite Opacity sloja u 80%.

Applying a mask with gradient fill

4. korak

Kreirajmo okvire koje ćemo smjestiti na slike. Nacrtajte pravokutnik koristeći Rectangle Tool (U) i podesite Stroke debljinu na 20 px; bilo koja boja ispune (Fill) će biti u redu.

Creating the first portrait with a rectangle

5. korak

Na pravokutnik primijenite Drop Shadow koristeći Blending postavke sa sljedećim vrijednostima:

Setting the layer style of the rectangle

6.korak

Importirajte prvu "stock" sliku i smjestite je preko pravokutnika. Rasterizirajte sliku (Layer > Rasterize > Layer) i zatim do kraja smanjite zasićenost sloja (Shift-command-U).

Placing the first image stock in the portrait

7. korak

Sada kreirajte Clipping Mask sa pravokutnikom ispod (desni klik > Create Clipping Mask) da uđete u okvir.

Creating a clipping mask

8. korak

Nacrtajte još jedan pravokutnik oko okvira sa Stroke linijom debljine 1 px, (#FFFFFF) i bez boje ispune. Zatim grupirajte zajedno pravokutnik, sliku i okvir (Command-G).

Adding final details in the portrait

9. korak

Napravite čest kopija portreta (Command-J) i smjestite ostatak "stock" slika u svaki od portreta. Zatim ih rotirajte i smjestite kao što je prikazano ispod na slici.

Pripazite da dobro uokvirite slike i uklonite im zasićenost.

Duplicating portraits in the banner

10. korak

Kreirajte tekst za naslov “TRAVELCITY” koristeći Horizontal Type Tool (T) i primijenite Bold na riječ "CITY".

Adding a text title

11. korak

Uzmite Pen Tool (P) i nacrtajte okvir debljine 5 px oko naslovnog teksta, ostavljajući otvoreni gornji desni kut. Zatim nacrtajte križić sa Stroke debljinom od 10 px.

Drawing a frame around of the text title

12. korak

Sada ćemo izraditi vinjetu. Kreirajte Gradient sloj iz Layers kartice koristeći prednju crnu boju, i primijenite sljedeće postavke.

Adding a vignette

Čestitam! Završili Ste!

I to je to! Jednostavno i lako smo kreirali banner za YouTube kanal. Nadam se da da vam je tutorial bio koristan i da ćete ono što ste naučili upotrijebiti na svojim budućim bannerima. Nadam se da ću vidjeti vaše rezultate!

YouTube Banner Photoshop Tutorial

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.