Selasa, 07 Desember 2010

GIFT ANIMATION

Teknik Gambar Bentuk Bagian 1

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
Untuk tutorial coreldraw selanjutnya penulis akan menjelaskan mengenai membuat lipatan kertas dengan permainan warna gelap terang.
Hasil akhirnya seperti ini.
Teknik Gambar Bentuk Bagian 1 web desain grafis

gift animation

Teknik Gambar Bentuk Lipatan Kertas

Teknik Gambar Bentuk Lipatan Kertas web desain grafisJumpa kembali dengan penulis, seperti janji penulis sebelumnya, penulis akan membayar lunas sekarang. :D~ Dalam tutorial Coreldraw kali ini penulis akan coba jelaskan pemanfaatan teknik pewarnaan dan shaping yang sederhana untuk memberikan kesan kedalaman dan gelap terang. Perlu dicatat, tools coreldraw yang akan kita gunakan nanti adalah, Shape Tool, Pen Tool, Erase Tool, Transparency Tool dan Rectangle Tool.
Yups, sebelum masuk kedalam tutorial intinya yaitu Teknik Shaping Lipatan Kertas, penulis akan sedikit membicarakan tentang teknik pewarnaan terlebih dahulu. Khususnya teknik pewarnaan gelap terang. Coreldraw bukanlah suatu aplikasi 3D yang dapat menghasilkan bidang gelap dan terang secara otomatis, dengan kata lain CorelDraw tidak dapat berfungsi sebagaimana yang dapat dilakukan oleh aplikasi 3DS Max, Alias Maya Wavefront ataupun aplikasi 3D papan atas lainnya.

Namun dalam coreldraw seorang graphic designer benar-benar dituntut untuk sekreatif mungkin menghasilkan kesan kedalaman dari suatu objek yang dibuat agar terlihat benar-benar alami. Ini tantangan yang sulit memang, tapi cukup menyenangkan. Disinilah toolbar serba guna milik coreldraw benar-benar berperan penting sebagai peralatan perang bagi para designer yang menggunakannya. Huff… Untuk teknik gambar bentuk/shaping penulis tidak akan jelaskan secara terperinci karena ini merupakan teknik shaping sederhana yang benar-benar biasa. :D
Sebelum bertempur, biasakanlah untuk membuat lembar baru.
Kemudian klik lembar baru kosong tersebut, pada bagian unit pilih pixels.
Ya, langsung saja kita ujicobakan tutorial coreldrawnya :
Pertama pilih tool rectangle, atau dapat juga menekan F6 di keyboard.
Teknik Gambar Bentuk Lipatan Kertas web desain grafis
Buat bentuk persegi dengan width 990 px dan heightnya 1319 px
Teknik Gambar Bentuk Lipatan Kertas web desain grafis
Dengan Erase tools …
Teknik Gambar Bentuk Lipatan Kertas web desain grafis
Hapus/hilangkan sedikit demi sedikit bagian pinggir-pinggirnya dari objek persegi yang baru di buat tadi sehingga hasilnya seperti ini …
Teknik Gambar Bentuk Lipatan Kertas web desain grafis
Dengan shape tools …
Teknik Gambar Bentuk Lipatan Kertas web desain grafis
Lekuk-lekukan bagian ujung atas dan pinggir-pinggir objek persegi tersebut …
Teknik Gambar Bentuk Lipatan Kertas web desain grafis
sehingga hasil akhirnya nanti akan seperti ini …
Teknik Gambar Bentuk Lipatan Kertas web desain grafis
Buatlah sebuah shape dengan pen tool ukurannya width 539 px dan height 274 px
Teknik Gambar Bentuk Lipatan Kertas web desain grafis
Sehingga hasilnya yaitu segitiga seperti ini …
Teknik Gambar Bentuk Lipatan Kertas web desain grafis
Pilih bagian alas segitiga tersebut kemudian klik kanan pilih to curve
Teknik Gambar Bentuk Lipatan Kertas web desain grafis
Lekuk-lekukan bagian alas tersebut hingga hasil akhirnya menjadi seperti ini …
Teknik Gambar Bentuk Lipatan Kertas web desain grafis
Jika di gabung dengan objek persegi yang tadi akan menjadi seperti ini
Teknik Gambar Bentuk Lipatan Kertas web desain grafis
Sekarang masuk kebagian teknik Pewarnaan I.
Teknik pewarnaan yang pertama ini butuhkan karena nanti objek-objek tersebut akan tumpang tindih sehingga sulit untuk di berikan pewarnaan.
Buatlah duplikat segitiga yang tadi, dengan cara copy paste, kemudian beri warna 90% black seperti ini.
Teknik Gambar Bentuk Lipatan Kertas web desain grafis
Kemudian pilih menu bitmap, lalu convert to bitmap, setelah selesai dalam kondisi objek yang diconvert tersebut terpilih/terseleksi masuk ke menu bitmaps | blur | gausian blur, berikan radiusnya 10.0 …
Teknik Gambar Bentuk Lipatan Kertas web desain grafis
Hingga hasilnya menjadi seperti ini …
Teknik Gambar Bentuk Lipatan Kertas web desain grafis
Kemudian dengan transparency tool,
Teknik Gambar Bentuk Lipatan Kertas web desain grafis
Buat menjadi transparan di bagian alas segitiga yang telah diblur tersebut,
Teknik Gambar Bentuk Lipatan Kertas web desain grafis
Kemudian letakkan tepat di bawah segitiga yang sebelumnya, hingga menjadi seperti ini
Teknik Gambar Bentuk Lipatan Kertas web desain grafis
Dengan Interactive Fill Tool
Teknik Gambar Bentuk Lipatan Kertas web desain grafis
Lakukan pewarnaan objek persegi sehingga menjadi seperti ini …
Teknik Gambar Bentuk Lipatan Kertas web desain grafis
Masih dengan interactive fill tool, lakukan pewarnaan pada objek segitiga tadi sehingga hasilnya menjadi seperti ini …
Teknik Gambar Bentuk Lipatan Kertas web desain grafis
Kemudian dengan pen tool
Teknik Gambar Bentuk Lipatan Kertas web desain grafis
Buat satu objek baru, di atas objek segitiga, seperti ini …
Teknik Gambar Bentuk Lipatan Kertas web desain grafis
Seleksi segitiga yang baru tersebut, kemudian tekan shift di keyboard kemudian klik objek segitiga yang telah diberiwarna dibawahnya, pilih menu Arrange | Shaping | Intersect, kira-kira seperti ini hasilnya …
Teknik Gambar Bentuk Lipatan Kertas web desain grafis
Delete objek segitiga yang paling atas, dan beri warna hitam objek yang dihasilkan dari intersect tadi …
Teknik Gambar Bentuk Lipatan Kertas web desain grafis
Dengan transparency tool …
Teknik Gambar Bentuk Lipatan Kertas web desain grafis
Lakukan transparansi di bagian sisi objek hasil intersect tersebut sehingga hasilnya seperti ini ….
Teknik Gambar Bentuk Lipatan Kertas web desain grafis
Selanjutnya kita akan memberikan efek gelap pada objek persegi paling besar.
Buat objek baru diatas objek persegi yang utama …
Teknik Gambar Bentuk Lipatan Kertas web desain grafis
Kemudian pilih objek yang baru, kemudian klik shift di keyboard, seleksi objek persegi yang besar di bawahnya, pilih menu Arrange | Shaping | Intersect, sehingga hasilnya seperti ini
Teknik Gambar Bentuk Lipatan Kertas web desain grafis
Hapus persegi yang paling atas, kemudian beri warna 70% black.
Klik kanan objek yang berwarna 70% black tersebut, pilih extract content, kemudian delete. Dengan transparency tool, buat si objek yang berwarna 70% black tersebut menjadi seperti ini.
Teknik Gambar Bentuk Lipatan Kertas web desain grafis
Kemudian kita akan membuat lipatan kecil kertas tersebut, pertama buat garis Bantu terlebih dahulu …
Teknik Gambar Bentuk Lipatan Kertas web desain grafis
Dengan pen tool
Teknik Gambar Bentuk Lipatan Kertas web desain grafis
Buat objek seperti ini …
Teknik Gambar Bentuk Lipatan Kertas web desain grafis
Kemudian beri warna putih, dengan transparency tool, lakukan transparency pada objek tersebut sehingga hasilnya seperti ini ..
Teknik Gambar Bentuk Lipatan Kertas web desain grafis
Dengan pen tool
Teknik Gambar Bentuk Lipatan Kertas web desain grafis
Buat objek seperti ini …
Teknik Gambar Bentuk Lipatan Kertas web desain grafis
Kemudian beri warna hitam …
Teknik Gambar Bentuk Lipatan Kertas web desain grafis
Dengan transparency tool buat objek hitam tersebut menjadi seperti ini …
Teknik Gambar Bentuk Lipatan Kertas web desain grafis
Untuk selanjutnya konsepnya sama saja, buat objek baru, kemudian berikan kesan gelap terang, sehingga hasil akhirnya akan menjadi seperti ini …
Teknik Gambar Bentuk Lipatan Kertas web desain grafis