Desain Graphics Game Keren Menggunakan Peta Pengungsian
() translation by (you can also view the original English article)
Tutorial ini mengambil inspirasi dari kelangsungan hidup horor permainan grafis seperti Resident Evil dan Doom. Apa yang membuat kelangsungan hidup game horor khas adalah bahwa pemain sering menemukan dirinya sendiri dalam situasi gelap, sesak dan rentan. Amunisi dan power-up kesehatan biasanya sangat terbatas sementara musuh berlimpah - semua ini dirancang untuk ketegangan bermain game yang maksimum.
Tutorial ini menciptakan kembali cover permainan fiktif dengan menggabungkan saluran Photoshop dengan Filter Efek Pencahayaan untuk menghasilkan peta perpindahan yang realistis. Untuk memulai, Anda akan membuat logo tiga dimensi yang tertekan, lalu menggabungkan teknik yang sama dengan beberapa fungsi jalur lanjutan untuk membuat panel latar belakang berkarat. Terakhir, kami akan menunjukkan kepada Anda bagaimana warna memperbaiki render Cinema 4D sehingga tidak masuk akal hingga menyatu dengan lingkungan.
Langkah 1
Mulailah dengan membuka 'Baking_tray.jpg' dari folder 'sumber'. Ini adalah gambar logam grunge yang ideal untuk menggantikan desain logo.



Langkah 2
Agar presisi, saya awalnya bekerja di Illustrator untuk membuat logo dan kemudian impor ke Photoshop. Buka "Title.jpg" dari folder "source" dan buka Image > Adjustments > Invert (Command + I). Sekarang pergi ke Pilih Semua (Command + A) dan salin ke papan klip.
Kembali pada gambar "Baking_tray.jpg", beralih ke saluran palet dan klik pada ikon Buat baru saluran. Sekarang Tempel seleksi ke saluran baru dan label "Logo."



Langkah 3
Duplikat saluran baru dengan menyeret yang ' thumbnail ke ikon Buat baru saluran dan label "Logo blur." Sekarang berikan Gaussian Blur 5 px.



Langkah 4
Target "RGB" atas saluran komposit dan kemudian beralih ke lapisan palet Anda. Kami akan membuat ekstensif menggunakan saluran dalam tutorial ini, jadi ingat, ketika Anda dalam palet saluran, Anda perlu memiliki saluran komposit yang ditargetkan untuk bekerja pada lapisan yang sebenarnya.
Gandakan layer "Background" dengan menyeret thumbnail ke ikon buat Layer baru dan label "Logo raised." Sekarang bagian bersenang-senang. Pergi ke Filter > Render > Lighting Effects. Pilih opsi Spotlight dan ikuti pengaturan yang ditunjukkan di bawah ini, Pilih "Logo blur" dalam menu drop-down tekstur Channel, memeriksa putih adalah pilihan yang tinggi dan menetapkan Mountainous slider 100%. Anda juga dapat menyimpan pengaturan untuk penggunaan masa depan yang ditunjukkan oleh panah-aku menelepon saya "LOGO lampu."



Langkah 5
Klik perintah "Logo" channel untuk menghasilkan pilihan, lalu pergi Select > Modify > Expand 2 px.



Langkah 6
Tambahkan saluran baru, lalu dengan warna hitam set sebagai latar depan tekan Delete untuk mengisi active selection dengan putih. Label ini saluran "Logo expanded." Anda akan menggunakan ini untuk memangkas dari daerah berlebih berikutnya.



langkah 7
Menghasilkan pilihan dari saluran "Logo expanded" dan kemudian invers (Shift + Command + I). Sekarang dengan Anda "Logo raised" lapisan ditargetkan, klik Hapus. Temporal yang telah dinonaktifkan visibilitas lapisan "Background" untuk melihat hasilnya.



langkah 8
Buka "Scratches.jpg" dari folder "source" dan pilih All/ Copy. Kembali file logo Anda menambahkan saluran lain, Paste pemilihan dan label "Scratches." Sekarang Aktifkan visibilitas atas komposit "RGB" saluran dan tekan Command + T untuk mengubah ukuran, meliputi logo.
Untuk membuat semuanya lebih jelas, Anda selalu dapat mengubah saluran warna merah ke warna yang lebih ramah. Pertama pilih Opsi Saluran dari menu fly-out, lalu pilih warna dengan mengklik contoh warna dan kemudian menyesuaikan kegelapan secukupnya .



Langkah 9
Kita akan menggunakan saluran ini untuk logo penderitaan, jadi Anda ingin menghindari setiap potongan putih besar yang akan membuat teks kecil terbaca. Gunakan sikat kecil, berwarna hitam, dan keras untuk menghapus area seperti yang diindikasikan. Juga, jangan ragu untuk menggunakan Clone Stamp Tool (S) untuk menambahkan goresan lebih.



Langkah 10
Perlunak saluran 'Goresan' sedikit dengan memberinya Gaussian Blur 2 px.



Langkah 11
Gandakan layer 'Logo raised' dan beri label 'Logo Scratches.' Terapkan filter Efek Pencahayaan lagi menggunakan pengaturan yang sama seperti sebelumnya, tetapi pilih 'Goresan' di bawah Kanal Tekstur, hapus centang pada Putih adalah opsi tinggi dan atur penggeser Pegunungan ke 12%. Saya menyimpan pengaturan ini sebagai 'LOGO SCRATCH LIGHTS.'



Langkah 12
Gandakan layer 'Background' dan beri label 'Inner scratch.' Sekarang tekan Command + F untuk menerapkan filter lagi. Untuk menciptakan ilusi kedalaman, gunakan Tombol Panah pada keyboard Anda untuk menyenggol konten lapisan 4 langkah ke kanan dan 4 langkah ke bawah.



Langkah 13
Klik pada ikon Create New Fill atau Adjustment layer dan gunakan menu drop-down untuk memilih Warna Solid. Klik pada contoh Warna dan pilih C: 75, M: 68, Y: 67, dan K: 90. Pastikan lapisan ini berada di atas 'Inner scratches'. Sekarang atur Blending Mode ke Multiply dan jatuhkan Opacity ke 75%.



Langkah 14
Targetkan layer 'Logo scratches' dan tambahkan Drop Shadow / Bevel dan Emboss Layer Style seperti yang ditunjukkan untuk menonjolkan kedalaman.



Langkah 15
Targetkan mask 'Color Fill 1', lalu pilih K: 50 sebagai warna foreground. Pilih Gradient Tool (G) dan gunakan preset Radial untuk menarik dari pusat keluar - sekarang ini mengungkapkan beberapa detail tersembunyi dan juga memberikan petunjuk cahaya halus.



Langkah 16
Klik dua kali lapisan "Background" dan label "Original metal," sekarang tambahkan folder kelompok di atas folder dan label "LOGO." Shift-klik Semua thumbnail layer dan kemudian tempatkan mereka dalam folder.
Selanjutnya, buat pilihan dari saluran Anda "Logo expanded", tambahkan lapisan baru di bagian bawah dalam folder kelompok dan mengisi pemilihan dengan hitam. Sekarang temporal dinonaktifakan semua lapisan lain visibilitas dan gunakan Pen Tool (P) atur ke arah plot jalan tertutup seperti yang ditunjukkan.



Langkah 17
Beralih ke arah palet dan perintah-klik thumbnail path untuk menghasilkan pilihan. Kembali di palet layers Anda memastikan lapisan baru ditargetkan dan mengisi pemilihan dengan hitam.



Langkah 18
Label lapisan baru "Kliping topeng", kemudian mengaktifkan visibilitas semua lapisan. Sekarang tekan Alt dan klik antara masing-masing thumbnail lapisan pada gilirannya sehingga semua lapisan dijepit ke lapisan base.
Karena kelompok kliping menggunakan area lapisan bawah yang tidak transparan sebagai topeng, tidak ada kemungkinan gangguan tepi dari lapisan lain, jadi sisi kiri Anda memiliki tepi yang bersih. Setel file logo Anda ke satu sisi, karena pada langkah selanjutnya Anda akan membuat latar belakang.



Langkah 19
Buat dokumen baru RGB 21cm lebar 27cm tinggi dengan resolusi 300dpi dan latar belakang konten diatur ke putih. Buka "Baking_tray.jpg" lagi dan buka Image > Rotate Canvas > 90 derajat CW. Sekarang drag/drop itu ke dalam dokumen Anda sebagai lapisan baru. Transform cocok dan label "Logam," kemudian gandakan lapisan dan pergi ke Edit > Transform > Rotate 180 derajat. Sekarang atur Blending Mode to Multiply dan label duplikat "Metal multiply."



Langkah 20
Tambahkan panduan tengah, kemudian kembali logo file dan Shift-tarik "LOGO" folder thumbnail ke dokumen kerja dan posisi seperti yang ditunjukkan. Sekarang selesai dengan dokumen logo, jadi Anda dapat menutupnya.



Langkah 21
Men-download dan membuka gambar chevron dan menggunakan Rectangular Marquee Tool (M) untuk menyalin bagian atas, kemudian sisipkan sebagai lapisan baru di bawah folder "LOGO". Kembali ke gambar chevron, invers pemilihan dan Copy > Paste lagi. Sementara menurunkan opacity dari lapisan ini dan menyelaraskan garis-garis. Ketika Anda selesai, mengatur opacity kembali untuk 100%. Sekarang pilih Eraser Tool (E) dan menggunakan media, soft-edged brush untuk campuran lapisan atas.



Langkah 22
Dengan bagian atas "chevron" lapisan ditargetkan Command + E hit menggabungkan down. Kembali ukuran dan posisi di atas kanvas, labeli "Chevrons", dan atur Blending Mode untuk pengecualian. Sekarang tahan tombol Alt sambil mengklik pada Create new fill atau sesuaikan lapisan ikon dan pilih dari menu drop-down. Dalam bingkai window berikutnya memeriksa lapisan sebelumnya digunakan untuk membuat masker kliping. Sekarang mengatur blackpoint ke 42, titik tengah untuk 0,55 dan whitepoint untuk 242.
Lapisan pengaturan yang normal akan mengubah lapisan target, serta orang-orang di bawah ini, namun kliping penyesuaian ke lapisan tunggal akan meninggalkan yang mendasari utuh.



Langkah 23
Memuat kuas "MetalgrungeBrushes.abr" dari folder "source", kemudian Tambah masker lapisan "Chevrons". Dengan mengatur hitam sebagai warna latar depan Anda, cat pada topeng menggunakan mode stamping untuk mengikis area-mengingat untuk memutar dan sandal sikat untuk menghindari pengulangan.



Langkah 24
Tambahkan layer baru di bawah "Tanda pangkat," label "Top grad", dan mengatur Blending Mode untuk berkembang biak. Sekarang drag-pergeseran pendek Linear Gradient dari bagian atas menggunakan latar depan ke transparan preset.



Langkah 25
Memperluas folder kelompok "LOGO", kemudian Tambahkan layer baru di bawah "kliping topeng" dan label "Logo Shadow." Perintah-klik lapisan "Kliping topeng" untuk menghasilkan pilihan dan dengan lapisan baru Anda ditargetkan mengisi dengan hitam. Sekarang mengubah dari pusat untuk memperbesar fraksional.



Langkah 26
Sekarang memberikan lapisan "Logo bayangan" Gaussian Blur 24 px dan set modus Blending untuk berkembang biak.



Langkah 27
Buka "3D_render.tif" dari "sumber" folder dan tarik/Gugurkan sebagai lapisan baru di atas tumpukan dan label "Mutan."



Langkah 28
Tambahkan layer baru di bawah "Tanda pangkat," mengatur Blending Mode berkembang biak dan label "Bawah grad." Shift-seret Linear Gradient dari bawah menggunakan latar depan ke transparan preset seperti yang Anda lakukan dalam langkah 24, tetapi membuatnya sedikit lebih dalam.



Langkah 29
Menambah lapisan lain baru di bawah "Mutan," mengatur Blending Mode berkembang biak dan label "Mutan bayangan." Sekarang menggunakan alat mengubah perspektif dan Distort fungsi untuk membentuk kembali itu.



Langkah 30
Sekarang memberikan lapisan Gaussian Blur 8 px.



Langkah 31
Menambahkan masker dan menggunakan 50% hitam Linear Gradient lembut memudar bayangan dari atas kanvas seperti yang ditunjukkan.



Langkah 32
Menonaktifkan visibilitas lapisan "Mutan" dan "LOGO" kelompok folder. Menargetkan lapisan "Mutan bayangan" dan Tekan Shift + Command + Alt + E untuk Cap terlihat (ini akan membuat lapisan komposit dari semua yang terlihat). Nama lapisan yang dihasilkan "Latar belakang bergabung."



Langkah 33
Sekarang mengatur beberapa lapisan; pertama, menghapus lapisan "Latar belakang" putih, maka posisi folder kelompok "LOGO" di bawah "lapisan mutan." Selanjutnya, menambahkan grup folder baru bernama "Latar belakang" dan posisi itu di bawah lapisan "Menggabungkan latar belakang". Sekarang Shift-klik semua lapisan di bawah ini (ditampilkan dengan warna biru) dan menyeret mereka ke folder "Latar belakang".
Hilangkan visibilitas lapisan "Mutan" untuk saat ini. Selanjutnya, Anda akan menambahkan path untuk menambahkan beberapa kedalaman ke panel latar belakang, jadi menarik beberapa panduan seperti yang ditunjukkan.



Langkah 34
Menggunakan Pen Tool (set untuk jalan), lalu tekan Shift untuk membatasi sudut 90/45 derajat dan mengambil mereka pada panduan seperti yang ditunjukkan. Aku sudah membelai mereka dengan pink dan menonaktifkan panduan untuk kejelasan dalam gambar. Ingat, Anda dapat selalu menggunakan alat seleksi langsung (A) untuk mengubah individu poin sebagai diperlukan.



Langkah 35
Sekarang pilih poligon di bawah Custom bentuk alat (U) dan mengatur pilihan untuk jalan 8 sisi. Kami ingin bentuk baru ini untuk mengubah jalan asli, jadi memeriksa mengecualikan tumpang tindih jalan daerah juga. Sekarang drag, menambahkan sebuah poligon yang besar, Pusat, (yang telah dinonaktifkan panduan untuk kejelasan dalam gambar) Anda juga perlu memutar saat Anda menarik untuk menjaga alun-alun sisi.
Jangan keringat jika Anda mendapatkan salah pertama kalinya, hanya menggunakan jalan pemilihan alat (tidak alat seleksi langsung) untuk posisi itu seperti yang diperlukan. Bentuk juga akan kembali berukuran dengan memilih dan pergi ke Edit > mengubah jalan > skala.



Langkah 36
Shift-klik untuk memilih atas empat poin poligon menggunakan alat seleksi langsung, kemudian menarik mereka ke atas untuk memanjangkan bentuk luar kanvas seperti yang ditunjukkan.



Langkah 37
Mengatur warna latar depan Anda putih, kemudian menghasilkan pilihan dari jalan Anda. Selanjutnya, tambahkan saluran baru dan label "Panel." Kemudian pergi ke Edit > Stroke, dalam kotak dialog berikutnya masukkan nilai 5 px, dan memeriksa lokasi pusat pilihan.



Langkah 38
Sekarang memberikan saluran Gaussian Blur 5 px.



Langkah 39
Gandakan layer "Menggabungkan latar belakang" dan label "Panel kebun." Sekarang menerapkan Filter efek pencahayaan menggunakan pengaturan cahaya Directional seperti yang ditunjukkan. Juga pilih "Panel" dalam menu drop-down tekstur Channel, serta menghapus centang opsi putih adalah tinggi dan menetapkan slider pegunungan hingga 50%.



Langkah 40
Menambahkan saluran baru dan label "Paku keling", kemudian pilih Ellipse Custom Shape Tool. Set ke mengisi piksel. Gunakan menu drop-down pilihan untuk memilih ukuran tetap dan masukkan 30 px di bidang yang lebar dan tinggi. Mengaktifkan visibilitas saluran komposit "RGB", kemudian menyesuaikan warna dan opacity dari topeng sesuai. Sekarang mengatur warna latar depan Anda putih dan tambahkan paku keling sepanjang tepi panel.



Langkah 41
Gandakan saluran "Paku keling" dan label "Paku keling kabur." Sekarang tambahkan Gaussian Blur 4 px.



Langkah 42
Posisi "Menggabungkan latar belakang" lapisan di atas "alur Panel" lapisan dan mengubah nama itu "paku keling." Sekarang jalankan filter efek pencahayaan sama Anda digunakan dalam langkah 39, tetapi memilih saluran "Kabur paku keling" di menu tekstur Channel. Juga, periksa putih adalah tinggi dan diatur slider pegunungan ke 25%.



Langkah 43
Menghasilkan pilihan dari "Paku keling" saluran dan memperluas oleh 4 px. Sekarang memastikan invers pemilihan, lapisan "Paku keling" ditargetkan dan tekan Delete untuk mengungkapkan mendasari lapisan.



Langkah 44
Dengan latar belakang sekarang lengkap, sekarang saatnya untuk campuran makhluk ke para ' lingkungan sedikit lebih baik. Mulailah dengan memungkinkan visibilitas lapisan dan akan gambar > penyesuaian > mengganti warna. Pilih area merah muda seperti yang ditunjukkan dengan pipet dan kemudian ditetapkan ketidakjelasan tersebut untuk 124. Sekarang mengatur warna untuk 11 dan saturasi ke-78.



Langkah 45
Menggelapkan bagian bawah makhluk dengan membuat pilihan berbasis lapisan dari "Mutan." Tambahkan layer baru di atasnya dan mengisi dengan hitam. Sekarang Shift-tarik hitam Linear Gradient dari bagian atas masker, mengatur Blending Mode berkembang biak dan label "Mutan mengalikan."



Langkah 46
Klip keseimbangan warna penyesuaian lapisan lapisan "Mutan" dan mengatur merah midtone 15, hijau ke -3 dan biru ke -49. Sekarang menyesuaikan bayangan merah + 8 dan biru ke -10.



Langkah 47
Menggelapkan makhluk lebih dengan kliping lapisan penyesuaian tingkat dan menetapkan tingkat Output whitepoint slider ke 153.



Langkah 48
Menggunakan kuas besar, hitam, lembut bermata pada "Level 2" topeng lembut menghapus makhluk itu wajah dan tangan.



Langkah 49
Filter efek pencahayaan yang digunakan dalam langkah 30 telah meringankan panel bawah dan tokoh bayangan. Memperbaiki hal ini dengan memindahkan lapisan "Bawah grad" dari folder "Latar belakang" dan menempatkannya di atas lapisan "Panel kebun". Juga, memindahkan lapisan "Mutan bayangan" dari folder "Latar belakang" dan tempat di bawah folder "LOGO".



Langkah 50
Sekarang men-tweak keseluruhan warna dengan menambahkan lapisan penyesuaian Hue/Saturation normal (tidak klip itu) di atas tumpukan lapisan menggunakan pengaturan berikut: Master saturasi: -12, kemudian gunakan menu drop-down Edit untuk memilih merah ke -8, kuning untuk-43, Green-65 dan Cyan- 32.



Langkah 51
3D render terlihat sedikit terlalu renyah dibandingkan sisa gambar. Memperbaiki hal ini dengan memberikan lapisan "Mutan" jumlah yang sedikit Gaussian Blur (saya menggunakan nilai 1.5 px).



Langkah 52
Anda hampir selesai selain menambahkan beberapa grafis. Pergi ke gambar > ukuran kanvas, jangkar kanvas ke bawah dan meningkatkan ketinggian 28.5 cm-ini memungkinkan ruang ekstra untuk atas banner.



Langkah 53
Akhirnya, buka "Graphics.psd" dari folder "source". Kemudian Shift-tarik itu dalam sebagai lapisan baru. Memperbesar dan melihat keluar untuk setiap area yang dapat ditingkatkan. Aku revisited "LOGO" folder dan disesuaikan Opacities layer 77% "Logo scratches" dan "Color Fill 1" lapisan untuk 80%.



Kesimpulan
teknik ini dapat saya simpulkan pada tutorial ini dapat diterapkan ke banyak proyek berbeda dari cetak ke web. Beberapa efek hebat juga dapat dicapai dengan membuat jalur kompleks di Illustrator dan Tempel sebagai Jalur ke Photoshop, ini kemudian dapat dikonversi ke saluran alfa untuk digunakan dengan Filter Efek Pencahayaan.
Gambar terakhir di bawah. Anda dapat melihat versi besar di sini.



