Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Membuat Twitch Overlay dengan Photoshop


Menambahkan overlay dapat membuat siaran Twitch Anda lebih menarik dan menarik perhatian audiens Anda dengan lebih baik. Tapi bagaimana Anda membuatnya?





Hei! Saya Cara dan saya akan memberi tahu Anda bahwa, sekali lagi, Photoshop datang untuk menyelamatkan! Ikuti bersama dan saya akan menunjukkan cara membuat overlay Twitch dengan Photoshop!





Catatan singkat: tangkapan layar dalam tutorial di bawah ini didasarkan pada Photoshop CC untuk Windows, versi lain mungkin terlihat sedikit berbeda tetapi harus serupa.





Daftar isi

  • Merencanakan Twitch Overlay
  • Langkah 1: Buat Proyek Baru
  • Langkah 2: Buat Layer Baru untuk Windows
  • Langkah 3: Gambar Jendela
  • Langkah 4: Jadikan Jendela Transparan
  • Langkah 5: Tambahkan Windows Lainnya
  • Langkah 6: Tambahkan Teks
  • Langkah 7: Tambahkan Elemen Lainnya
  • Langkah 8: Menyimpan Hamparan Anda

Merencanakan Twitch Overlay





Sebelum Anda mulai mendesain, petakan elemen yang ingin Anda sertakan dalam overlay Anda. Kotak untuk streaming langsung adalah kuncinya, tentu saja, dan webcam yang menunjukkan wajah Anda juga merupakan ide yang bagus. Pengikut suka melihat reaksi Anda terhadap gameplay.





Hamparan lain yang mungkin Anda gunakan termasuk peringatan untuk menyambut pengikut baru atau tindakan lain, hamparan obrolan untuk diskusi, dan hamparan iklan untuk mempromosikan sponsor Anda.





Langkah 1: Buat Proyek Baru





Buka dokumen baru dengan pergi ke Mengajukan dan memilih Baru.  









Ukuran penting agar overlay Anda terlihat benar selama siaran Anda. Anda tidak ingin elemen Anda menumpuk atau terlihat tidak proporsional. Jadi pilih lebar 1920 piksel x tinggi 1080. Jika satuan ukuran adalah sesuatu yang lain, buka menu tarik-turun dan pilih piksel.









Di dekat bagian bawah, Anda dapat memilih warna latar belakang. Pilih dari opsi di menu tarik-turun atau klik contoh warna di sebelah kanan untuk membuka pemilih warna. Setelah Anda puas dengan warnanya, klik Membuat .









Jika Anda ingin lebih kreatif dengan warna latar belakang Anda, Anda dapat mengubahnya setelah membuat proyek Anda.





Saya akan menambahkan gradien dengan memilih Gradien lapisan penyesuaian. Buka menu ini dengan mengklik lingkaran setengah terisi di bagian bawah panel Layers.









Untuk melempar dengan cepat gradien , buka opsi prasetel dengan mengeklik panah di sebelah kanan contoh pratinjau gradien. Pilih salah satu gradien preset dari folder keluarga warna.









Pastikan untuk memilih sesuatu yang sesuai dengan tema game Anda.





Kiat profesional: Ambil tangkapan layar game dan buka di Photoshop. Ini akan membuat pencocokan warna lebih mudah dan membuat overlay Anda terlihat jauh lebih profesional.





Langkah 2: Buat Layer Baru untuk Windows





Sekarang Anda perlu menandai ke mana semuanya akan pergi. Anda memerlukan setidaknya jendela besar untuk streaming langsung dan yang lebih kecil untuk webcam Anda.





Buat layer baru sehingga Anda dapat menggambar di atasnya tanpa mengganggu layer latar belakang. Tekan ikon yang terlihat seperti tanda plus di dalam kotak di bagian bawah panel Layers.









Saya juga menyingkirkan lapisan latar belakang hitam karena kita tidak membutuhkannya. Cukup klik dan seret layer ke tempat sampah di kanan bawah panel Layers.





Langkah 3: Gambar Jendela





Sekarang pilih Tenda Persegi Panjang alat dari atas bilah alat di sebelah kiri.









Klik dan seret untuk menggambar persegi panjang di hamparan Anda. Agar game muncul dengan benar, tetap gunakan format layar lebar untuk ukurannya. Misalnya, 1280 x 720 piksel.









Garis semut berbaris hanyalah pilihan, kita membutuhkan garis yang sebenarnya. Klik kanan dalam seleksi dan pilih Pukulan dari menu.









Pilih warna dan lebar garis dari kotak yang terbuka. Memilih Di luar tombol sehingga garis berada di luar pilihan. Tekan Oke saat kamu bahagia.









Langkah 4: Jadikan Jendela Transparan





Jika Anda melakukan seperti yang saya lakukan dengan lapisan gradien, Anda harus melakukan rasterisasi pada lapisan latar belakang sebelum Anda dapat membuat kotak menjadi transparan. Klik kanan pada lapisan gradien dan pilih Rasterize Layer dari menu.









Tekan Menghapus atau Menghapus untuk menghapus latar belakang di dalam pilihan Anda. Tekan Ctrl + D atau Memerintah + D untuk menyingkirkan semut yang berbaris.









Langkah 5: Tambahkan Windows Lainnya





Pengikut ingin melihat reaksi Anda terhadap gameplay sehingga jendela webcam biasanya merupakan tambahan yang bagus. Anda dapat mengikuti langkah-langkah yang sama yang diuraikan dalam langkah 2 hingga 4 untuk membuat jendela transparan lainnya.





Ingat, Anda dapat menggunakan Tenda Elips alat sebagai gantinya untuk bentuk yang berbeda. Memegang Menggeser sambil menyeret keluar seleksi untuk membuat lingkaran sempurna.









Bagaimana jika Anda lebih suka menambahkan jendela obrolan? Tidak masalah! Gunakan teknik yang sama dengan Tenda Persegi Panjang alat untuk menggambar persegi panjang. Kali ini ketika kamu klik kanan pada bentuk, pilih Mengisi sebagai gantinya untuk mengisi bentuk dengan warna yang berbeda.









Pilih Warna dalam Isi kotak untuk membuka pemilih warna dan pilih warna yang Anda inginkan untuk latar belakang kotak obrolan Anda.









Tekan Ctrl + D atau Memerintah + D untuk membatalkan pilihan persegi panjang.









Langkah 6: Tambahkan Teks





Teks adalah elemen kunci untuk membuat pengikut Anda terlibat. Misalnya, Anda dapat menambahkan pesan yang mendorong mereka untuk ikut serta dalam diskusi atau mengundang mereka untuk berlangganan.





Untuk menambahkan teks, buka Tipe Horisontal atau Vertikal alat dari bilah alat atau tekan T pada keyboard.









Klik pada proyek Anda di mana Anda ingin menambahkan teks dan ketik apa yang ingin Anda katakan. Dalam Pilihan bar di bagian atas, Anda bisa ganti fontnya , ukuran, dan warna untuk menyesuaikan teks.









Untuk ide efek teks yang lebih keren dan cara membuatnya, lihat kami Bagian Tutorial Teks .









Langkah 7: Tambahkan Elemen Lainnya





Pada titik ini, Anda dapat menambahkan apa pun yang Anda inginkan untuk menyesuaikan tampilan overlay Anda. Ini termasuk media sosial dan logo saluran atau dekorasi lainnya, termasuk bentuk, gambar, dll yang sesuai dengan tema Anda.





Langkah 8: Menyimpan Hamparan Anda





Setelah Anda puas dengan overlay, Anda perlu menyimpan overlay Anda. Untuk menjaga transparansi, Anda harus simpan sebagai PNG .





Pergi ke Mengajukan dan pilih Simpan salinan .









Memilih PNG dari daftar dan beri nama overlay Anda sesuka Anda. Jika Anda ingin dapat membuat perubahan nanti, Anda harus menyimpan salinan lain sebagai file PSD.









Sekarang setelah Anda menjadi ahli di Twitch overlay, Anda dapat mempelajari cara membuat emot Twitch sendiri di sini!