Cara Membuat Banner Youtube Keren Dengan Photoshop
Hai sobat, pada tutorial klikphotoshop kali ini kita akan membuat banner youtube keren dengan photoshop. Youtube adalah sebuah platform online untuk berbagi video, dan merupakan terbesar kedua setelah google di dalam dalam mesin pencari. Hampir 1 juta orang perhari melihat platform yang satu ini, dan itu semakin menegaskan betapa populernya youtube.
Bagi para youtuber, Header/Banner sudah tidak asing lagi, karena menjadi identitas informasi dari channel yang kita buat. Maka, Banner ini biasanya di desain menarik dan informatif, agar menarik orang yang berkunjung. Oke, sekarang bagaimana membuat banner youtube yang aman dan tidak terpotong!, agar dapat terlihat pada semua perangkat Seluler, Tv, maupun layar Dekstop. Ok sob pada tutorial ini, saya akan membuat channel banner youtube untuk photographer keren menggunakan adobe photoshop CS6.
Bahan yang saya gunakan untuk membuat tutorial ini:
- Stok gambar 1
- Stok gambar 2
- Font Futura
Cara Membuat Banner Youtube keren Dengan Photoshop
1. Buat Ukuran Spanduk / Banner Youtube
Langkah 1
Buat dokumen baru, pergi ke menu File di atas layar dan pilih New. Ini akan membuka kotak dialog New Dokumen baru photoshop, lalu atur Tinggi di 2560 px dan Lebar 1440 px:
Langkah 2
Buka gambar stok kita yang pertama, foto inilah yang nantinya akan kita buat sebagai Background. Lalu seret gambar ke dalam kanvas:
Lalu ubah gambar menjadi abu-abu. Dengan pergi ke menu Image di atas Layar pilih Adjustments kemudian pilih lagi Desaturate atau dengan cara pintas Shift+Ctrl+U (Win) / Shift+Command+U (Mac):
Langkah 3
Buat ukuran yang pertama untuk lebar maksimum Banner Youtube, ini adalah area aman dan akan selalu terlihat pada layar apa saja (tergantung ukuran pada browser area sisi terlihat atau terpotong). Untuk itu, kita akan menggunakan Shape photoshop, pergi ke kotak alat dan pilih Rectangle Tool. Kemudian klik pada area mana saja di dalam kanvas, lalu atur Lebar ke 2560 px dan Tinggi ke 423 px:
Kemudian atur posisi agar shape tepat center di tengah. Pergi ke menu Edit di atas layar lalu pilih Free Transform atau dengan pintasan keyboard Ctrl+T (Win) / Command+T (Mac):
Lalu kita ke panel layers. Dengan lapisan Rectangle yang di pilih, pergi ke sudut kanan atas pada palet layer dan turunkan nilai Opacity sekitar 50%:
Setelah kita turunkan nilai opasitasnya, lihat lapisan Rectangle sedikit samar-samar atau tembus ke lapisan background kita:
Langkah 4
Tambahkan area minimun untuk meletakkan tulisan maupun logo. Ukuran ini sangat aman untuk Mobile Dekstop maupun Tablet. Kemudian dengan cara yang sama seperti langkah 3, pergi ke kotak alat dan pilih Rectangle Tool. Klik di dalam kanvas, lalu atur Lebar ke 1546 px dan Tinggi di 423 px:
Pastikan shape tepat di tengah-tengah di dalam kanvas. Lalu buat garis bantu, pergi kemenu View di atas layar dan pilih Rulers, kemudian tarik penggaris ke kanan dan kiri pada lapisan shape yang sebelumnya kita buat. Setelah itu hapus Rectangle, karena kita akan bekerja dengan garis bantu saja:
2. Tambahkan Beberapa Grafis Sederhana
Langkah 1
Tambahkan grafis sederhana apa saja sesuai selera sobat. Di sini saya akan menggambar dengan Pen Tool photoshop. Pergi ke kotak alat di sebelah kiri jendela dokumen dan pilih Pen Tool:
Saya hanya akan melukis dua buah sebuah segitiga tak beraturan di sekitar tengah kanvas, tambahkan sesuai selera:
Kemudian ke panel layers. Pilih kedua lapisan Shape, dan ubah Blending Mode di sebelah kiri dari palet layer dari mode default Normal ke mode Overlay. Lalu turunkan nilai Opacity sekitar 40%:
Langkah 2
selanjutnya tambahkan lingakan. Pergi ke kotak alat dan kali ini pilih Ellipse Tool, Dan lukis di sekitar garis aman sebelah kiri:
Langkah 3
Buka gambar stok yang kedua. Kemudian seret gambar ke dalam kanvas:
Kemudian pilih lapisan gambar di dalam palet layer. Lalu klik kanan pada mouse dan pilih Create Clipping Mask:
Ini akan memasukkan gambar ke lepisan yang ada di bawahnya/ masuk ke dalam lingkaran. Kemudian atur besar kecil dan posisi menggunakan Free Transform photoshop, dengan pintasan keyboard CTRL+T (Win) / Command+T (Mac):
3. Tambahkan Beberapa Tulisan dan Ikon Media Sosial
Langkah 1
Untuk menambah teks, kita pergi ke kotak alat di sebelah kiri jendela dokumen, lalu pilih alat Type Tool:
Kemudian pilih font yang sobat ingin gunakan di bagian atas Opsi, di sini saya akan menggunkan font Futura Bold untuk teks pertama saya:
Langkah 2
Lalu ketik tulisan di dalam kanvas yang ingin sobat tulis, pertama saya akan mengetik "ART" tepat di samping kanan gambar. Dengan kode warna tulisan #c7a687:
Tulisan kedua saya akan mengetik "Photography", kali menggunakan Font Futura Medium dan atur rata tengah di bawah tulisan pertama:
Lalu teks ketiga saya adalah Channel, dengan warna putih dengan Font Futura Light:
Langkah 3
Tambahkan ikon media sosial, seperti Facebook, Twitter, Instagram atau Website sobat. pergi ke kotak alat dan pilih Custom Shape Tool:
Kemudian pilih ikon yang ingin sobat tampilkan pada banner di atas bagian Opsi Shape. Sebelumnya saya download dari www.shapesfree.com:
Lalu atur posisi sesuai selera, yang terpenting tetap di area aman untuk menampilaknnya. Jika sudah selesai, kita matikan garis bantu kita dengan Menekan Ctrl+H (Win) / Command+H (Mac):
Dengan begitu sobat berhasil! dan telah selesai membuat banner youtube keren channel photography kreasi sendiri. Inilah hasil akhirnya, Selamat! mencoba.
Ok sobat, demikianlah tutorial kali ini tentang cara membuat banner Youtube keren dengan photoshop. Terimakasih telah berkunjung, semoga bermanfaat dan sampai bertemu lagi pada tutorial klikphotoshop yang lainnya.
Untuk referensi gambar atau foto gratis keren untuk kebutuhan website sobat, silahkan kunjungi saya di pixabay.com . Terimakasih