Belajar Membuat Bener Dengan Photoshop 7.0

Dalam tutorial ini, kita akan membuat banner sederhana untuk kanal YouTube menggunakan gambar stok dan perangkat asal di Adobe Photoshop.

Butuh bertambah banyak inspirasi? Lihat di YouTube Banners nan menakjubkan yang tersedia di GraphicRiver.

Mal-Khasanah Tutorial

Aset berikut digunakan selama pembuatan tutorial ini:

  • Latar Belakang
  • Stock 1
  • Stock 2
  • Stock 3
  • Stock 4

Bagaimana Kaidah Membuat Banner

Persiapan 1

Mulailah dengan menciptakan menjadikan sertifikat
2560 x 1440 px

di
Photoshop
dengan konfigurasi berikut. Atur
Background Fill Color
ke
#333333.

Setting a New Document
Setting a New Document
Setting a New Document

Ancang 2

Tambahkan latar belakang dan sesuaikan ukurannya. Kemudian
Rasterize
layer (right click> Rasterize layer) dan kemudian desaturate rangka (Shift-Command-U).

Placing the background in the canvas
Placing the background in the canvas
Placing the background in the canvas

Langkah 3

Sekarang tambahkan
Layer Mask

dari panel
Layers
dan terapkan
Radial Gradient
dengan
Gradient Tool (G) memperalat dandan hitam depan. Kemudian atur layer
Opacity
menjadi
80%.

Applying a mask with gradient fill
Applying a mask with gradient fill
Applying a mask with gradient fill

Anju 4

Mari untuk boks bakal menaruh stok gambar . Gambarlah persegi panjang dengan
Rectangle Tool (U) dan atur ketebalan
Stroke
menjadi
20 px; bakal pencantuman warna apapun.

Creating the first portrait with a rectangle
Creating the first portrait with a rectangle
Creating the first portrait with a rectangle

Persiapan 5

Terapkan
Turun Shadow
ke persegi panjang dengan menggunakan opsi
Blending, gunakan nilai berikut:

Setting the layer style of the rectangle
Setting the layer style of the rectangle
Setting the layer style of the rectangle

Langkah 6

Import
sediaan gambar pertama dan letakkan di atas rancangan persegi panjang.
Rasterize(Layer> Rasterize> Layer) dan kemudian desaturate layer (Shift-command-U).

Placing the first image stock in the portrait
Placing the first image stock in the portrait
Placing the first image stock in the portrait

Langkah 7

Sekarang buatlah
Clipping
Mask
dengan persegi pangkat di radiks ini (right click> Create Clipping Mask) untuk timbrung ke dalam boks.

Creating a clipping mask
Creating a clipping mask
Creating a clipping mask

Langkah 8

Gambarlah persegi panjang lain di sekitar bingkai dengan ketebalan
 1 px
Stroke
(#FFFFFF)
dan jangan diisi warna. Kemudian
Group
persegi pangkat, gambar dan bingkai (Command-G).

Adding final details in the portrait
Adding final details in the portrait
Adding final details in the portrait

Langkah 9

Bagi heksa- salinan potret (Command-J) dan tempatkan geladir gambar tandon di masing-masing potret. Kemudian
Rotate
dan tempatkan seperti yang ditunjukkan pada rancangan di bawah ini.

Pastikan untuk membingkai kerangka
dengan baik
di dalam kotak dan membuat desaturasi.

Duplicating portraits in the banner
Duplicating portraits in the banner
Duplicating portraits in the banner

Persiapan 10

Buat judul teks yang disebut “TRAVELCITY” dengan
Horizontal Type Tool (Tepi langit)
dan terapkan
Bold
ke kata “CITY“.

Adding a text title
Adding a text title
Adding a text title

Langkah 11

Ambil
Pen Tool (P)
dan gambarlah bingkai berformat
5 px
di sekeliling judul pustaka, biarkan pojok kanan atas terbuka. Kemudian gambar salib dengan ketebalan
Stroke
10 px.

Drawing a frame around of the text title
Drawing a frame around of the text title
Drawing a frame around of the text title

Awalan 12

Masa ini kita akan mewujudkan sketsa. Bagi melakukannya, cak bagi layer
Gradient
dari panel
Layers menggunakan rona hitam seperti depan, dan terapkan kekuasaan berikut.

Adding a vignette
Adding a vignette
Adding a vignette

Selamat! Kamu Telah Radu!

Dan itu dia! Kita telah mewujudkan spanduk bagi Saluran YouTube mu, cukup dan cepat. Saya harap kamu merasa penting dan memperalat apa yang kamu pelajari di sini cak bagi spanduk hari depanmu. Saya berharap cak bagi melihat hasilnya!

YouTube Banner Photoshop Tutorial
YouTube Banner Photoshop Tutorial
YouTube Banner Photoshop Tutorial

Source: https://design.tutsplus.com/id/tutorials/how-to-create-a-youtube-banner-in-adobe-photoshop–cms-28513