Tutorial Blender #04 - UV Map

-
Blender adalah software 3D yang berfungsi untuk melakukan modeling 3D dan animasi. Output pada blender bisa digunakan untuk membuat film animasi atau dijadikan bagian dari asset game.

Dalam tutorial kali ini, kita akan menggunakan blender versi 2.80 dengan tujuan untuk memahami konsep pembuatan UV Map pada blender.

Langkah pertama buatlah file baru dengan Blender


Selanjutnya pilih mode UV Editing (Menunya ada di bagian atas sejajar dengan File)


Secara otomatis window akan terbagi 2. Yang sebelah kiri adalah UV Map, dan sebelah kanan adalah viewport objek 3D. Jadi apa itu UV Map? Anda bisa membayangkan jika UV Map adalah bentuk tekstur yang menutup permukaan sebuah objek 3D.

Langkah selanjutnya, buat material (jika belum ada) dan pilih warnanya.




Pilih mode Shading supaya warnanya kelihatan (Mode shading berbentuk menu bola-bola di pojok kanan atas)

Setelah itu pilih mode Texture Paint di Viewport


Ada menu baru di bagian kanan, dan pilih + pada menu Texture Slots


Pilih Base Color



Pilih warna dasar dan klik OK saja biar cepet


Sekilas memang tidak ada perubahan, tapi saat ini, sudah ada koneksi antara gambar 3D di kiri dan gambar 2D di kanan. Bingung kan?

Terbalik emang. Sudah ada koneksi antara gambar 2D di kiri dan gambar 3D di kanan. Nah gitu baru bener.



Maksudnya gimana? Dobel klik material base color yang tadi dibuat dan boom!


Warna yang sama muncul di kiri dan kanan tampilan.


Pilih salah satu warna dan cobalah untuk mewarnai objek 3D. Apa yang terjadi?




Lakukan terus untuk semua bidang.



Sudah paham?


Bingung?


Jangan!


Ini masih gampang soalnya!


Bagian tersulit adalah ketika kita harus membuat UV Map sendiri, dan nggak otomatis kayak tadi. Misalnya, kita akan buat file baru namun kali ini gunakan objek Sphere.



Dengan cara yang sama, kita klik UV Editing dan boom! UV Mapnya ancur beuut!


Ada cara manual untuk membuat UV Map, yaitu dengan menandai daerah mana yang akan kita "sobek".



Caranya aktifkan mode pilih EDGE dan klik ALT + klik bagian salah satu garis. Jika lupa cara, baca dulu tutorial ini: https://www.designlabs.online/2019/10/tutorial-blender-03-assign-material.html



Selanjutnya klik menu UV dan pilih Mark Seam. Jika menunya tidak kelihatan karena ukuran window terlalu sempit, klik mouse TENGAH pada menu dan geser ke kiri.



Sip! Saat ini garis yang akan menjadi tanda sobekan sudah ditandai.


Selanjutnya select semua mesh dengan tekan A



Pilih menu UV dan Unwrap


Boom! Hasil UV Mapnya rada lumayan mudah dipahami


Selanjutnya langkahnya mirip-mirip


Tambahkan material


Tambahkan texture slot





Dobel klik materialnya dan boom lagi!


Warnai bagian bola sebelah kiri


Warnai bagian bola sebelah kanan


Boom lagi! Udah gitu aja.




Gampang kan? Kalau ngewarnain bola memang gampang! Tapi gimana kalau ngewarnain Suzzane? 
Assalamu'alaikum wr. wb

dalam tutorial kali ini saya akan mewarnai suzzane menggunakan UV-Map

Ini merupakan tampilan suzzane sebelum di unwrap


Ini yang sudah di unwrap dan ditambahkan subdivision surface modifier


Dan dibawah ini yang sudah di texture menggunakan texture painting


Dan Hasilnya

Comments

Post a Comment

Popular posts from this blog

Tutorial Blender #07 - Rigging & Bone Animation

-
Image
Blender adalah software 3D yang berfungsi untuk melakukan modeling 3D dan animasi. Output pada blender bisa digunakan untuk membuat film animasi atau dijadikan bagian dari asset game. Dalam tutorial kali ini, kita akan membuat rigging sederhana pada Blender. Pertama-tama buatlah aplikasi baru pada Blender  Masuk ke Edit Mode Pilih Face Selection dan klik bagian atas Cube Tekan E (Extrude) dan naikkan ke atas Lakukan 4 kali Extrude sampai Cube memiliki 4 segmen Kembali ke Object Mode. Beres. Rigging Selanjutnya tambahkan Armature Nggak keliatan euy soalnya defaultnya ada di tengah di dalam Cube. Tekan Z dan pilih Wireframe Nah, mode ini akan membuat kita bisa melihat ala Superman Cari Bonenya Scale sesuai dengan ukuran 1 Segmen Cube Habis itu masuk ke Edit Mode Klik bagian ujungnya Tekan E (Extrude) dan buat duplikat beberapa kali Sampai jumlahnya sama dengan segmen pada Cube Sip! Sampai sini Mesh
Read more

Menggunakan berbagai fungsi di POSTMAN

-
Image
Tutorial menggunakan request REST API dan fungsi  (GET,POST,PUT dan DELETE) menggunakan POSTMAN Pengenalan Postman Postman merupakan aplikasi yang berfungsi sebagai REST Client dimana dapat digunakan untuk uji REST API.  Postman Interceptor merupakan extension pada Chrome yang dapat merekam network request dari Chrome yang kemudian disimpan pada aplikasi postman. Pada postman terdapat berbagai method yang dapat kita gunakan.  Diantaranya  : Method GET menampilkan data dan menambahkan URI yang nantinya ditampung  pada action. Method POST mengirimkan data langsung kepada action tanpa melalui URI sehingga method ini bersifat uncacheable ( tidak dapat disimpan pada cache). Oke langsung kita coba bahas adalah, Testing REST API dengan Postman. Ikuti langkah-langkahnya : 1. Download terlebih dahulu Postman nya. Kalian bisa download di https://www.getpostman.com/ Lalu klik Tombol Download the App. 2. Setelah download kemudian instal, dan buka aplikasi postman. lal
Read more

Membuat Karakter Berjalan di Construct 2

-
Image
Membuat Karakter Berjalan di Construct 2 Pada tulisan sebelum nya saya telah menjelaskan bagaimana membuat sebuah  game platform sederhana . Secara prinsip yang dibutuhkan adalah sprite "platform" yang kita beri behavior solid. Dan sprite player (Mario) yang kita beri behavior platform. Dari hasil akhir yang masih sederhana, banyak hal yang bisa diperbaiki. Dalam tulisan ini, kita akan membuat sprite image dalam bentuk lain selain kotak dan membuat sprite tersebut bergerak (animasi) seperti orang berjalan. Untuk membuat gambar karakter, tentu nya kita harus menggambar sendiri karakter yang kita inginkan. Misal nya apakah karakter player kita berbentuk manusia, robot, hewan kucing, dll. Pada dasar nya semua software / tools untuk menggambar bisa digunakan, seperti  Adobe Photoshop ,  Coreldraw , dll. Software2 tersebut termasuk software yang berbayar. Bisa juga kita gunakan software free, seperti  Inkscape . Namun, untuk percobaan, kita gunakan free assets / gambar ya
Read more