Selasa, 14 Desember 2010

MEMBUAT PINGUIN "TUX" LINUX DENGAN INKSCAPE

Beberapa hari ini nyoba ngutak ngatik Linux di Laptop, eh malah jadi kepincut sama logonya linux, “Si Pinguin” lucu dan imut yang namanya TUX. Hehhe..
Terus iseng-iseng nyari tutorialnya cara buatnya pake Inkscape di “mbah google”, dan ternyata ADA!!!! Wah senangnya. 

Sebelum nulis ulang lagi (pakai bahasa sendiri) tutorialnya, saya mau cerita sedikit dulu tentang logo linux, “TUX”.

Jika diliat-liat logo linux itu tidak seperti logo-logo komersil lainnya.Logo Melainkan Tux, nama pinguin tersebut, memperlihatkan sikap santai dari gerakan Linux. Logo yang lucu ini memiliki sejarah yang unik. Awalnya, tidak ada logo yang dipilih untuk Linux, namun pada waktu pencipta Linux berlibur, ia pergi ke daerah selatan. Disanalah dia bertemu seekor pinguin yang menggigit jarinya. Kejadian yang lucu ini merupakan awal terpilihnya pinguin sebagai logo Linux. Tux adalah hasil karya seniman Larry Ewing pada waktu para pengembang merasa bahwa Linux sudah memerlukan sebuah logo (1996), dan nama yang terpilih adalah dari usulan James Hughes yaitu “(T)orvolds (U)ni(X) — TUX!”. Lengkaplah sudah logo dari Linux, yaitu seekor pinguin bernama Tux. Hingga sekarang logo Linux yaitu Tux sudah terkenal ke berbagai penjuru dunia. Orang lebih mudah mengenal segala produk yang berbau Linux hanya dengan melihat logo yang unik nan lucu hasil kerjasama seluruh komunitas Linux di seluruh dunia.

Nah, itu sejarah singkatnya “Si penguin” jadi logo linux..


Sekarang mari kita buat pake inkscape >>>>>
Sebelum buat, mari berdoa dulu biar hasilnya sesuai yang kita pengen dan mirip si TUX. Hehheh 

Pertamanya buat dulu badan plus kepalanya pake ellipse tool. Terus kasih warna terserah anda. Biar mirip sama TUX, saya warnain abu abu/hitam. (Masa penguin warna warni?? Hahhah)




Badan plus kepalanya udah beres. Kedua, buat perutnya yang gendut ngegemesin itu. Banyak cara sih buat bikin perutnya tapi cara saya begini: duplikatin tubuhnya, trus duplikat lagi dan kasih warna putih. Buat ukuran dan posisinya seperti gambar di bawah. Kemudian seleksi tubuh putih dan hitam (klik putih trus shift+klik hitam, dibalik juga bisa). Dari menu Path, pilih intersection. Lho.. kok ilang?! Nggak ilang, cuma warnanya jadi hitam. Klik palet putih di deretan warna di bawah, tubuh dan perutnya dah jadi.





Ga terlalu susah kan??? Nah sekarang yang ketiga, buat matanya, yang kanan dulu. Buat bola matanya, lagi-lagi pake ellipse-tool. Ikutin aja gambar dibawah ini bentuk sama posisinya. Trus buat korneanya, kecil aja. Jangan lupa buat efek kinclongnya di kornea. Buat satu lingkaran lagi, lebih kecil, trus dikasih efek gradasi pake gradients-tool dari putih ke transparan.







Bagian mata kana sudah beres. Biar lebih bagus, kasih efek bayangan di samping kiri bawah. Duplikatin lagi aja bola matanya, kasih warna abu-abu, trus kasih efek gradasi secara diagonal, dari abu-abu ke tarnsparan Untuk mata kiri, langkahnya kira-kira sama persis, cuma bentuknya aja yang beda. Biar lucu bentuknya jadi miring aja. (ini tergantung maunya kita kaya gimana).



Udah keliatan kan bentuk pinguinnya??? Keempat, buat paruhnya biar tambah mirip. Bentuknya segitiga sembarang, yang penting jumlah sudut-sudutnya 180 derajat. Hus... gak ada hubungannya! Bisa pake bezier-tool atau polygonal-tool. Kasih warna kuning. Trus duplikat, kasih warna oranye, beri efek gradasi oranye-transparan.


Mukanya udah persis penguin nih. Nah sekarang buat siripnya. Gampangnya, duplikat paruh, trus kasih warna hitam. Sesuaikan bentuk dan ukurannya. Kalo udah tinggal duplikat lagi, di-flip-horizontally. Sudah.. jadi tuh sirip kanan kiri.


Keenam buat kakinya yang pendek. Pake ellipse-tool lagi.. Jangan lupa kasih efek gradasi oranye-transparan. Caranya kaya' yang disebutkan di atas. Beri efek bayangan di belakang kaki di depan perut. Bisa diduplikat, kecilin dikit dan kasih warna hitam atau abu-abu, taruh di belakangnya kaki (klik aja tool lower-selection). Selanjutnya kasih efek blur. Caranya, tampilkan kotak dialog Fill and Stroke, bisa klik pojok kiri bawah di tampilan inkscape, atau tool edit-object (gambar kuas di samping ikon huruf T). Kalo sudah, atur deh blur-nya.



Ketujuh, kita tambah efek bayangan di perut si Tux. Seperti langkah-langkah sebelumnya, duplikat perutnya, kasih warna gelap, dan diakhiri efek gradasi.




Terakhir, kasih efek kinclong di kepalanya. Bagian lain juga boleh dikasih efek kilap biar terlihat seperti terbuat dari kaca.






Jadi deh.. Hasilnya bisa kita convert ke format *.png.

Minggu, 12 Desember 2010

INKSCAPE????

Apa itu INKSCAPE??? Mungkin jika ada pertanyaan seperti ini, masih banyak orang awam yang tidak mengenal inkscape, atau bahkan masih bertanya-tanya inkscape itu apa. Lain hal nya jika ada pertanyaan, “ apa itu Coreldraw???”, mungkin sebagian orang sudah mengenalnya.

YUPZ! Inkscape memang terbilang baru.

Sebenarnya inkscape itu software sejenis coreldraw. Memang tidak setenar coreldraw, tetapi kemampuannya bisa diandalkan, open sorce, dan yang paling penting yaitu FREEWARE!!!! Bener-bener GRATIS dan GAK BAJAKAN!!!!(hehheh).

Sayangnya, bagi yang terbiasa mengoprek Ilustrator, kemudian berniat membuka dan mengedit file Ilustrator ke dalam Inkscape akan mengalami kesulitan. Pasalnya, lapisan gambar atau layer yang semula terpisah dalam file ilustrator secara otomatis berubah menjadi satu layer dalam versi inkscape. Itu memang satu kelemahan Inkscape yang belum mendukung file ilustrator. Namun, bila hanya berniat menggunakan Inkscape membuka file Ilustrator dan memanfaatkan aplikasi sebatas konversi dari file Ilustrator ke dalam bentuk JPEG, GIF atau PNG maka itu bisa dilakukan dengan sangat mudah.

Tapi yang namanya software Open souce pasti akan mengalami perkembangan yang lebih baik lagi kedepannya.

Kalo definisi inkscape secara teori, yaitu: Inkscape adalah Open Source Software ( OSS ) vektor editor, artinya software yang mirip-mirip dengan Adobe Illustrator atau CorelDraw, bedanya Inkscape gratis. Tujuan utama dari Inkscape adalah menjadi perangkat grafik mutakhir yang memenuhi standar XML, SVG, dan CSS.

Oh iya, inkscape bukan Cuma buat dipake di linux aja loh tapi bisa buat MAC OS dan tentunya WINDOWS. Itu dikarenakan Inkscape bersifat cross-platform.

Tampilan Inkscape juga g beda jauh sama CorelDraw. Mau tau tampilannya kaya apa?? Silakan liat gambar dibawah ini..

Gambar diatas merupakan inkscape 0.48. Dari gambar diatas biasa diliat juga kalo Inkscape punya tools yang banyak. Nah, saya akan mencoba menjelaskan beberapa fitur baru yang membedakan inkscape versi 0.48 dengan versi lainnya:

spray tool

Tool ini dikembangkan oleh sejumlah mahasiswa di Centrale Lyon, dipimpin oleh Cedric Gemy. Apa yang dilakukan adalah lukisan dengan salinan atau klon dari objek yang sedang dipilih di atas kanvas. alat ini hampir sama dengan symbol sprayer di adobe ilustrator. namun, meskipun mempunyai fungsi dan hasil yang serupa, namun alat ini dibangun dengan cara yang berbeda dengan symbol sprayer di adobe ilustrator tersebut. Ada tiga mode dalam alat: membuat salinan, menciptakan kloning dan penggabungan salinan menjadi jalur tunggal.

Improved Text Editor

Fitur ini digarap ulang oleh Tavmjong Bah yang banyak dikenal sebagai pembuat user manual inkscape. Fitur baru yang ditambahkan adalah numeric control untuk leading, huruf, dan ruang kata (word space), horizontal dan vertikal baseline shift dan glyph rotation.

Subscript, superscrpt and numeric controls

Tav juga menambahkan fitur subscript dan superscript untuk penulisan rumus fisika seperti :

Physics equations, superscript

atau kimia seperti:

Chemical equations, subscript

namun ada beberapa ketidaksempurnaan di fitu ini, apabila anda melakukan perubahan style text yang merubah font, maka format subscrip dan superscrip akan hilang. :’(

Bitmaps embedding

Sebelum versi 0.48, apabila kita mendrag and drop gambar ke dalam layar kerja inkscape, maka sebetulnya gambar itu hanya link ke file gambar di partisi kita, jadi, apabila lokasi gambar kita pindahkan atau kita kopikan file SVG inkscape ke teman, maka akan muncul tulisan “image linked not found” di layar kerja. Hal itu disebabkan karena file gambar bitmap yang kita import ke layar kerja inkscape hanya link. Berbeda jika kita meng import gambar ke layar kerja cor*l draw, gambar tersebut akan langsung embedded ke file .cdr nya, sehingga file vector corel akan berukuran sangat jauh lebih besar. Nah, fitur di inkscape ini memberi kita pilihan untuk memasukkan gambar sebagai embedded bitmap atao hanya link. Fitur yang bahkan tidak tersedia di cor*l draw.

Link or embed an image

Nah , itulah beberapa contoh fitur baru pada inkscape versi 0.48 . Karena inkscape merupakan software yang open source, pasti perkembangan fitur-fiturnya pun akan berkembang sangat cepat. Inovasinya yang bersumber dari keterbukaan software benar-benar tidak dapat dihentikan pada akhirnya. Ayo terus dukung perkembanganya, atau turut serta mengembangkannya. Open source sudah memberi tawaran menarik. Mengajari kita untuk tidak manja, mengajari kita untuk memberikan solusi bagi diri kita sendiri, mengajarkan kita untuk bermanfaat kepada orang lain

Rabu, 17 November 2010

SCANNING

Scanning (pindai) adalah sebuah proses dimana sebuah gambar atau sebuah karya seni dikonversi menjadi sebuah file elektronik. Sebuah gambar bisa di pindai dalam beberapa cara berbeda untuk menghasilkan hasil dengan kualitas yang beragam.

Flatbed Scanning

Penggunaan pemindai flatbed telah meluas karena mereka murah dan telah dibundel bdengan komputer rumahan. Pemindai ini bersanding dengan sebuah tatakan kaca dimana digunakan untuk karya seni diletakkan. Selama memindai, karya seni tersebut disinari dan sebuah array optikal membaca sinar yang terpantul yang melewatinya. Metode ini murah, mudah digunakan dan menghasilkan reproduksi bagus dari karya seni flat tone. Bagaimanapun, itu tidak cocok untuk reproduksi kualitas tingkat tinggi secara pemindai flatbed mempunyai resolusi tingkat rendah dibanding yang lainya. Mereka juga butuh aksesoris spesial untuk bisa memindai transparansi.

Drum Scanning

Pemindai drum lebih memilih menggunakan photomultiplier tubes dibanding sebuah alat charged couple untuk mendapatkan sebuah gambar. Orisinilnya dibangun ke pemindai drum, yang mana dirotasi sebelum optik pemindai yang terpisah dari cahaya dari karya seni menjadi kilatan atau sinar merah, biru, dan hijau. Pemindai drum bisa memproduksi resolusi sangat tinggi baik dari karya seni dan transparansi tapi sangat mahal untuk digunakan. Oleh karena itu, pemindai flatbed biasanya digunakan untuk karya seni dan pemindai drum untuk transparansi.

Skala Warna

Penggambaran adalah kartu tes yang dihasilkan yang dicetak dengan warna yang presisi yang digunakan sebagai referensi untuk memastikan akurasi reproduksi warna ketika memindai. Skala bisa menggantikan kartya seni yang orisinal dan hasil pindaianya mengakses kepada kualitas reproduksi warna dan mengizinkan untuk membuat pengaturan. Ini juga bisa ditempatkan disamping karya seni yang akan di fotografi sehingga hasil transparansi akan berisi untuk perbaikan warna.

MENGHITUNG UKURAN GAMBAR

Ukuran gambar bisa diganti selama proses pemindaian untuk memaksimalkan kualitas reproduksi.

Memperbesar Gambar

Sebuah pemindai membutuhkan angka spesifik dari sampel dari sumber gambar ketika memindai. Angka dari sampel tiap inchi (spi) dispesifikasi berdasarkan kualitas dan resolusi yang dibutuhkan, seperti 300spi, sebagai contoh. semakin besar angka dari sampel yang pemindai ambil, semakin besar angka dari piksel dalam gambar digital dan, untuk itu, ada resolusi.

Sebuah sumber gambar bisa diperbesar atau diperkecil selama proses pemindaian melalui pengskalaan, sebuah proses yang melebar atau menciutkan sebuah gambar untuk mempaskan kepada area yang dispesifikasikan. Untuk membesarkan sebuah gambar berarti menaikan angka dari piksel yang dimiliki dan sebuah perhitungan sederhana memberitahu kita berapa banyak piksel yang dibutuhkan untuk ukuran akhir yang dibutuhkan.

Transparansi 4" x 5" dibawah bisa diperbesar menjadi 8" x 10" dan dicetak dengan 300dpi. Untuk membuat pembesaran kita harus mengetahui berapa angka piksel yang dibutuhkan untuk batas terpanjang dari gambar. Untuk melakukan ini, kalikan panjang (10") dengan resolusi cetakan (300dpi) dan bagi dengan sumber gambar (5"). sehingga menjadi 10" x 300dpi = 3,000 piksel. Spi dibutuhkan untuk memindai dan total piksel dibagi skuran sumber gambar, atau 3,000/5 = 600dpi.

Material Yang Sebelumnya Dipindai

Ketika sebuah gambar dipindai dari sebuah buku dan majalah yang mungkin memiliki sebuah pola moire karena gambar cetakan dibuat dengan screened half-tone, dan pemindai tidak bisa menghilangkan ini. Untuk menghilangkanya, pindai gambar pada 150-200 tiap centimeter resolusi lebih tinggi dibanding yang dibutuhkan dan dalam option filter pada photoshop gunakan filter, noise, median, dan pilih radius dari 1-3. radisu yang lebih kecil bisa digunakan dengan sumber dengan kualitas lebih tinggi, tapi 2 biasanya bekerja dengan baik pada majalah dan 1 untuk buku. akhirnya, dari menu image, select image > image size dan sampel ulang gambar ke ukuran dan resolusi yang dibutuhkan menggunakan option bicubic resampilng.

(ketiga artikel yang saya post disadur dari the production manual a graphic design handbook-Gavin Ambrose/Paul Harris)

Selasa, 16 November 2010

COLOUR ON SCREEN

Dalam layar warna bisa diatur menggunakan warna web-safe yang meyakinkan konsistensi reproduksi warna bergantung kepada layar sebuah halaman web biasanya sering dilihat.

WARNA WEB-SAFE

Warna web safe adalah grup dari 216 warna, menyadari untuk bisa aman digunakan dalam mendesain halaman web. Palette ini diciptakan ketika monitor komputer hanya bisa menampilkan 256 warna dan dipilih untuk berdampingan dengan warna palletes dari dari penyusunan browser web saat itu. Pallete warna web-safe memperbolehkan untuk produksi 6 shade red, green dan blue. Pallete ini mempunyai angka nomor dari warna distinct, dengan tiap warna diatur secara masing-masing.

Menampilkan Warna Dalam HTML (hex triplet)

Warna direpresentasi dalam HTML menggunakan sebuah hex triplet, yang mana adalah 6 digit, 3 bit angka heksadesimal. Tiap bit mengarah kepada merah, hijau atau biru (dalam susunan itu) dengan jangkauan dari 00 ke FF (notasi heksadesimal) atau 0 ke 255 (notasi desimal). Contohnya, memproduksi semua tiga warna pada hasil nilai penuh dalam putih, ketika memproduksi semua warna pada tingkatan nol menghasilkan dalam hitam. Warna on-screen berperilaku dalam cara ini bergantung pada nilai mereka dalam cahaya. Ketika semuanya memproduksi putih, semuanya dan mereka memproduksi hitam, dan varian diantara memproduksi warna.

Nama Warna HTML

Warna pallete HTML berisi 16 warna yang dinamai yang digambarkan dibawah bersama dengan notasi hex triplet. Ini menunjukan sebuah dasar pallete warna yang bisa dikenali dan digunakan oleh browser web manapun dalam layar apapun. Warna ini dapat dispesifikasi oleh nama di beberapa aplikasi, dan nama mereka case-independent.

nama warna X11

Kebanyakan browser web modern mendukung jangkauan yang lebih luas dari nama warna dari networking X11 dan menampilkan daftar protokol. Fitur ini menampilan 140 nama diatas. Ini bisa digunakan baik nama maupun nilai RGB hex triplet mereka.

Minggu, 14 November 2010

DESIGN BASIC- Measurements

Measurements

Desain grafis mengikutsertakan penggunaan measurements untuk menjelaskan semuanya dari ukuran dan divisi halaman ke ukuran yang bisa di format. memahami bagaimana perbedaan measurements digunakan membantu mencegah masalah dalam pekerjaan mengembangkan dan menjelaskan perbedaan antara profesional yang ikut serta dalam proses.

ABSOLUT DAN RELATIF

Dua tipe dari measurement digunakan di tipografik proses: absolut dan relatif measurements. Sebagaimana pentingnya untuk pengembangan dari proyek desain manapun, sangat penting untuk mengerti perbedaan antara mereka.

Measurement Absolut.

48pt

Measurement absolut adalah measurement dari nilai yang diperbaiki. Contohnya, satu milimeter adalah perbaikan kepresisian melebihi satu centimeter. sebanding, poin dan picas, dasar tipografik measurement, mempunyai nilai yang disesuaikan, seperti teks 48pt di atas. Semua absolut measurement di ekspresikan yang di kokohkan dan tidak bisa di ubah.

Measurement Relatif.

M

Dalam tipografi, banyak measurements, seperti jarak karakter, berhubungan kepada tipe ukuran, yang berarti bahwa hubungan mereka disempurnakan oleh seri dari measurement relatif. ems dan ens, Contohnya, measurement relatif yang tidak mempunyai penjelasan. ukuran mereka relatif kepada ukuran oleh tipe yang ditetapkan.

Alfabet Huruf Kecil

Alfabet huruf kecil, bila tidak menjadi measurement, digunakan sebagai pemandu saat mengatur tipe. Kedua alfabet (terlihat di kiri) keduanya di atur dalam tipe 18pt, tapi alfabet dasar (diatur di abad kegelapan) mempunyai karakter yang lebih luas dan memperluas lebih jauh melewati halaman dibanding alfabet atas (diatur hoefler). Ini adalah akibat dari pengaturan tipe sebagai tipe tampilan yang lebih luas yang bisa di atur dalam measure yang lebih luas atau kolom lebar dan masih bisa nyaman untuk di baca.

The em

The em adalah unit relatif dari measurement, digunakan dalam pengaturan tipe untuk memperbaiki fungsi jarak dasar. Yang berhubungan kepada ukuran dari tipe jika ukuran tipe meningkat, begitu juga ukuran em, i.e. em dari 72pt tipe adalah 71 poin dan em 36pt tipe adalah 36 poin. em memperbaiki elemen seperti paragraf dan jarak.

The en

The en adalah sebuah unit dari meaurement relatif setara setengah dari em. dalam 72pt tipe, contohnya, sebuah en akan menjadi 36 poin. Walaupun nama em dan en berhubungan kepada lebar dari kapital 'M' dan 'N', dalam kenyataanya mereka sama sekali tidak berhubungan, seperti demonstrasi ilustrasi diatas.

The em dash dan the en dash

Gambar diatas adalah sebuah em dash, en dash dan sebuah hypen. Sebuah en dash adalah setengah dari em dash dan hypen adalah sepertiga dari sebuah em dash, dan juga lebih kecil dari sebuah en dash. ukuran dari semua dash ini relatif kepada tipe yang ditetapkan. Sebuah en dash digunakan untuk mencatat ulang klausa bersarang, tapi itu juga bisa digunakan untuk mengartikan 'untuk' dalam frase seperti 10-11 dan 1975-1981. em dashes adalah beberapa saat yang digunakan untuk mencatat ulang pause dalam pidato dan hypens adalah digunakan untuk hypenated kata, contohnya, 'half-tone'.

Pica

Sebuah pica adalah sebuah unit dari measurement setara dengan 12 poin dan biasanya digunakan untuk measuring tipe garis. Ada enam picas (atau 72 poin) adalah sebuah inch (25.4 milimeter).

Sebuah Catatan Tentang Preferences

Walaupun ada homegenisasi dalam cara aplikasi komputer menggunakan measurements, dibutuhkan perhatian untuk menggunakanya. Program untuk desktop publikasi bekerja bersama sebuah bisa kepada poin dan picas, sementara menggambar program beberapa milimeter. Bagaimanapun, preferences dari semua program bisa diganti untuk bekerja dalam measurement apapun paling penting aprosiasinya. Measurement clarity sangat krusial dalam banyak aspek desain seperti pola ambiguous yang sering membingungkan. Contohnya, garis besar mungkin menjadi measurement sebagai 'hairline' dan pengaturan tipe sering digunakan otomatisasi penyusunan nilai. Bagaimanapun, menggunakan ini harus digunakan tanpa maslah, mengetahui apa yang diketahui untuk diekspresikan.