TIK | Pengenalan Grafis Berbasis Vektor dan Berbasis Bitmap

1.1 Program Aplikasi Pembuat Grafis

Pada pembuatan media Informasi digital seperti halnya website, eksistensi grafis sudah menjadi suatu kebutuhan. Bahkan, sudah menjadi hal yang konvensional jika suatu website hanya terdapat grafis tanpa adanya animasi, baik animasi berbasis grafis maupun berbasis suara. Tidak dapat di pungkiri lagi, grafis yang menjadi tolak ukur kualitas suatu program aplikasi atau website. Hal tersebut menimbulkan perang urat syaraf antar produsen software, terutama perusahaan yang bergerak dalam bidang design grafis, sehingga bermunculan software-software berbasis grafis dengan fitur-fitur (fasilitas) yang canggih, mudah dalam pengoperasian, menarik, dan compatible.

A. Pengertian Grafis Berbasis Vektor dan Grafis Berbasis Bitmap

Grafis adalah gambar yang tersusun dari koordinat-koordinat. Dengan demikian sumber gambar yang muncul pada layar monitor komputer terdiri atas titik-titik yang mempunyai nilai koordinat. Layar Monitor berfungsi sebgai sumbu koordinat x dan y.

Pada desain grafis, desain dibagi menjadi 2 kelompok yakni desain bitmap dan vektor. Grafis desain bitmap dibentukdengan raster/pixel/dot/titik/point koordinat. Semakin banyak jumlah titik yang membentuk suatu grafis bitmap berarti semakin tinggi tingkat kerapatannya. Hal ini menyebabkan semakin halus citra grafis, tetapi kapasitas filenya semakin besar.

Ketajaman warna dan detail gambar pada tampilan bitmap bergantung pada banyaknya pixel warna atau resolusi yang membentuk gambar tersebut. Hal ini berkaitan erat dengan kemampuan monitor dan VGA ( Video Graphic Adapter ) yang digunakan. Jika gambar tampilan bitmap berresolusi tinggi di tampilkan pada monitor yang berresolusi rendah akan mengakibatkan gambar terlihat kasar , bahkan terlihat kabur berbentuk kotak-kotak ( juggy ) jika dilakukan pembesaran gambar. Satuan untuk ukuran grafis jenis bitmap ini adalah dpi ( dot per inch ) yang berarti banyaknya titik dalam satu inci. Untuk lebih memahami grafis jenis bitmap .

Beberapa grafis bitmap dapat Anda temui di file komputer, yakni file komputer yang berekstensi : .bmp, .jpg, .tif, .gif, dan .pcx. Grafis ini biasa digunakan untuk kepentingan foto-foto digital.

Program aplikasi grafis yang berbasis bitmap, antara lain : Adobe Photoshop, Corel Photopaint, Microsoft Photo Editor dan Macromedia Fireworks. Semua program tersebut menawarkan kemudahan dan kelengkapan fiturnya.

Selain grafis jenis bitmap, ada grafis jenis vektor yang merupakan perkembangan dari sistem grafis bitmap (digital). Grafis ini tidak tergantung pada banyaknya pixel penyusunnya dan kondisi monitor karena tampilan vektor tersusun atas garis-garis. Tampilan akan terlihat jelas meskipun dilakukan pembesaran (zooming).

Penggunaan titik-titik koordinat dan rumus-rumus tertentu dapat menciptakan bermacam-macam bentuk grafis, seperti lingkaran, segitiga, bujur sangkar dan poligon. Dengan demikian , pemakaian grafis vektor akan lebih irit dari segi volume file, tetapi dari segi pemakaian prosessor akan memakan banyak memori.

Program aplikasi grafis yang berbasis vektor antara lain : CorelDraw , Macromedia Free hand, Adobe Illustrator dan Micrografx Designer.


Perbedaan Grafis Vektor dan Grafis Bitmap

Gambar Vektor 
Gambar vektor merupakan gambar yang terbentuk bukan dari kumpulan titik melainkan terbentuk dari sejumlah garis dan kurva. Karena gambar jenis vektor ini bukan terdiri dari titik, maka apabila tampilan gambar ini diperbesar tetap tidak akan kehilangan detailnya sehingga kualitas gambarnya tetap baik. Contoh gambar ini adalah teks dan logo. Perangkat lunak yang sering digunakan untuk mengolah gambar jenis vektor ini adalah CorelDRAW, Freehand.
Monitor biasanya akan menampilkan gambar dalam bentuk piksel, maka semua gambar baik jenis vector maupun bitmap akan ditampilkan dalam bentuk piksel. Gambar ini mengandung unsur matematis seperti arah, ukuran sudut, ketebalan, warna, dan lain sebagainya.

Gambar Bitmap 
Tampilan bitmap sering disebut dengan gambar raster yaitu tampilan gambar yang terdiri dari titik-titik atau piksel. Masing-masing piksel ini mempunyai lokasi serta warna tersendiri yang secara keseluruhan membentuk sebuah tampilan gambar pada saat gambar diperbesar. Kehalusan tampilan gambar ini sangat tergantung kepada resolusi serta titik atau piksel yang membentuk gambar tersebut.
Apabila gambar ini diperbesar maka ini kelihatan kotak-kotak, semakin besar tampilan gambar maka semakin besar pula kotak-kotak tersebut, yang sebetulnya merupakan tampilan piksel yang diperbesar. Contoh gambar bitmap antara lain photo, gambar-gambar hasil scanner serta gambar yang dihasilkan dari software grafis seperti Adobe Photoshop, Corel PHOTO-PAINT.
Kelemahan dari gambar jenis bitmap adalah gambar akan menjadi pecah dan terlihat “kotak-kotak” (jagged) apabila gambar tersebut diperbesar atau dicetak menggunakan resolusi yang lebih kecil daripada nilai resolusi aslinya. Format bitmap ini memerlukan ruang penyimpanan data yang lebih besar dibandingkan dengan format vektor.

Perbandingan Gambar-Gambar Berbasis Vektor dan Bitmap

Vektor   

1. Tetap utuh pada saat diperbesar
2. Tersusun dari kurva (path). Path terdiri dari garis (line segment) dan beberapa titik (node) atau disebut dengan anchor point.
3. Gradasi warna harus dianalisis dulu oleh para desainer grafis.
4. Tidak mengenal resolusi. Kualitas gambar tergantung pada point pembentuk path.
5. Menyimpan gambar sesuai dengan software yang kita gunakan misalnya CorelDRAW dalam format berekstensi AI dan Macromedia Freehand
6. Nyaman dipakai untuk melayout halaman (teknik publishing), membuat font, dan ilustrasi.

Bitmap

1.    Pecah saat diperbesar

2.    Tersusun oleh selebaran bintik-bintik (piksel), beragam warna, piksel tersebar dalam pola grid.

3.    Gradasi warna lebih luwes dan nyata

4.    Semakin besar resolusi, semakin tinggi kualitas foto

5.    Mampu menyimpan gambar antar-format, yaitu JPEG, BMP, GIF, TIFF dan PNG

6.    Nyaman dipakai untuk gambar-gambar dengan efek bayangan (shading) yang halus

 Sumber : Buku TIK Kelas XII karangan Rudi Hidayat dkk, Penerbit Arilangga

Read more »

Posted in: Corell Draw , Modul Pembelajaran , Photo Shop

MEMBUAT DESAIN STEMPEL Part 1

CorelDRAW , Nah Kali ini saya akan memberikan tips bagaimana membuat desain stempel

Langkah pertama buat objek berbentuk lingkaran dengan diameter 35 mm

Copy lingkaran tersebut, kemudian ubah langsung diameternya menjadi 23 mm

Nah, Sekarang buat guide untuk teksnya, copy lagi bentuk lingkaran yang kecil dan rubah diameternya menjadi 25 mm, beri warna merah, caranya klik kanan pada warna merah pada color palette 

Kini kita hanya butuh 3/4 dari seluruh lingkaran merah, aktifkan lingkaran merah kemudian pada property bar pilih bentuk Arc 

Gunakan Shape Tool untuk menarik sudut dari lingkaran seperti gambar disamping

Buat satu guide untuk tulisan dibawah, dengan mengcopy lingkaran merah, kemudian dengan shape tool tarik sudutnya seperti berikut:

Sekarang Ketik Teks: CV. WAHANA JAYA KOMPUTER, Font yang saya gunakan type: IMPACT: Size: 12

Aktifkan teks tersebut dan klik menu TEXT >> Fit Text To Path , Lalu klik lingkaran merah atas

Untuk teks bagian bawah sama prinsipnya dengan cara diatas, ketikkan teks "LANGKAT"

Hilangkan warna merah pada lingkaran guide, dengan cara aktifkan / klik gluide tersebut menggunakan shape tool kemudian, klik kanan icon paling atas pada color paletee

Beri tanda bintang diantara teks, atau pertebal beberapa point




Hasilnya:




Stempel logo


Sumber: http://www.ilmugrafis.com/coreldraw_free.php?page=membuat-desain-stempel

Read more »

Posted in: Corell Draw

Membuat Undangan Nikah Dengan Cepat

Desain Undangan Pernikahan zaman sekarang memang serba unik, selain harus memenuhi seni keindahan namun juga dituntut untuk cepat membuatnya. Maka dari itu saya memfungsikan vector jadi menjadi salah satu alternative saya, karna dengan mendesain unik nan cantik membutuhkan pemikiran serta waktu yang relativ lama.

Untuk mempercepat pengerjaan Pada Tutorial Coreldraw kali ini, saya mengambil vector dari CD 4 Platinum Wedding

1. Buka Program Coreldraw

Tekan CTRL + i untuk meng- import salah satu vector didalamnya.

- Bahan Untuk Tutorial ini bisa di Download disini

Dari bahan yang disediakan, Saya mengambil sebagian dari vector di atas, tentu saja berbentuk eps dan editable (bisa diedit ulang).

2. Buat sebuah kotak menggunakan Rectangle Tool (F6) 

Ukuran kotak bisa disesuaikan berdasarkan besar kecilnya undangan yang diinginkan, untuk tutorial cara mengukur besar kecilnya kotak bisa membaca tutorial Fungsi Ruler dan Guide Lines

3. Lalu saya memasukkan Gambar bermotif bunga dan floral (caranya sama, gunakan CRTL + i) untuk mengimport gambar tersebut ke Lembar kerja Coreldraw 

Seleksi Ornament bunga yang ada pada penggalan Vector Awal , lalu lakukan perintah Klik : Effect => Power Clip => Place Inside Container dan klik kotak yang dibuat, jika bingung caranya silahkan pelajari tentang power clip lebih lanjut disini Power Clip pada Pas Foto

Tambahkan Efek Transparasy dengan Interactive Transparency Tool pada Ornament bunga Warna Putih tersebut 

Tarik garis Transparency dari kiri atas ke kanan bawah. Selanjutnya saya gabung dengan kotak yang saya buat, tentu saja dengan cara effect => Powerclip => Place Inside Container juga. 

Dan diposisikan pada kiri atas. Hasil seperti bawah :

Sudah jadi background undangan yang cantik.

4. Kita beralih ke pengerjaan selanjutnya, tambahkan penggalan Vector Love agar lebih menarik gabung vector love tersebut dengan beberapa sayap yang bisa diambil dari floral - floral vector yang lain. Untuk koleksi Floral Vector yang sangan Lengkap bisa coba kesini Amazing FLoral Vector 

Tempatkan Love Vector (gambar love) pada kanan atas Lalu berikan efek Drop Shadow dengan menggunakan Interactive Drop Shadow Tool,

Klik pada gambar vector Love (gambar hati) lalu geser hingga muncul shadow (bayangan) 

Berikut ini Sedikit penjelasan mengenai pengaturan Drop Shadow :

(1) - (Preset List) : mengatur jenis bayangan

(2) - (Drop Shadow Opacity) : mengatur kontras bayangan yang dibuat

(3) - (Drop Shadow Feathering) : mengatur tebal tipisnya bayangan

(4) - (Drop Shadow Feathering Direction) : mengatur didalam atau diluarnya object bayangan

(5) - (Drop Shadow Feathering Edges) : mengatur jenis dari pencahayaan bayangan

(6) - (Transparency Operation) : mengatur jenis transparansi bayangan

* Note : Supaya lebih jelasnya, silahkan diotak atik sendiri gan. Ntar baru bisa membedakannya.

Saya menggunakan 1= medium glow, 2= 83 poin, 3= 8 poin, 4= outside, 5= inverse squared, 6= normal, jangan lupa dikasih warna putih. 

Dengan pengaturan di atas maka Hasilnya akan nampak seperti di bawah :

Setelah itu Saya bubuhkan sedikit tulisan “THE WEDDING“ dll….

Hasil seperti dibawah :

Mengenai tulisan “THE WEDDING” itu saya menggunakan background belakangnya dan saya masukkan ke tulisan dengan efek Power Clip. 

Jangan lupa efek tulisan copas yang telas di ulas pada tutorial sebelumnya. Kotakan dibawah tulisan “Yth” saya kasih warna putih dan saya efek lens (transparency type uniform)

Sesudah itu saya copy backgroundnya ke samping kanan dan saya bubuhkan sedikit tulisan juga. Nampak seperti di bawah :

[Klik Gambar untuk memperbesar tampilan] 

Dari sini telah jadi cover luar, begitupun juga pada cover dalam (baliknya) saya hanya menggandakan cover luar dengan perinta Copy dan Paste Cover Luar lalu saya balik posisinya.

5. Selanjutnya berikan kotakan putih transparan yang bertujuan orang membaca tulisannya secara focus dan tidak membaur dengan background di belakangnya.

Cara membuatnya, klik Rectangel Tool lalu buat kotak pada area yang ingin diberikan teks, Klik Pallete warna White (Putih) agar kotak yang kita buat berwarna putih, Lalu berikan klik Effect >> Lens >> pada Setting pilih Transperacy

Atur Transparecy sesuai keinginan, disini saya memakai 10%

Selanjutnya Baru kita Tambahkan teks untuk undangannya dan variasikan besar kecilnya sesuai yang diinginkan (jangan terlalu besar dan jangan terlalu kecil, gunakan feel of art (perasaan))

Jika bingung kata - kata yang ditulis di undangan bisa mencontoh kata - kata undangan di website IG ini 

Hasil nampak seperti ini :

[Klik Gambar untuk memperbesar tampilan]

Saya menggunakan font jenis ‘Felix Titling’ , ‘Poor Richard’ , ‘Vivaldi’

- Bahan Fonts untuk Tutorial ini Bisa Download disini

Selamat mencoba dengan kreasi yang lebih atraktif.

Terima kasih. Semoga Bermanfaat 

Sumber:http://www.ilmugrafis.com/coreldraw_free.php?page=membuat-undangan-nikah-dengan-cepat

Read more »

Posted in: Corell Draw

Membuat Baju atau Kemeja (bagian 1)

Latihan kali ini saya akan mencoba membimbing anda untuk merancang kemeja menggunakan Corel Draw. Dan Tutorial kali ini saya menggunakan Corel Draw X3, ga apa-apa kan sekali-kali jadi perancang / desainer baju. anda ingin membuat desain kemeja kelompok/group band, atau perkumpulan suatu organisasi, atau sebagai seragam apapun....tentu saja!, dengan mengikuti latihan kali ini saya jamin anda pasti bisa membuat rancangan baju/kemeja dengan berbagai bentuk dan mode yang lainnya. Selamat mencoba.

Berikut langkah - langkah pembuatan baju seragam atau kemejanya,

1. Buatlah garis menyerupai gambar di bawah ini dengan menggunakan Freehand Tool (F5)


2. Buat objek baru pada lengan dengan menggunakan Freehand Tool (F5)


3. Duplikat objek lengan, caranya : Tahan Tombol Ctrl kemudian Klik tahan, lalu geser objekdisembarang tempat, klik kanan, kemudian lepaskan (teknik duplikat)


4. Klik 2x objek yang baru lalu klik kanan kemudian klik To Curve ubah garis objek tersebut, hingga menyerupai bentuk sebelah kiri kerah


5. Setelah itu posisikan kerah seperti gambar dibawah ini


6. Buat objek baru untuk saku menggunakan Rectangle Tool, seperti pada gambar di bawah ini


7. Pilih keseluruan objek kemudian pertebal garisnya dengan cara masuk pada Outline Tool, pilih 2 Point Outline (Thin), maka garis akan menjadi tebal seperti gambar dibawah ini


8. Posisikan letak saku seperti pada gambar dibawah ini


9. Pilih keseluruan objek lalu Tahan tombol Ctrl kemudian Klik tahan kotak tengah sebelah kiri (gambar kiri), lalu geser kekanan, lalu lepaskan tombol mouse


10. Maka objek akan duplikat seperti pada gambar dibawah ini


11. Untuk menyempurnakan bentuk objek kerah buat lagi objek menggunakan Freehand Tool, seperti pada gambar dibawah ini


12. Klik 2x objek baru, klik kanan lalu kurvakan gatis bagian atas


13. Lalu kurvakan, kurang lebih gambarnya seperti dibawah ini


14. Kerah masih belum rapi, untuk merapikan kerah, klik kerah sebelah kiri lalu tahan sombol shift, klik kerah bagian atas


15. Klik Trim , jika anda belum mengetahui apa itu trim, klik disini Memotong Gambar dengan Coreldraw
Maka kerah sebelah kiri sudah terlihat rapi, lakukan hal serupa pada bagian kerah kanan.


16. Agar kerah terlihat sempurna, ulangi Langkah 12 dan 13 untuk merapikan kerah atas bagian bawahnya


17. Kini bagian atas sudah rapi, desain kemeja sudah terlihat sempurna


18. Buat tempat untuk kancing baju menggunakan Rectangle Tool, sesuaikan lebarnya (gambar kiri), beri warna putih maka akan terlihat seperti gambar dibawah ini(gambar kanan).


19. Buat objek bulat untuk kancing. Menggunakan Ellipse Tool.
Ukuran objek sesuaikan dengan lebar tempat kancing. Atur hingga posisi kancing seperti pada gambar dibawah ini.


20. Setelah selesai kini tinggal memberi warna pada desain kemeja yang telah Anda buat. Kemudian pilihPolet lengan kiri + Polet lengan kanan + kerah bagian kiri + kerah bagian kanan + kerah bagian atas + tempat kancing + saku bagian kiri + saku bagian kanan, Lalu beri warnah terserah anda! Kalau warna kesukaan saya biru & putih

21. Klik baju sebelah kiri + baju sebelah kanan


25. terserah anda mau beri warna apa. Tapi saya memeri warna hitam
Hasilnya:

Disain baju kemeja kita telah selesai. Di tutorial ini kan kita membuat bagian depan (tampak depan) maka di tutorial part2 berikutnya kita akan belajar cara mendesain bagian belakang baju. dengan kemampuan desain grafis sekali-kali jadi perancang / desainer baju. Anda juga bisa membuat desain kemeja kelompok/group band, atau perkumpulan suatu organisasi, atau sebagai seragam. Kuncinya Sabar dan tetap stay tune belajar tutorial coreldraw yang lain di ilmugrafis.com :). Terima kasih semoga bermanfaaaaat

Sumber:http://www.ilmugrafis.com/coreldraw_free.php?page=membuat-baju-atau-kemeja-part1

Read more »

Posted in: Corell Draw

Membuat Desain Stempel Sederhana Part 2

 Kali ini saya ingin berbagi cara membuat desain stempel sederhana. Tidak ada bisnis yang tidak membutuhkan stempel. Semua bisnis pasti membutuhkan stempel. STEMPEL adalah salah satu instrumen yang menjadi penguat legalitas suatu dokumen. Ok cukup intermezzonya,Tutorial Coreldraw ini menggunakan program corel X5 tapi bagi anda yang punya corel di bawahnya yaitu Corel X3 dan Corel X4 maupun corel 11 tetap bisa menerapkannya namun mungkin perbedaannya terletak pada layout Toolbox nya.

Berikut tutorialnya:

1. Buka Program Coreldraw, Tekan CTRL + N untuk membuat lembar kerja baru 

2. Saya akan membuat stempel dengan bahan tulisan sebagai berikut :

PT. BELAJARCOREL.COM

Jl. Ahmad Yani No. 339 Surabaya

No. Telp : 0856 999222

Email. ilmukoe@yahoo.com

Fax. ilmukoe@yahoo.com

Tengan Teks Tool ( tekan F8 ), Ketik dahulu tulisan diatas ke dalam corel. 

Dengan Elipse Tool ( Tekan F7 ) buat bulatan oval berdiameter horisontal 50 mm x vertikal 35 mm, lihat di properties bar, bagi anda yang pemula dan belum tahu letak properties bar bisa dilihat di Layout Coreldraw

Setelah itu gandakan oval yang telah kita buat dengan mengcopy dan paste bulatan oval tersebut dan kecilkan sehingga kita mempunyai 2 oval. 

Klik Oval lalu Tekan F12, lalu akan muncul jendela Outline Pen 

Yang oval besar Outline 2pt dan yang kecil 1pt. Nampak seperti bawah :

3. Setelah itu saya masukkan tulisan PT. BELAJAR COREL.COM dengan cara Klik teks yang akan dimasukkan, 

Lalu pada menu utama klik Text > Fit Text To Path. Lebih jelasnya lihat bawah

Setelah itu masukkan ke oval yang besar, Nampak seperti bawah

4. Bila ingin menggeser jarak atas bawah caranya adalah dengan diklik tepat pada tulisannya dan geser ke bawah atau samping. Tp bila ingin lebih halus dalam penggeseran maka saat menggeser kita lakukan sambil menekan tombol [alt] pada keyboard, anda dapan menZoom (memperbesar pandangan) untuk mendapatkan hasil geser yang diinginkan / lebih presisi. Hasil seperti dibawah

5. Bila ingin merapatkan ataupun melonggarkan klik Shape Tool (F10) arahkan pada tulisan lalu klik pada tanda panah

6. Lalu saya memasukkan nama jalan, dsb. Tapi kok kebalik, pasti pertanyaannya seperti itu. Jadi saya membaliknya dengan tool Mirror Text > mirror horizontally / mirror vertically. Lihat bawah :

Setelah tidak terbalik, lalu masukkan bahan lainnya. Untuk mempercantik lalu saya tambahkan hiasan bintang pada tiap pojokan tulisan PT – nya. 

Terakhir tambahkan logo, disini saya menambahkan logo PT Belajar Corel

Hasil seperti di bawah 

(Nama PT dan Alamat PT di atas hanya rekayasa saja, sebagai contoh untuk tutorial Coreldraw) 

Stempel Sederhana kita selesai 

Sumber:http://www.ilmugrafis.com/coreldraw_free.php?page=membuat-desain-stempel-sederhana

Read more »

Posted in: Corell Draw