Cara Membuat Overlay Twitch Menggunakan Photoshop

Cara Membuat Overlay Twitch Menggunakan Photoshop

Twitch telah mengubah wajah permainan dalam beberapa tahun terakhir, dengan streamer Twitch teratas menghasilkan banyak wang bermain permainan kegemaran mereka. Bagi banyak penonton, Twitch seperti bentuk media sosial yang baru, dan walaupun terdapat perubahan baru-baru ini terhadap peraturan Twitch, popularitinya lebih tinggi daripada sebelumnya.





Sekiranya anda ingin menjana wang, anda perlu membina penonton yang besar di Twitch , dan bahagian penting dari itu menjadikan aliran anda kelihatan profesional.





Dalam artikel ini, kami akan menunjukkan cara membuat yang mudah Hamparan berkedut menggunakan Photoshop. Walaupun overlay ini adalah untuk Minecraft, ia boleh diubah suai untuk berfungsi dengan permainan lain. Dan ia juga akan berfungsi dengan sempurna untuk streaming di YouTube Gaming atau bahkan Mixer, alternatif Microsoft untuk Twitch.





Bermula

Sebelum memulakan, mari kita lihat apa yang akan kita selesaikan hari ini:

Segala-galanya dalam tutorial ini agak mudah, tetapi jika anda baru menggunakan Photoshop, ada baiknya membaca tutorial lapisan Photoshop kami terlebih dahulu. Sekiranya anda mencari alternatif percuma untuk Photoshop, GIMP sangat hebat.



Sekiranya anda ingin membuat overlay Twitch tanpa menggunakan Photoshop, projek ini dapat dilakukan sepenuhnya di GIMP. Kerana alat yang akan anda gunakan akan sedikit berbeza, saya sarankan anda membaca kami panduan untuk GIMP pertama.

Dengan itu, mari kita lihat bagaimana membuat overlay Twitch dengan Photoshop.





Membuat Kanvas

Untuk mula membuat overlay, buka Photoshop dan buat gambar baru dengan ukuran yang sama dengan resolusi skrin anda.

Sekarang kita mempunyai dokumen kosong, kita memerlukan panduan untuk membina overlay kita. Saya cadangkan mengambil tangkapan skrin permainan yang anda pilih dan memuatkannya ke Photoshop dengan mengklik Fail & Tempat dan memilih gambar anda. Peregangkan gambar ke ukuran kanvas sepenuhnya. Sekarang kita boleh mula membuat elemen overlay kita.





Menambah Bar Teratas

Buat lapisan baru dan beri nama Sepanduk Teratas . Pilih Alat Segi Empat dari menu sebelah kiri. Pada menu yang sama, buka pemilih warna dan pilih warna latar belakang anda.

Sekarang klik dan seret ke bahagian atas lapisan baru anda untuk membuat sepanduk teratas. Jangan bimbang jika anda bertindih di tepi kanvas, segi empat tepat harus dipasang di sebelahnya.

Sekarang, untuk memberikan sempadan segi empat tepat ini, klik kanan pada lapisan dan pilih Pilihan Pengadunan . Pilih Pukulan dari menu yang muncul, dan tetapkan lebar dan warna goresan pada yang sesuai untuk anda. Dalam kes ini, lebar 10px dengan warna merah gelap kelihatan baik. Klik OK, dan pilih lapisan anda. Hidupkan alat bergerak dengan menekan huruf V dan gerakkan sepanduk atas ke atas sehingga mempunyai ruang yang cukup untuk menambahkan teks kemudian, tetapi tidak mengaburkan terlalu banyak skrin permainan.

Akhirnya, pilih lapisan sepanduk atas, dan turunkan kelegapannya menjadi sekitar 75 peratus. Ini akan membolehkan permainan menunjukkan sedikit dan memberikan kesan yang lebih dinamik.

Anda telah membuat permulaan yang baik, dan anda boleh menggunakan apa yang telah anda buat setakat ini untuk membuat dua sepanduk bawah.

Sepanduk Bawah

Daripada melakukan kerja yang sama lagi untuk sepanduk bawah ini, cukup klik kanan Sepanduk Teratas dan pilih Gandakan Lapisan . Namakan lapisan baru ini Bawah Kanan dan menggunakan Alihkan Alat ( V pada papan kekunci), gerakkannya ke kanan bawah skrin anda. Pastikan tidak bertindih dengan bar alat dalam permainan, dan gunakan Ctrl kunci sambil menyeret untuk meletakkannya dengan lebih tepat.

Untuk membuat bar kiri bawah, ikuti kaedah yang sama seperti di atas, dan gerakkannya ke kiri bawah skrin. Hamparan asas kami kini selesai, jadi kami dapat menambahkan bingkai untuk kamera kami.

Rangka Kamera

Buat lapisan baru, dan namakannya Rangka . Pilih Alat Segi Empat sekali lagi, dan buat petak sempurna dengan menahan Pergeseran kekunci sambil menyeret kursor tetikus. Jangan bimbang tentang warna kotak, kami akan menyingkirkan pengisiannya kemudian.

Untuk membuat bingkai, klik kanan pada lapisan, dan pilih Pilihan Pengadunan . Pilih Pukulan tetapi kali ini pilih Batin daripada Kedudukan menu drop down, untuk membuat bingkai masuk ke alun-alun daripada diletakkan di luar.

Sekali lagi pilih warna dan lebar yang sesuai dengan skema warna yang anda miliki setakat ini. Sekarang pilih lapisan, dan ubahnya Isi hingga 0 peratus, hanya tinggal bingkai.

Menggunakan Alihkan Alat untuk meletakkannya di atas sepanduk kiri bawah, dan ubah saiznya jika anda perlu dengan menahan Pergeseran kunci untuk mengekalkan nisbah aspeknya.

Hamparan mula disatukan, tetapi kini tiba masanya untuk menambahkan beberapa teks.

Menambah Teks

Untuk mula menambahkan teks, buat lapisan baru. Menggunakan Alat Teks (atau tekan T pada papan kekunci anda) dan seret kotak teks baru. Pilih Perwatakan menu dari sebelah kanan seperti gambar di bawah:

Sekiranya anda tidak dapat melihat butang ini pada susun atur Photoshop, anda boleh membuka menu dengan mengklik Tetingkap> Watak . Pilih fon dan warna yang anda pilih di sini, dan tambahkan teks anda. Menggunakan Alihkan Alat untuk meletakkan teks anda ke salah satu sepanduk bawah anda. Ia harus masuk ke tempatnya, tetapi Ctrl kunci dapat membantu anda memperbaikinya tepat di tempat yang anda mahukan.

Sekarang kita mempunyai teks, tetapi kelihatan sedikit hambar. Oleh itu, untuk menonjol, klik kanan pada lapisan teks, dan pilih sekali lagi Pilihan Pengadunan . Beri teks a Pukulan dan juga a Jatuhkan Bayangan untuk menjadikannya menonjol sedikit. Nilai lalai digunakan di sini, tetapi anda boleh bermain dengan tetapan untuk membuat kesan 'teks terapung' yang jauh lebih jelas juga.

Buat elemen teks untuk tiga sudut yang lain dengan mengklik kanan pada lapisan ini dan memilih Gandakan Lapisan , dan menggunakan Alihkan Alat untuk memindahkan setiap lapisan baru ke sudut masing-masing.

Dengan teks kita sekarang, kita hampir selesai. Mari tambah logo untuk media sosial dan logo tajuk untuk saluran.

Logo Media Sosial

Lebih mudah menggunakan ikon premade yang bebas untuk digunakan secara komersial. Laman web seperti Pencari Ikon boleh membantu dengan ini, tetapi pastikan bahawa ikon yang anda gunakan ditandakan Percuma untuk kegunaan komersial untuk mengelakkan daripada mendapat masalah undang-undang kemudian. Import logo anda ke Photoshop menggunakan Fail> Tempat menu. Sekiranya anda tidak dapat melihat logo anda, pastikan logo berada di atas dengan menyeret lapisannya ke bahagian atas menu lapisan.

Sekarang kita mempunyai logo Facebook, tetapi agak hambar. Mari pasangkan dengan mengklik kanan pada lapisannya, dan memilih Pilihan Pengadunan , diikuti oleh Pukulan . Berikan stroke luar selebar yang sama dengan pukulan banner teratas anda. Semasa memilih warna, anda boleh menggunakan penitis untuk memadankan warna dengan sepanduk atas anda.

Gerakkan logo ke bahagian kiri atas layar, dan dengan menggunakan Ctrl kunci dengan berhati-hati sehingga sesuai dengan sudut.

Untuk logo Twitter, ikuti kaedah penggunaan yang sama Tempat untuk menambahkannya ke dalam projek. Anda boleh menjimatkan sedikit masa di sini dengan memilih lapisan logo Facebook, mengklik kanan dan memilih Salin Gaya Lapisan , sebelum kembali ke lapisan logo Twitter baru dan menggunakan Tampalkan Gaya Lapisan untuk memberikan lebar dan warna lekukan yang sama. Pindahkan logo ini ke sudut atas yang bertentangan, dan, jika perlu, alihkan teks anda agar sesuai.

Sekarang mari kita tambahkan logo pusat.

Sekiranya anda mempunyai logo saluran, ada baiknya memilikinya di depan dan tengah sehingga semua orang dapat melihatnya dengan segera ketika mereka mula menonton. Sekiranya anda belum mempunyai logo, anda boleh menggantinya dengan a beberapa teks tersuai memaparkan nama saluran atau laman web anda.

Untuk memulakan, seret pembaris keluar dari bar alat kiri, alat itu harus terpaut ke tengah skrin.

Sekiranya anda tidak dapat melihat pembaris anda atau tidak tersentak, lihat di bawah Pandangan menu dan periksa kedua-duanya Pembaris dan Tangkap dipilih.

Tempat logo anda ke dalam projek. Ia mesti dipusatkan secara automatik pada pembaris. Buat lapisan baru, dan seret ke lapisan di bawah logo. Menggunakan Alat Segi Empat untuk membuat segi empat tepat sedikit lebih besar daripada logo, memberikan kesan berbingkai.

Untuk menjadikannya menonjol, berikan kotak yang baru anda buat Strok Luar warna yang sama dengan seluruh sempadan anda. Untuk lebih mudah memindahkan logo dan sempadan sebagai satu, tahan Ctrl untuk memilih kedua-dua lapisan. Klik kanan dan pilih Tukar ke objek pintar . Ini menyimpan logo dan sempadan kami pada lapisan yang sama, yang masih boleh diedit kemudian jika diperlukan.

Pindahkan logo anda ke bahagian atas lapisan dan ubah saiznya agar sesuai. Dan itu sahaja, kita semua selesai.

Menyimpan Hamparan

Sebelum menyimpan hamparan sebagai gambar, simpan sebagai dokumen Photoshop dengan nama fail seperti 'Minecraft Twitch Template' sehingga anda dapat mengubahnya nanti untuk digunakan dengan permainan yang berbeza.

Untuk menjadikan latar belakang telus, pilih Mata ikon pada lapisan tangkapan skrin dan latar belakang permainan anda, hanya menunjukkan elemen overlay yang ditunjukkan.

Simpan fail ini dengan sambungan .PNG, dan muatkan ke dalam perisian streaming pilihan anda untuk menggunakannya. Berikut adalah hamparan selesai dalam perisian streaming saya, dengan lapisan sebagai lapisan atas, kamera sebagai lapisan tengah, dan Minecraft sebagai lapisan bawah.

Overlay Twitch Selesai: Sekarang Mendapatkan Streaming!

Kini setelah anda mengetahui cara membuat overlay Twitch, sudah tiba masanya untuk melakukan streaming! Mulakan saluran anda sebelum menyediakan perisian penstriman anda dan memilih permainan apa yang akan dimainkan di Twitch. Sekiranya anda benar-benar memerlukan nilai pengeluaran, cubalah bersiaran dengan skrin hijau . Di atas segalanya, bersenang-senang!

Berkongsi Berkongsi Tweet E-mel 5 Petua untuk Meningkatkan Mesin Linux VirtualBox Anda

Bosan dengan prestasi buruk yang ditawarkan oleh mesin maya? Inilah yang harus anda lakukan untuk meningkatkan prestasi VirtualBox anda.

Baca Seterusnya
Topik-topik yang berkaitan
  • Permainan
  • Kreatif
  • Adobe Photoshop
  • Video Dalam Talian
  • Berkedut
  • Budaya Permainan
  • Tutorial Photoshop
Mengenai Pengarang Ian Buckley(216 Artikel Diterbitkan)

Ian Buckley adalah wartawan bebas, pemuzik, pemain dan penerbit video yang tinggal di Berlin, Jerman. Ketika dia tidak menulis atau di atas pentas, dia bermain-main dengan elektronik DIY atau kod dengan harapan menjadi saintis gila.

cara menyimpan swf dalam krom
Lagi Dari Ian Buckley

Langgan buletin kami

Sertailah buletin kami untuk mendapatkan petua, ulasan, ebook percuma, dan tawaran eksklusif!

Klik di sini untuk melanggan