Mewarnai Object Menggunakan Material di Blender

Mewarnai Object Menggunakan Material di Blender

Mewarnai Object Menggunakan Material di Blender

Publish: 01 Okt 2014 | Author & Copyright: Johan | Status: Blender Dasar
Setelah pada tutorial sebelumnya saya telah menjelaskan Material pada Blender, maka pada tutorial kali ini kita akan mempelajari bagaimana mewarnai object yang telah kita buat dengan memanfaatkan fungsi Material. Serta bagaimana cara pemberian warna pada sisi bangun sehingga nantinya pada suatu object terdapat beberapa warna.

Tutorial Pewarnaan Meterial pada Object

1. Buka aplikasi blender, disini saya menggunakan Blender terbaru versi 2.71 namun tenang saja karena tutorial ini bisa diterapkan di versi blender berapapun.
2. Pertama Anda harus paham apa itu material, Silahkan klik tutorial sebelumnya yaitu Memahami material pada Blender
ok, buat warna Material biru. Namai sesuai warna agar mudah diaplikasikan nantinya.
Caranya : Masuk ke Tab Material > Namai Material > Pilih Warna Material

Ok sekarang tekan Tombol [+] "Add Slot Material" lalu klik New

Buatlah material warna baru. Misal : Kuning

Buat lagi Material lain misal merah. Jadi kita punya 3 Material Warna (Biru - Kuning - Merah). Anda bisa menambahkan lagi jika perlu, namun sebagai contoh kita hanya perlu 3 saja pada tutorial Mewarnai object kali ini.

3. Masuk ke Edit Mode dengan menekan tombol [ TAB ], cara ini telah saya jelaskan secara detail di Tutorial Transformasi Object pada Blender
Kemudian klik FACE, Seleksi / Klik Sisi Object yang akan di warnai, Pilih Warna Material (Misal : Kuning), Setelah itu klik Assign untuk mengaktifkan warna material..

[+] Klik image to zoom
4. Lakukan pada sisi - sisi yang lain, Hasilnya kira - kira sebagai berikut :

Demikian cara mewarnai object di blender, terima kasih dan semoga bermanfaat.

Memahami Material Pada Blender

Memahami Material Pada Blender   Web ilmugrafis.com » BLENDER DASAR Memahami Material Pada Blender Publish: 29 Sept 2014 | Author & Copyright: Johan | Status: Blender Dasar Pada tutorial blender kali ini kita akan memahami Material. Fungsi dari Material memberikan corak berupa warna pada suatu object. Sebagai contoh kita coba buat object baru pada Blender : Klik Add > Metaball > Ball Gambar add material Masuk ke Menu Properties Material Klik icon Material lalu Klik New untuk masuk ke pengaturan parameter material Manu dan Parameter Material Berikut ini penjelasan dari beberapa Parameter dari Material 1. Daftar material Menampilkan daftar material yang terdapat dalam suatu objek 2. Nama material Berfungsi untuk rename (mengubah) nama dari material 3. Type Material Berfungsi untuk menentukan jenis material Surface, Wire, Volume, Halo 4. Preview Berfungsi untuk melihat tampilan material 5. Diffuse Berfungsi untuk menentukan warna objek 6. Specular Berfungsi sebagai mengatur pantulan cahaya pada objek 7. Shading Berfungsi untuk mengatur interaksi material dengan cahaya. Contoh pewarnaan Object dengan diffuse : Seperti itulah pewarnaan atau pemberian material di blender. Terima kasih, semoga bermanfaat

Illustrasi Daun Gaya Mesh Tool

Illustrasi Daun Gaya Mesh Tool

Illustrasi Daun Gaya Mesh Tool
Publish: 05 Agustus 2010 | Author & Copyright: Damar Sasongko Ae | Status: FREE tutorial

Pada tutorial yang sebelumnya kita telah belajar cara penggunaan mesh tool nah sekarang saatnya kita belajar mengaplikasikan tehnik mesh tool dalam membuat suatu gambar Daun di Adobe Illustrator sehingga daun tampak alami dan warnanya menarik.

Langkah - Langkahnya:

1. Kita harus membuat object dengan menggunakan Pen Tool , lalu warnai


2. Buat garis - garis mesh (jika anda telah mempelajari tutorial mesh tool di tutorial sebelumnya maka pengaplikasiannya sama saja)


3. Seleksi pada seluruh pinggir titik - titik mesh dengan menggunakan Direct Selection Tools (A) , tekan shift untuk menyeleksi

Setelah terseleksi semua titik - titik yang di pinggir kemudian pilih warna dengan pallete color untuk menghasilkan efek gradasi mesh


4. Buatlah tulang daun dengan Pen Tool


5. Berikutnya membuat urat daun


6. Perbanyak Copy paste urat daun yang telah dibuat hingga seperti ini


7. Kemudian bikin gambar tangkai dengan Pen Tool , untuk warna bikin gradient / Gradasi


gambar bidang dengan menggunakan Pen Tool , untuk warna pilih warna agak tua dari warna dasar daun (blending : multiply dan opacity: 16%)


Letakkan di tengah daun

untuk menambah kesan gradasi maka tambahkan bidang lagi sebagai berikut
Pilih warna putih (blending Softlight dan atur opacitynya 17%)


dan Jadilah setangkai bunga... eh Setangkai daun... ^_^


Kurang lebih seperti ini :

Illustrasi Daun di Adobe Illustrator
Selamat belajar Tutorial Illustrator di ilmuGrafis
Terima kasih, Semoga bermanfaat

Mengatur Background Website Agar Sesuai Resolusi Layar

Mengatur Background Website Agar Sesuai Resolusi Layar

Mengatur Background Website Agar Sesuai Resolusi Layar

Publish: 13 Juli 2014 | Author & Copyright: Johan | Status: Dreamweaver CSS
Background adalah hal yang dapat mempercantik desain dari website. Namun kadangkala kita kesulitan menentukan berapa resolusi background yang tepat atau pas untuk background website tersebut mengingat saat ini ukuran resolusi monitor yang sudah bermacam - macam dan ditambah lagi resolusi layar versi mobile dari smartphone dan tablet.
Sebagai seorang web designer maka kita harus bisa mengakalinya dengan CSS (Cascading Style Sheet) yaitu merupakan salah satu bahasa pemrograman web  untuk mengendalikan beberapa komponen dalam sebuah web sehingga website akan lebih terstruktur dan seragam.
Bagaimana menyesuaikan Gambar Latar belakang yang berukuran 1400 x 900 pixel agar sesuai dengan berbagai jenis monitor, ok langsung saja berikut scriptnya.
Script ini letaknya di antara tag <head> ... </head>

<style type="text/css"> body{ background: url('images/background.jpg') no-repeat scroll; background-size: 100% 100%; min-height: 700px; } </style>

Penjelasan :
1. <style type="text/css"> adalah kode pembuka dari tag Style CSS

2. body{ adalah kode css ini nantinya berlaku untuk semua body website

3. background: url('images/background.jpg') adalah kode untuk memanggil background website. images/ adalah direktori dari gambar kita, sedangkan background.jpg adalah nama dari background kita.

4. no-repeat scroll; adalah kode untuk memerintahkan agar tidak mengulang / menggandakan background

5. background-size: 100% 100%; adalah untuk mengatur besarnya background, disini kita memakai 100% agar besarnya background nantinya mengikuti semua resolusi layar

6. min-height: 700px; adalah tinggi minimal dari tampilan background

7. }</style> adalah tag penutup dari Style CSS
Ok, setelah saya memberikan teorinya, mari kita praktikkan di dreamweaver
1. Buka program dreamweaver, lalu buat halaman html baru.
Caranya : File > New > Basic Page > Htlm > Ok
2. Setelah itu copykan script di atas di antara tag <head> ... </head>

Gambar 1 Penempatan Script CSS
2. simpan file html tersebut ke dalam sebuah folder, berikan nama file terserah anda. Misal di Folder bernama : Websiteku.

Gambar 2 Menyimpan file html
3. ok, sekarang buat folder baru (New Folder) 'images' sebagai tempat meletakkan gambar background Anda

Gambar 3 Direktori images
4. Cari image atau gambar yang akan dijadikan background website Anda. Rename gambar / image tersebut menjadi background.jpg lalu masukkan ke dalam direktori folder 'images'

Gambar 4 Images background
5. Ok. sekarang kembali ke aplikasi Dreamweaver, kita lihat pada bagian preview maka background kita akan tampil.

Gambar 5.1 Background CSS
Untuk mengetesnya bisa doble klik file 'tutorial-css-background.html' untuk membuka di browser Anda.

Gambar 5.2 Testing Background
Nah sekarang anda bisa mengisi halaman website anda dengan konten apapun tanpa takut background dengan CSS tersebut tidak sesuai dengan resolusi halaman website. Karena dengan width 100% dan height 100% maka background website akan selalu mengikuti resolusi layar monitor yang ada.
Agar lebih mudah lagi dalam mempelajarinya, maka Kami telah menyiapkan Download File Latihan dan Source Code dari tutorial Background CSS ini :

Membuat Huruf Awal Menonjol (Drop Cap)

Membuat Huruf Awal Menonjol (Drop Cap)

Membuat Huruf Awal Menonjol (Drop Cap)

Publish: 11 April 2014 | Author & Copyright: Johan | Status: Indesign Tutorial

Biasanya dalam koran, newsletter, undangan atau majalah kita sering menjumpai huruf yang berukuran besar di awal paragraf. Huruf pertama dalam paragraf tersebut dibuat terkesan menonjol dan menarik perhatian pembaca. Hal ini biasanya untuk menambah sisi artistik dan bisa berfungsi sebagai hiasan. Inilah yang dinamakan Drop Cap.

Nah sekarang kalian sudah paham kan apa itu Drop Cap, sekarang bagaimana cara membuatnya? simak tips ringan dan tutorial Drop Cap berikut ini :

1. Buka aplikasi Indesign Anda, Buat lembar kerja baru.
note : disini saya menggunakan Indesign CS2 namun tips / tutorial ini bisa diterapkan di Aplikasi Indesign versi apapun.
2. Gunakan Type Tool, buat area seleksi lalu Ketik paragraf / tulisan ke dalam lembar kerja (area text)

Gambar : Type Tool pada tool bar

Gambar : Contoh Tulisan
3. Ok, sekarang kita klik bagian properties paragraph letaknya di area kanan layar, disitu ada pengaturan untuk drop cap (lihat panah merah)

Dengan memasukkan Angka 3 maka teks anda akan dibuat besar dalam ukuran 3 baris. Ini contohnya :

Gambar : Drop Cap 3 baris

Nah mudah bukan, anda bisa mencoba - coba sendiri pengaturan drop cap untuk memperoleh hasil yang diinginkan. Demikian cara membuat drop cap di InDesign kali ini, Terima kasih, Semoga Bermanfaat bagi pembaca yang ingin mendesain majalah maupun koran, undangan, dll. Jika ada kritik maupun saran kepada penulis, silahkan layangkan di kontak penulis yang tercantum di bawah.

Menambahkan Efek pada Document Image

Menambahkan Efek pada Document Image

	Web ilmugrafis.com

» Adobe InDesign

Menambahkan Efek pada Document Image

Publish: 22 November 2014 | Author & Copyright: Johan | Status: InDesign
Pada tutorial Indesign kali ini kita akan belajar menambahkan efek (effect) transparecy pada document (text) maupun gambar / image yang ada pada document. Efek ini hampir mirip seperti blending option pada adobe photoshop. Bagaimana caranya, simak tutorial Effect Transparency berikut ini :
1. Buka Adobe Indesign, disini saya menggunakan Indesign CS 5 namun hal ini bisa diterapkan di tutorial Indesign berapapun
2. Untuk mempercepat proses, saya sudah membuat contoh File Latihan :
Layout halaman "Dibenci Tapi Dirindu" yang akan kita gunakan sebagai Latihan, Anda bisa dapatkan gratis

Download File Latihan
Setelah download maka dan bisa membukanya langsung di Adobe Indesign pada komputer anda Caranya : ( File > Open > Pilih file > Open )
3. Ini dia caranya, yaitu klik Selection Tool, lalu klik image

4. Klik Object > Effects > Transparency atau klik Ctrl + Alt + M

Setelah itu akan muncul jendela baru yang berisi berbagai efek seperti :
Drop Shadow, Inner Shadow, Outer Glow, Bevel and Emboss, Satin, hingga Gradient Feather


Anda bisa men-Custom image / gambar maupun memberikan efek pada Text sesuai selera Anda. Cobalah 1 per 1 efek agar anda tahu perbedaan yang ditimbulkan. Jangan lupa juga untuk centang [Preview] di kiri bawah

Atau

Demikian tutorial cara menambahkan efek di InDesign pada image / foto maupun text di Indesign. Terima kasih dan semoga bermanfaat

Share URL

Share the URL of this Tutorial in IM, Email or post in forums http://www.ilmugrafis.com/indesign.php?page=menambahkan-efek-pada-document-image * Klik Link, copy (ctrl + c) dan paste (ctrl + v)

Membuat Scene Rumput 3 Dimensi

Membuat Scene Rumput 3 Dimensi

Membuat Scene Rumput 3 Dimensi

Publish: 20 April 2014 | Author & Copyright: Aditya, ST | Status: Tip Trik 3DSmax

Hai, halo. Jumpa lagi di rubrik "3T 3D" ilmugrafis, Sekarang saya akan share tentang membuat scene rumput 3D. Scene ini biasanya banyak dijumpai bila Anda membuat scene yang berhubungan dengan lanskap (landscape) atau area luar atau panorama / pemandangan.

Gambar : scene rumput 3 dimensi

Ilustrasi diatas merupakan Project yang saya buat sekitar 8 tahun yang lalu (tahun 2006). Sudah cukup lama ternyata… hehehe. Ilustrasi ini saya buat untuk mengisi ilustrasi sebuah seminar Animasi yang saya isi saat itu. Selain itu juga digunakan untuk tutorial yang dimuat di rubrik Animasi yang saya tulis di sebuah surat kabar di Medan.

Sebelum 3ds Max versi 8 keluar, sangat sulit untuk membuat rumput 3D. Jika ingin membuatnya, maka harus menggunakan fitur Scatter pada Compound Object dan harus mengatur banyak parameternya, sehingga sedikit agak jelimet (rumit). Setelah 3ds Max versi 8 muncul, terdapat fitur membuat rumput yang sangat cepat dan mudah. Fiturnya bernama "Hair and Fur". Pada 3ds Max versi 7.5, fitur ini bisa digunakan, namun harus diinstal lagi (terpisah). Berbeda dengan 3ds Max versi 8, dimana fitur ini sudah include (termasuk) didalamnya.

Sebenarnya fitur Hair and Fur ini tidak hanya untuk membuat rumput saja, namun diperuntukkan untuk membuat aneka objek 3D yang sifatnya banyak, acak/random dan variatif ; seperti objek rambut, bulu dan lainnya.

Gambar : hasil render rumput 3d

Berikut panduan garis besarnya.

• Buat sebuah objek 3D sebagai base (dasar) untuk peletakkan objek rumputnya nanti. Bisa objek Box, Plane, Sphere, dan lainnya. Namun yang paling banyak digunakan sebagai base-nya adalah objek Plane.


• Lalu berikan Modifier Hair and Fur.


• Atur parameter yang terdapat pada fitur Hair and Fur ini. Yang terutama adalah mengubah warnanya menjadi warna hijau (warna rumput).

Sudah selesai! Tinggal Render saja. Mudah kan? Ok, selamat mencoba tips dan trik membuat rumput di 3dsmax! Salam 3T 3D! :)

Membuat Kartun 3D Bergaya Kartun 2D

Membuat Kartun 3D Bergaya Kartun 2D

Membuat Kartun 3D Bergaya Kartun 2D

Publish: 09 April 2014 | Author & Copyright: Aditya, ST | Status: Tip Trik 3DSmax

Halo. Jumpa lagi di "3T 3D" yang ke 4. Setelah sebelumnya membuat tips Ilustrasi Bentuk Kartun (Cartoon) 3D. Kali ini saya akan sharing tentang membuat tampilan Kartun 3D kita menjadi tampil seperti kartun 2D. Teknik ini sangat banyak dipakai saat ini. Anda bisa melihatnya pada beberapa film, serial tv, iklan, video klip, dan lainnya.

Tujuan atau fungsi style ini adalah dapat menciptakan efek seperti kartun jaman dulu / tempo doeloe (hehe) atau untuk membuat tampilan seperti sketsa / gambar tangan atau untuk menampilkan kesan yang sederhana namun tetap menarik.

gambar : toon 3d

gambar : toon 2d

Seperti ditampilkan pada 2 ilustrasi di atas. Ilustrasi pertama bergambar petunjuk jalan di padang rumput yang bergaya kartun 3D ( penjelasan lebih lengkap telah di bahas pada tips sebelumnya yaitu Bentuk Kartun 3D yang lalu ).

gambar : Desain Lanskap 3D

gambar : Desain Lanskap 2 Dimensi

Ilustrasi kedua bergambar gedung lengkap dengan lanskapnya. Ini adalah Project lama saya juga sekitar tahun 2004, yakni membuat rancangan desain lanskap dari salah satu kantor operator seluler di Medan.

Ilustrasi pertama saya buat untuk desain sertifikat pada sebuah seminar Animasi yang saya adakan yang bertemakan tentang kartun, sehingga ilustrasi ini sesuai dengan konteks temanya. Ilustrasi kedua saya buat untuk Project lanskap dari salah satu client saya, tampilan kartun dibuat untuk menampilkan kesan seperti desain rancangan sketsa, selain itu bertujuan juga untuk menunjukkan tampilan zona (area) lanskap dengan lebih jelas.

Untuk membuat kesan / gaya / style / tampilan objek kartun 3D menjadi style kartun 2D pada aplikasi 3ds Max, Anda bisa menggunakan fitur Ink 'n Paint. Fitur ini baru muncul pada 3ds Max sekitar versi 5 keatas. Fitur ini cukup mudah dan gampang cara memakainya.

Berikut panduan garis besar membuat material kartun 2D nya.

• Buka fitur Material Editor.


• Ubah tombol Standard menjadi pilihan Ink 'n Paint.


• Pada rollout Paint Controls, klik warna yang Anda inginkan. Ubah nilai Paint Levels = 3 untuk mendapatkan aksen gradasi warna. Klik kotak Highlight untuk memunculkan kesan highlight pada objek 3D. Perbesar nilai Glossiness untuk mendapatkan highlight yang kecil (tajam) atau sebaliknya.


• Pada rollout Ink Controls, klik kotak Ink untuk menghilangkan tepi tinta hitam pada sisi objek.


• Anda bisa berekperimen dan mencoba mengatur parameter-parameter yang ada pada fitur Ink 'n Paint ini untuk mendapatkan berbagai variasi atau tampilan lainnya yang Anda inginkan.
  

Mudah kan. Ok, selamat berlatih 3dsMAX, Salam Grafis! Semoga bermanfaat

Membuat 3D Arsitektural

Membuat 3D Arsitektural

Membuat 3D Arsitektural

Publish: 26 Mar 2014 | Author & Copyright: Aditya, ST | Status: Tip Trik 3DSmax

Kali ini saya akan membahas "3T 3D" tentang membuat 3D Arsitektural, baik exterior (bentuk/ruang luar) maupun interior (bentuk/ruang dalam) dengan menggunakan 3ds Max. 3D bertemakan Arsitektural sangat banyak Anda jumpai nantinya dalam Real Project diluar sana.

Gambar : Bank Sumut 3d Arsitektural

Saya banyak mengerjakan berbagai Project di bidang 3D Arsitektural. Contohnya seperti pada ilustrasi gambar di atas. Project pada ilusrasi tersebut saya kerjakan sudah cukup lama, sekitar 11 tahun yang lalu (tahun 2003). Hingga saat ini, saya pun masih banyak mengerjakan Project-Project 3D Arsitektural, karena kebutuhan akan hal ini sangat besar; mengingat pembangunan gedung-gedung / rumah-rumah akan selalu ada, bahkan tumbuh dengan sangat pesat setiap tahunnya akibat populasi jumlah penduduk yang selalu pula meningkat.

3ds Max sangat andal dalam urusan membuat visualisasi 3D Arsitektural. Dengan fitur modelingnya yang lengkap dan ditunjang oleh fitur material (texturing) dan fitur pencahayaan (lighting) yang sangat realistis dan dukungan fitur animasinya yang sangat powerful, Anda akan sangat terbantu dalam membuat berbagai kreasi bentuk bangunan dengan style / gaya bentuk apapun. Saya sudah melakukan dan merasakan sendiri keandalan aplikasi ini. :)

Untuk membuat 3D Arsitektural dengan 3ds Max sebenarnya sangat mudah. Anda bisa menggunakan fitur Shape seperti Rectangle dan Line untuk membuat elemen-elemen bangunan seperti dinding, lantai, plafon, atap, detail bangunan dan lainnya. Lalu berikan fitur Extrude untuk membuatnya menjadi bentuk 3D. Lalu susun elemen-elemen tersebut sehingga membentuk sebuah bentukan bangunan yang Anda inginkan.

Berikut panduan garis besarnya :

• Untuk pembuatan dinding bangunan, bisa gunakan fitur Line yang Anda berikan ketebalan dengan fitur Outline. Lalu Anda berikan ketinggiannya dengan fitur Extrude (Tutorial Extrude di ilmugrafis.com).
• Untuk membuat lantai maupun plafon, gunakan fitur Rectangle atau Line dan berikan fitur Extrude.
• Untuk membuat lubang pada pintu, jendela maupun ventilasi bangunan, Anda gunakan fitur Boolean/ProBoolean-Substraction (Tutorialnya Boolean di ilmugrafis.com).
• Buat objek pintu dan jendela dengan fitur Doors dan Windows.
• Untuk atap, bisa gunakan fitur Rectangle atau Line yang diberi fitur Extrude.
• Lengkapi bentuk bangunan lainnya seperti elemen-elemen detail, atap kanopi, dinding pembatas, pagar dan lainnya.
• Setelah objek modeling bangunan selesai, Anda bisa lanjutkan dengan memberikan material baik warna maupun texture nya dengan fitur Material Editor.
• Tambahkan pencahayaannya yang realistik dengan fitur Skylight dan fitur LightTracer.
• Lengkapi 3D bangunan Anda dengan latar belakang gambar awan atau panorama lainnya yang menawan dengan bantuan fitur Environment.

Mudah kan? :) Yang terpenting Anda harus rajin berlatih dan terus bereksperimen dengan berbagai elemen-elemen dan bentukan-bentukan dalam dunia Arsitektural. Sehingga feeling maupun intuisi Anda akan semakin tajam dan terlatih. Ini yang akan membuat Anda nantinya akan semakin mahir dan ahli dalam membuat aneka bentuk 3D Arsitektural. Ok, selamat berlatih!