Kamis, 03 Maret 2011

Teknik Gambar Bentuk Bagian 1

Posted on: June 4th, 2009 by Loka Dwiartara
Loka Dwiartara Loka Dwiartara
Aktif menulis di ilmuwebsite, kategori web programming, desain grafis, hacking, linux, dan jaringan. Saat ini bekerja sebagai freelance webdeveloper di beberapa instansi pemerintah dan swasta, pengajar di CBS Bogor, Universitas dan SMK di Bogor, juga membangun WI Corp. Contact: Homepage : http://www.ilmuwebsite.com Mau ikut jadi penulis? Klik >> Daftar
Teknik Gambar Bentuk Bagian 1 web desain grafisUntuk tutorial coreldraw kali ini, penulis mencoba untuk membawakan suatu teknik sederhana dalam menciptakan objek dengan pen tools. Jika dirasa ada tool lain dalam coreldraw yang dirasa lebih efisien anda layak mencobanya. :-), tapi untuk tutorial kali ini penulis hanya membatasi pada pen tools saja.
Pen tools sendiri bertugas untuk membuat curve yang ketika anda tentukan titik koordinatnya disitulah objek/shape terbentuk. Selain penggunaan pen tools, penulis juga akan mengenalkan penggunaan shape tool, dan transformations di coreldraw.

Yup langsung saja kita ke contoh kasusnya.
1. Silahkan pilih pen tools di toolbar coreldraw seperti pada gambar :
Teknik Gambar Bentuk Bagian 1 web desain grafis
2. Kemudian buat shape seperti ini, dengan catatan garis tegak di sebelah kanan harus benar-benar lurus.
Teknik Gambar Bentuk Bagian 1 web desain grafis
3. Dengan shape tools Teknik Gambar Bentuk Bagian 1 web desain grafis double klik bagian yang sudah diberi tanda bulatan merah.
Teknik Gambar Bentuk Bagian 1 web desain grafis
4. Nah kemudian nanti akan menghasilkan kotak/titik kecil seperti ini, inilah yang dinamakan dengan vertex.
Teknik Gambar Bentuk Bagian 1 web desain grafis
5. Dengan shape tools, klik and drag vertex-vertex tersebut hingga menjadi seperti ini.
Teknik Gambar Bentuk Bagian 1 web desain grafis
6. Masih dengan shape tools, anda dapat kembali melakukan double klik untuk menghasilkan vertex seperti pada langkah 3 dan 4 dan melakukan kembali klik and drag vertex-vertex tersebut. Hingga hasilnya seperti ini.
Teknik Gambar Bentuk Bagian 1 web desain grafis
7. Kemudian dengan shape tools dan dalam keadaan objeknya terpilih, blok semua vertex tersebut …
Teknik Gambar Bentuk Bagian 1 web desain grafis
Hingga vertex-vertex tersebut terseleksi seperti ini
Teknik Gambar Bentuk Bagian 1 web desain grafis
8. Lalu klik kanan disalah satu vertex tersebut, kemudian pilih to curve.
Teknik Gambar Bentuk Bagian 1 web desain grafis
Hal ini perlu dilakukan untuk membuat lekukan pada si objek, karena secara default si objek memiliki garis tegas ( line ) yang tidak dapat dilekuk-lekukan.
9. Dengan bantuan shape tools Teknik Gambar Bentuk Bagian 1 web desain grafis klik and drag si vertex maupun si garisnya hingga menjadi seperti ini.
Teknik Gambar Bentuk Bagian 1 web desain grafis
10. Masih dalam keadaan objek terpilih kemudian silahkan anda klik pick tools.
Teknik Gambar Bentuk Bagian 1 web desain grafis
11. Lalu anda pilih Menu Arrange | Transformations | Scale , atau bisa juga menggunakan shortcut alt+F9
Teknik Gambar Bentuk Bagian 1 web desain grafis
12 Kemudian pilih horizontal dengan scale 100% kemudian klik icon …
Teknik Gambar Bentuk Bagian 1 web desain grafis
dan klik pilih check box kanan.
Teknik Gambar Bentuk Bagian 1 web desain grafis
kemudian klik tombol Apply to Duplicate
Sehingga hasilnya menjadi seperti ini
Teknik Gambar Bentuk Bagian 1 web desain grafis
13. Dengan Interactive Fill Tools ( atau dengan shortcut G ) anda klik garis dari tengah objek tersebut.
Teknik Gambar Bentuk Bagian 1 web desain grafis
14. Kemudian lakukan copy paste untuk objek yang tadi, kemudian beri warna hitam.
Terdapat dua objek, yakni objek dan yang akan dijadikan sebagai bayangan.
Kemudian pilih objek yang baru saja diberi warna hitam tadi, kemudian pilih menu Bitmaps | Convert to Bitmap
Teknik Gambar Bentuk Bagian 1 web desain grafis
15. Masih dalam kondisi pilih objek yang baru diconvert kemudian pilih menu Bitmaps | Blur | Gausian Blur
Naikkan radiusnya hingga menjadi 15 pixels
Teknik Gambar Bentuk Bagian 1 web desain grafis
kemudian pilih Ok
16. Kemudian tempatkan objek yang tadi diberi efek blur tepat di bawah kiri shape yang akan dijadikan objek inti. Hingga seperti ini …
Teknik Gambar Bentuk Bagian 1 web desain grafis
17. Masih dalam kondisi objek bayangan terpilih, klik Interactive Transparency tools.
Teknik Gambar Bentuk Bagian 1 web desain grafis
Mainkan transparasinya hingga si objek bayangan menjadi seperti ini
Teknik Gambar Bentuk Bagian 1 web desain grafis
18. Kemudian klik rectangle atau dengan menekan tombol F6 di keyboard, buat persegi diatas objek inti menjadi seperti ini.
Teknik Gambar Bentuk Bagian 1 web desain grafis
19. Pilih perseginya, kemudian tekan shift di keyboard dan tahan kemudian pilih objek intinya kemudian klik intersect di toolbar atas.
Sehingga hasilnya menjadi seperti ini .
Teknik Gambar Bentuk Bagian 1 web desain grafis
20. Pilih objek baru tersebut kemudian beri warna putih.
Teknik Gambar Bentuk Bagian 1 web desain grafis
Teknik Gambar Bentuk Bagian 1 web desain grafis
21. Dengan interactive transparency tool, mainkan transparansi objek tadi menjadi seperti ini.
Teknik Gambar Bentuk Bagian 1 web desain grafis
22. Kemudian lekukan bagian bawahnya hingga menjadi seperti ini.
Teknik Gambar Bentuk Bagian 1 web desain grafis
Sehingga hasil akhirnya menjadi seperti ini.
Teknik Gambar Bentuk Bagian 1 web desain grafis

bercak

Membuat Bercak Noda dengan SmudgeBrush

Posted on: June 3rd, 2009 by Loka Dwiartara
Loka Dwiartara Loka Dwiartara
Aktif menulis di ilmuwebsite, kategori web programming, desain grafis, hacking, linux, dan jaringan. Saat ini bekerja sebagai freelance webdeveloper di beberapa instansi pemerintah dan swasta, pengajar di CBS Bogor, Universitas dan SMK di Bogor, juga membangun WI Corp. Contact: Homepage : http://www.ilmuwebsite.com Mau ikut jadi penulis? Klik >> Daftar
Membuat Bercak Noda dengan SmudgeBrush web desain grafisDalam Tutorial Coreldraw Kali ini saya mencoba menjelaskan kepada anda bagaimana cara membuat suatu bercak noda, baik itu noda tinta, darah, noda bersejarah, kendaraan bernoda empat, halah! :D walaupun sebetulnya internet menyediakan secara gratis font symbol bercak-bercak tersebut, seperti WC Rhesus A, WC Rhesus B, etc.

Silahkan anda mengawalinya dengan membuat new file, kemudian buatlah sebuah lingkaran ( F7 ), untuk membuat suatu lingkaran anda cukup me-klik ctrl kemudian drag.
Untuk contoh, disini saya memakai diameter 831 pixel
Membuat Bercak Noda dengan SmudgeBrush web desain grafis
setelah itu klik kanan object tersebut, pilih convert to curve, ini perlu dilakukan untuk mempermudah smudge brush nanti.
kemudian silahkan anda atur object lingkaran tersebut sedemikian rupa , sehingga terlihat seperti sebuah bercak yang jatuh dari atas
saya membuatnya seperti ini :
Membuat Bercak Noda dengan SmudgeBrush web desain grafis
kemudian pilih smudge brush dan isi enter a fixed value for tilt setting dengan nilai 90
Membuat Bercak Noda dengan SmudgeBrush web desain grafisMembuat Bercak Noda dengan SmudgeBrush web desain grafis
Membuat Bercak Noda dengan SmudgeBrush web desain grafis
setelah itu anda bisa merubah bentuk object tersebut sedemikian rupa dengan shape tool
Membuat Bercak Noda dengan SmudgeBrush web desain grafis
Membuat Bercak Noda dengan SmudgeBrush web desain grafis
Membuat Bercak Noda dengan SmudgeBrush web desain grafis
dan inilah hasil akhir dari penjelasan tutorial ini.
Membuat Bercak Noda dengan SmudgeBrush web desain grafis
Anda dapat mendownload file mentahnya dalam format cdr di sini
http://unair.info/img/bercakx/bercak.cdr
Ya, cukup sekian saja tutorial design grafis untuk kali ini. Kalo ada pertanyaan langsung aja ditanyakan. :D


Postingan yang mungkin berhubungan:

glases

Membuat Gelas 3D dengan Meshfill Tool

Posted on: November 24th, 2009 by Loka Dwiartara
Loka Dwiartara Loka Dwiartara
Aktif menulis di ilmuwebsite, kategori web programming, desain grafis, hacking, linux, dan jaringan. Saat ini bekerja sebagai freelance webdeveloper di beberapa instansi pemerintah dan swasta, pengajar di CBS Bogor, Universitas dan SMK di Bogor, juga membangun WI Corp. Contact: Homepage : http://www.ilmuwebsite.com Mau ikut jadi penulis? Klik >> Daftar
Membuat Gelas 3D dengan Meshfill Tool web desain grafisSekian lama tidak berjumpa dengan anda para maniak CorelDraw. :D. Rindu rasanya hati ini. :D. Sebelum menuju ke topik pembahasan, penulis akan coba ceritakan beberapa hal guna mereview kembali tutorial coreldraw yang dibahas sebelum-sebelumnya. Pada tutorial CorelDraw sebelumnya penulis telah menjelaskan suatu teknik memanfaatkan gradien sederhana yang menghasilkan kesan gelap terang dari suatu objek hingga terlihat seperti objek 3D, tentunya shadow/bayangan sangat berperan penting dalam menghasilkan suatu objek agar terlihat seperti objek 3D.

Kini penulis akan jelaskan suatu teknik lain yang memang agak ribet, tapi patut untuk dicoba. Teknik yang satu ini benar-benar memanfaatkan Meshfill tool, fitur dari CorelDraw yang dapat melakukan permainan warna. Sangat-sangat menyenangkan. Teknik menggunakan MeshFill tool ini cukup sederhana, permainan warna cukup dilakukan dengan mengikuti pola dari suatu objek. Sebelumnya penulis mohon maaf jika teknik ini masih jauh dari kesempurnaan, karena kesempurnaan hanyalah milik Allah semata. B-)
Oke, kelamaan basi-basinya. Mari langsung menuju ke inti dari pembahasan. Lagi-lagi dengan Pen Tool, buat objek kurva dengan tujuh titik, seperti ini :
Membuat Gelas 3D dengan Meshfill Tool web desain grafis
Gunakan garis bantu ditengahnya menggunakan fasilitas ruller. Kemudian lekuk-lekukan dengan shape tool kurva tersebut hingga menjadi seperti ini :
Membuat Gelas 3D dengan Meshfill Tool web desain grafis
Selanjutnya lakukan proses mirroring dari kurva tersebut, masuk ke menu Arrange | Transformation | Scale (Alt+F9) , seleksi kurva yang akan di mirror, kemudian pilih mirror horizontal, Apply Duplicate seperti ini :
Membuat Gelas 3D dengan Meshfill Tool web desain grafis
Hingga hasilnya nanti seperti ini :
Membuat Gelas 3D dengan Meshfill Tool web desain grafis
Seleksi dua kurva tersebut, kemudian klik kanan, lalu combine :
Membuat Gelas 3D dengan Meshfill Tool web desain grafis
Lakukan zoom semaksimal mungkin, terlihat di sana ada garis yang putus
Membuat Gelas 3D dengan Meshfill Tool web desain grafis
seleksi kedua titiknya, kemudian klik kanan lalu pilih join, seperti ini :
Membuat Gelas 3D dengan Meshfill Tool web desain grafis
lakukan di bagian ujung satunya lagi, setelah selesai, jadikan warna hitam, seperti ini :
Membuat Gelas 3D dengan Meshfill Tool web desain grafis
untuk membantu pewarnaan, buat background seperti ini, dan taruh di belakangnya objek tadi.
Membuat Gelas 3D dengan Meshfill Tool web desain grafis
kemudian dengan meshfill tool,
Membuat Gelas 3D dengan Meshfill Tool web desain grafis
buat pola yang nantinya dengan cara mendouble klik garis-garis ujung yang akan dijadikan area pewarnaan gelap terang, di awali seperti ini,
Membuat Gelas 3D dengan Meshfill Tool web desain grafis
dan pola hasil akhirnya seperti ini :
Membuat Gelas 3D dengan Meshfill Tool web desain grafis
blok semuanya, kemudian beri warna putih, lakukan pewarnaan diarea-area tertentu hingga memberikan kesan gelap terang, di awali seperti ini :
Membuat Gelas 3D dengan Meshfill Tool web desain grafis
hingga …
Membuat Gelas 3D dengan Meshfill Tool web desain grafis
dengan transparency dan type transparencynya linear, lakukan transparansi sehingga menjadi seperti ini
Membuat Gelas 3D dengan Meshfill Tool web desain grafis
kemudian buat salinan dengan copy paste objek gelasnya, menjadi 3, seperti ini …
Membuat Gelas 3D dengan Meshfill Tool web desain grafis
lalu pilih salah satu, dan jadikan dia bitmap (dengan menu bitmap | convert bitmap )
Membuat Gelas 3D dengan Meshfill Tool web desain grafis
lalu berikan effect blur pada bitmap tersebut (dengan menu bitmap | blur | gaussian blur ) dengan radiusnya 5.0 pixels
Membuat Gelas 3D dengan Meshfill Tool web desain grafis
kemudian lakukan mirror vertically, letakkan di bawah objek gelas yang satunya, menjadi seperti ini …
Membuat Gelas 3D dengan Meshfill Tool web desain grafis
convert to bitmap, berikan efek blur, dan lakukan transparency, hingga hasilnya seperti ini …
Membuat Gelas 3D dengan Meshfill Tool web desain grafis
pilih objek yang satunya, kemudian dengan mesh fill tool,
Membuat Gelas 3D dengan Meshfill Tool web desain grafis
lakukan clear mesh fill
Membuat Gelas 3D dengan Meshfill Tool web desain grafis
lalu beri warna hitam seperti ini, dan hilangkan transparencynya
Membuat Gelas 3D dengan Meshfill Tool web desain grafis
buat 3 buah elipse di atasnya menjadi seperti ini …
Membuat Gelas 3D dengan Meshfill Tool web desain grafis
kemudian selanjutnya buat dua buah kotak seperti ini dengan rectangle tool,
Membuat Gelas 3D dengan Meshfill Tool web desain grafis
kemudian beri warna seperti ini
Membuat Gelas 3D dengan Meshfill Tool web desain grafis
dan lakukan convert to curve, lalu lekuk lekukan dengan shape tool hingga menjadi seperti ini …
Membuat Gelas 3D dengan Meshfill Tool web desain grafis
kemudian perhalus dengan shape tool, dan beri meshfill sehingga hasilnya menjadi seperti ini …
Membuat Gelas 3D dengan Meshfill Tool web desain grafis
letakkan di bawah hingga menjadi seperti ini
Membuat Gelas 3D dengan Meshfill Tool web desain grafis
kemudian dengan memanfaatkan shadow tool, buat cahaya dengan shadow berwarna putih hingga hasilnya seperti ni …
Membuat Gelas 3D dengan Meshfill Tool web desain grafis
berikan variasi dengan memanfaatkan star tool
Membuat Gelas 3D dengan Meshfill Tool web desain grafis
hingga hasil akhirnya seperti ini …
Membuat Gelas 3D dengan Meshfill Tool web desain grafis
oke, selesai, dan sudah terlihat seperti gelas, meskipun tidak maksimal. :D. jika ada pertanyaan silahkan layangkan emailnya ke alkemail@gmail.com
selamat mencoba, file tutorial ini bisa didownload di sini …
gelas-coreldrawx4.cdr