Cara buat banner youtube di photoshop

14/05/2017    Indah Puspitasari    17646    Desain

Youtube banner adalah salah satu desain yang dapat membuat saluran Youtube menjadi lebih keren dan menarik. Meskipun Anda tidak memiliki pengalaman dalam hal mendesain, Anda bisa mencobanya dengan cara yang mudah terlebih dahulu yang dapat menghasilkan desain yang sangat mengagumkan. Youtube banner ini sangatlah penting untuk selalu diperbaharui disetiap sampul saluran youtube Anda. Anda tidak perlu khawatir jika Anda tidak pernag memiliki pengalaman sedikitpun dengan hal yang berhubungan dengan desain Anda bisa menyesuaikan gambar, font dan warna yang Anda suka, dengan layout yang sudah ada atau yang sering digunakan.

Oke langsung saja disini saya akan berbagi tips dan trik cara membuat youtube banner di photoshop.

Langkah pertama yang harus disiapkan adalah gambar-gambar yang akan digunakan untuk banner web.

Kemudian setelah itu kita siapkan canvasnya terlebih dahulu, untuk ukuran canvas disini saya menggunakan 2560 x 1440 px.

Kemudian masukan gambar yang akan dijadikan untuk menjadi background kedalam canvas. Lalu gambar ini saya berikan effect black & white.

Langkah selanjutnya saya akan membuat kotak kecil untuk saya masukan gambar, jadi seolah-olah gambar ini mempunya frame. Buat kotak dengan menggunakan rectangle tool.

Kemudian masukan gambar kedalam canvas yang sama, kemudian layer rectangle dengan gambar secara berdekatan, untuk layer gambar dia selalu berada dipaling atas. Pada layer gambar teman-teman bisa klik kanan lalu pilih create clipping mask. Sehingga hasilnya akan jadi seperti ini. Lakukan langkah ini hingga sebanyak 6 gambar.

Lalu atur layout gambar yang telah di clipping mask tadi hingga jdi seperti ini.

Dan langkah terakhir disini teman-teman bisa berikan text, sesuai dengan tema youtube banner yang akan dibuat. Untuk membuat text bisa menggunakan type tool dan berikan kota diluat text tersebut dengan fill none dan stroke berwarna putih, untuk sudut bagian kanan silahkan bisa dihapus dengan menggunakan convert point tool.

Nah bagaimana cara membuat banner youtube ini, mudah bukan teman-teman. Sampai jumpa pada artikel yang selanjutnya ya. Selama mencoba dan semoga bermanfaat ya :)

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

Bagaimana cara membuat banner di photoshop?

Berapa ukuran pixel untuk banner YouTube?

Bagaimana cara membuat banner YouTube?

Ukuran banner YouTube berapa kali berapa?