Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. 3D & Motion Graphics
  2. UDK
Cgi

Membuat Materi Hologram Tingkat Lanjut di UDK

by
Length:LongLanguages:

Indonesian (Bahasa Indonesia) translation by Sap (you can also view the original English article)

Dalam tutorial ini kita akan membuat Materi Hologram Tingkat Lanjut di UDK, yang menjalar ke sana ke mari dengan bantuan pemetaan Parallax (pemetaan Bump) di Unreal Development Kit. Kita juga akan belajar cara menggunakan saluran RGB di Photoshop untuk membuat tekstur tunggal dari tiga tekstur terpisah. Untuk memahami tutorial ini secara menyeluruh, Anda setidaknya perlu mengetahui dasar-dasar Shading dan penciptaan Material di UDK.


1. Persiapan

Pertama kita harus membuat tekstur untuk Hologram di Photoshop.

rgb_merge

Sebelum kita melanjutkan ke texturing, saya ingin menjelaskan apa yang sebenarnya akan dilakukan dalam tutorial ini. Seperti yang ditunjukkan pada gambar di atas, di sisi kiri tanda yang sama kita memiliki tiga tekstur yaitu R, G, dan B. Jika digabungkan (atau menambahkan) semua tekstur ini bersama-sama, akan mendapatkan tekstur baru yaitu RGB, yang merupakan hasil yang ditunjukkan pada sisi kanan tanda sama di atas. Tujuannya di sini adalah untuk membuat satu tekstur dari ketiga tekstur ini dengan menggabungkan Kanal. Jadi mari kita lanjutkan ke pembuatan tekstur.

R

r
Klik untuk memperbesar

G

g
Klik untuk Memperbesar

B

b
Klik untuk Memperbesar

Kita akan menggunakan ketiga tekstur di atas bernama R, G, dan B.

Seperti saya katakan, Alih-alih menyimpan ini sebagai tiga tekstur terpisah; kita lebih suka menggabungkannya ke saluran RGB. Mengedit dan membuat saluran RGB di Photoshop adalah prosedur yang agak rumit, tapi tetap saja, saya akan menunjukkan cara menambahkan informasi seperti tekstur ke saluran RGB di Photoshop.


2. Menciptakan Tekstur

Untuk memulai, buat file 1024x1024 baru di Photoshop dan muat ketiga tekstur di atas, ke dalam file 1024x1024 yang sama.

rgb_layers
Klik untuk Memperbesar

Setelah membuat file 1024x1024 baru seperti yang ditunjukkan pada gambar di atas, pastikan Anda memuat setiap tekstur ke dalam lapisan terpisah dan beri nama R, G, dan B masing-masing, untuk menghindari kebingungan. Juga buat layer baru yang diisi dengan Black untuk background. Atur Blending Mode dari semua layer ke Screen.


3. Menyalin Layer R Pertama

Yang penting di sini adalah semua tekstur harus dipusatkan seperti pada gambar di bawah. Jika poros tengah tekstur tidak sama, akan ada masalah.

Sekarang layer R milik Red channel, Layer G milik Green Channel, dan layer B milik Blue channel. Mari kita mulai dengan R Layer untuk Red Channel. Tahan CTRL dan klik pada layer R dan salin seleksi dengan menekan CTRL + C. Setelah menyalin layer, matikan semua layer, tetapi aktifkan hanya Black Full Layer. Pilih itu dan kemudian pergi ke tab CHANNELS. Jika Anda tidak melihat tab SALURAN, kemudian aktifkan dari opsi menu file, Windows > Channels.

copying_layers
Klik untuk Memperbesar

4. Menempelkan Lapisan R ke Saluran Merah

Setelah Anda menyalin layer R, buka Tab CHANNELS dan klik pada saluran Red, jadi hanya saluran Red yang akan diaktifkan dan sisanya akan dinonaktifkan. Pilih saluran Red dan tempel dengan menekan CTRL + V. Anda seharusnya sudah memiliki tekstur tepat di tengah-tengah Red Channel (seperti pada gambar di bawah). Setelah Anda memiliki tekstur di tengah saluran Red, ada baiknya untuk pergi.

Ulangi prosedur ini untuk Layer G dan B. Ingat G untuk Green dan B adalah untuk Blue Channel.

rgb_channels
Klik untuk Memperbesar

Setelah menyalin ketiga layer ke saluran yang sesuai, Anda sekarang akan memiliki sesuatu yang tampak seperti gambar di bawah. Apa yang kita miliki adalah, Merah untuk lingkaran dalam yang lebih kecil, Hijau untuk lingkaran tengah, dan Biru untuk lingkaran Luar yang lebih besar.

merge
Klik untuk Memperbesar

Langkah terakhir adalah membuat layer baru lainnya yang diisi dengan Black. Dan untuk mengatur Blending Mode dari tekstur yang baru kita buat, ke mode Screen (ditampilkan di bawah.) Sekarang simpan saja Texture dalam format .TGA.

final_texture
Klik untuk Memperbesar

Kita juga membutuhkan tekstur pemindai, jadi buatlah tekstur resolusi 128x128 yang baru, dengan garis tipis putih tunggal yang tersebar bagus (seperti pada gambar di bawah.) ATAU Anda cukup mengunduh gambar, dan menyimpannya dalam format .TGA .

scanner_texture
texture
Klik untuk Memperbesar

5. Menciptakan Materi di UDK

Sekarang setelah dua tekstur di atas siap, saatnya untuk memuat UDK. Setelah dimuat, buat Paket baru bernama Hologram. Setelah membuat paket Hologram baru, dan mengimpor tekstur ke UDK.

udk_import
Klik untuk Memperbesar

Buat bahan baru untuk Hologram.

new_material
Klik untuk Memperbesar

Klik dua kali pada material Hologram yang baru dibuat untuk membuka jendela Material Editor.

Untuk Material Hologram ini dan untuk lebih memahami Pengaturan, saya telah membagi pengaturan menjadi 4 bagian dan mereka adalah sebagai berikut;

  • 1. Center Gauge - Ini membuat tekstur lingkaran tengah bernyawa dalam sumbu Z, bolak-balik.
  • 2. Gear Rotator - Untuk Mengacak Rotasi dengan sisa lingkaran.
  • 3. Flickering Effect - Untuk efek proyeksi yang rusak.
  • 4. Scanline Effect - Efek pemindaian elektronik untuk membuatnya terlihat lebih realistis.

Lalu kita akan menggabungkan semua penyiapan di atas menjadi dua Tambahkan ekspresi.


6. Pengaturan Pengukur Pusat

Di jendela Material Editor, cukup tarik dan jatuhkan Tekstur Hologram dan dapatkan dua ekspresi, Rotator dan BumpOffset. Seperti yang ditunjukkan pada gambar di bawah ini, nilai Vector Konstan 1.5 dicolokkan ke Height BumpOffset, yang kemudian dicolokkan ke Koordinator Rotator, dan kemudian dicolokkan ke UV dari Tekstur Hologram.

Saluran Merah dari Hologram Tekstur kemudian dikalikan dengan nilai ekspresi Constant3Vector, R=0.5, G=1.6 dan B=1.5. Setelah Anda mendapatkan segalanya semua setup dengan benar (seperti pada gambar di bawah ini.) Pilih seluruh pengaturan ini dengan menekan CTRL + ALT, dan kemudian menyeret tombol kiri mouse dan Gandakan seleksi dengan menekan CTRL + W.

center_gauge1
Klik untuk Memperbesar

Setelah Duplikasi pengaturan, cukup Tambahkan mereka menggunakan ekspresi Tambah. Seperti yang Anda lihat dari gambar di bawah ini, satu-satunya perubahan yang perlu kita buat di sini adalah nilai-nilai dari ekspresi Vektor Konstan, yang 1. Kecepatan Rotator yang 0.125 dan nilai RGB dari Constant3Vector untuk pencampuran warna kuning muda yang bagus, masing-masing 1.5, 1.6 dan 0.5 dari R, G dan B.

The Constant3Vector kemudian Dikalikan dengan saluran Biru dari Hologram Tekstur. Mari beri nama (atau komentar) ini sebagai "Center Gauge", dengan menahan CTRL+ALT dan kemudian menyeret tombol kiri mouse di sekitar pengaturan, kemudian Klik kanan di atasnya dan pilih Komentar Baru. Ketik "Center Gauge" dan tekan Enter.

center_gauge2
Klik untuk Memperbesar

7. Gear Rotator Setup

Buat konfigurasi baru lagi, tetapi kali ini daripada menggunakan nilai Konstan untuk Ketinggian Bumpoffset, kita akan menggunakan Sine dan Ekspresi waktu. Masukkan saja Waktu ke dalam Sine dan kemudian beri Sine a Period of 2.0, di properti. Lalu Colokkan Sine ke dalam Height Bumpoffset. Apa yang dilakukan oleh sinus dan ekspresi waktu ini, berosilasi ke dan dari dalam sumbu Z dengan jangka waktu 2, sehingga memberi kita animasi yang bagus dan halus dalam sumbu Z.

Seperti yang ditunjukkan pada gambar di bawah, pasang Bumpoffset ke Coordinate of the Rotator, dan kemudian hubungkan ke UVs dari Hologram Texture. Untuk memberikan efek berwarna kehijauan yang bagus, dapatkan ekspresi Constant3Vector dan masukkan nilai-nilai berikut R=1, G=2 dan B=1 ke dalam properti. Kemudian Gandakan dengan saluran Merah dari Hologram Tekstur. Setelah selesai, Pilih seluruh pengaturan ini dan Gandakan itu.

gear_rotator1
Klik untuk Memperbesar

Setelah menduplikat seluruh pengaturan, Tambahkan kedua pengaturan menggunakan ekspresi ADD. Seperti yang ditunjukkan pada gambar di bawah ini (Setup 1 + Setup 2.) Satu-satunya hal yang perlu kita lakukan di sini adalah mengubah nilai Rotator, jadi ubah Speed Rotator menjadi -0.5 (Negatif .5).

Sekarang setelah kita membuat konfigurasi baru, saatnya untuk menggabungkan pengaturan ini dengan pengaturan Center Gauge yang dibuat sebelumnya. Untuk melakukan itu, dapatkan ekspresi Add dan pasang Output dari Add untuk Pengaturan 1&2, ke dalam A dari ekspresi ADD yang baru dibuat, seperti pada gambar di bawah.

Di mana titik penggabungan adalah ekspresi ADD utama (yang menggabungkan pengaturan Center Gauge dan Gear Rotator) pastikan untuk sure Output dari ekspresi ADD Pusat Gauge, ke B dari gabungan ini Add ekspresi. Yang ditunjukkan pada gambar di bawah ini.

gear_rotator2
Klik untuk Memperbesar

Kedua pengaturan sekarang harus seperti apa yang ditunjukkan di bawah ini. Sekarang, saatnya untuk membuat pengaturan untuk beberapa efek Berkedip-kedip.

setup_preview
Klik untuk Memperbesar

8. Flickering Effects

Dapatkan ekspresi Waktu dan hubungkan itu menjadi Sine, dan dalam properti berikan nilai Periode sebesar 0.000010. Masukkan ekspresi Sine ke dalam ekspresi Clamp Konstan dan berikan nilai berikut, Min=-3 dan Max =1.0 pada propertinya. Sekarang gandakan ketiga ekspresi ini dan dapatkan ekspresi Multiply, lalu tancapkan kedua pengaturan ini ke dalam simpul Multiply. Seperti ditunjukkan pada gambar di bawah, hanya mengubah nilai periode sinus baru dengan 0,01 dan juga mengubah konstan Clamp, Min dan maks nilai ke -10 dan 2 masing-masing.

Sekarang kita membutuhkan Tekstur Hologram menjadi tidak beraturan, jadi dapatkan ekspresi Desaturation dan pasang Hologram Texture ke dalam Desaturation, berikan saja nilai Luminance 1.0 untuk setiap saluran Desaturasi yaitu RGBA. Kita perlu tekstur desaturated ini untuk dianimasikan juga, jadi dapatkan ekspresi Time dan Sine lalu masukkan Time ke Sine.

Kami juga membutuhkannya untuk sedikit diimbangi dalam sumbu Z. Jadi kita membutuhkan BumpOffset dan ekspresi Rotator untuk memutar tekstur. Jadi dapatkan dua ekspresi tersebut dan pasang Sine ke dalam Height Bumpoffset, dan hubungkan Bumpoffset itu ke dalam Coordinate of the Rotator. Kemudian akhirnya hubungkan ke UVs dari Hologram Tekstur (seperti pengaturan yang ditunjukkan di bagian bawah gambar di bawah.) Sekarang kita harus menggandakan semua pengaturan, jadi pasang semua koneksi dengan benar seperti yang ditunjukkan pada gambar di bawah ini, dan mari kita beralih ke menciptakan efek Scanline.

Flickering_effect
Klik untuk Memperbesar

9. Scanline Efek

Seret dan Lepaskan tekstur Scanner di jendela Hologram Material Editor ini. Dan dapatkan dua ekspresi, seorang Panner dan TexCoordinate. Colok TexCoordinate ke Panner, dan sekarang di properti Panner, atur Speed X dan Y ke Speed 1.0 yang sama dan pasang Panner ini ke UVs dari Tekstur Scanline yang kita impor sebelumnya.

Kita perlu Scanline ini untuk terlihat agak kebiruan, jadi kita harus mengalikannya dengan ekspresi Constant3Vector. Sama seperti pada gambar di bawah, pasang Scanline Texture ini ke dalam input A dari Multiply dan pasang Constant3Vector ke B dari ekspresi Multiple. Kemudian masukkan nilai RGB 1, 2, 2 dalam properti dari Constant3Vector masing-masing.

Untuk menyelesaikan pengaturan, Kita juga membutuhkan tekstur Hologram tetapi dalam versi abu-abu atau desaturasi, jadi dapatkan Hologram Tekstur bersama dengan ekspresi Desaturasi dan hubungkan Tekstur Hologram ke dalam Desaturasi (seperti ditunjukkan di bawah ini.) Pada properti dari ekspresi Desaturasi , berikan nilai Luminance 1.0 ke setiap saluran RGBA. Sekarang kita hanya perlu menggabungkan semua ekspresi ini, jadi dapatkan ekspresi LERP serta ekspresi Constant Vector, dengan nilai 0.

Sekarang Tancapkan ekspresi Constant Vector ke A dari input Lerp, dan untuk B, cukup tancapkan ekspresi Multiply dari Scanline Texture, dan kemudian tancapkan Desaturasi itu ke dalam Input Alpha dari LERP. Pastikan saja setiap koneksi terpasang dengan benar (seperti yang ditunjukkan pada gambar di bawah.)

scanline_effect
Klik untuk Memperbesar

Sekarang setelah semua pengaturan siap, yaitu Center GaugeGear RotatorFlickering Effect dan Scanline Effect, saatnya untuk menggabungkan keempat pengaturan dengan hanya menggunakan dua ekspresi ADD. Jadi, dapatkan dua ekspresi ADD. Koneksi berjalan seperti ini: Gear Rotator dan Flickering Effect dicolokkan ke Input A&B dari Add secara berurutan, maka ADD ini dicolokkan di A dari Input ADD kedua. Dan akhirnya, Scanline Effect dicolokkan ke B dari input ADD kedua.

Sekarang beri Komentar dua ekspresi ADD ini, sebagai "Main Switch". Sekarang cukup tancapkan ADD kedua ke dalam DIFFUSE Channel, seperti pada gambar di bawah ini. Dan kemudian pergi ke Windows > Properties.

final_setup
Klik untuk memperbesar

10. Material Properties

Di jendela Properties, perluas bagian Material dan atur Opacity Mask Clip Value menjadi 0.2. Atur Blend Mode ke BLEND_Additive, Model Lighting ke MLM_Unlit dan pastikan juga Two Sided face ON dengan memeriksa opsi.

material_properties
Klik untuk Memperbesar

Kesimpulan

Itu dia! Materi Hologram Anda sudah siap. Cukup terapkan bahan ini ke jala yang Anda suka dan lihat Magic!

Di bawah ini adalah pratinjau High-RES dari Pengaturan bahan Hologram.

whole_setup
Klik untuk Memperbesar

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.