Minggu, 22 Januari 2012

Cara Membuat Animasi Gif dengan Adobe Image Ready

kali ini saya akan bagi ilmu buat anda semua :), cara membuat animasi Gif dengan Adobe Image Raedy, Tentunya anda semua tahu kan, apa itu animasi gif, yap benar gamar yang bergerak-gerak namun tidak membutuhkan flash plugin , baiklah langsung saja kita menuju materi.

Begini Caranya :

• Buka aplikasi Adobe Image Ready CS2 pada computer anda.

• Lalu, buat file baru dengan ukuran 90 x 90 atau terserah selera Anda. Caranya pilih menu File > New atau tekan Ctrl + N.

• Buat lingkaran menggunakan Elliptical Marquee Tool (terletak di pojok kiri kanan) atau tekan M. Jangan lupa menekan tombol Shift + Alt untuk membuat lingkaran.


Gambar 1

• Klik pada menu set forgroun color, pilih warna yang anda sukai, contoh kali ini dengan warna biru muda Caranya : Tekan tombol Alt+Del untuk memasukkan warna yang sudah Anda pilih di Foreground Color.



gambar 2


• Duplikasi layer pertama ini dengan meng klik kanan pada tab layer dan buat 2 layer sejenis dengan warna kuning muda dan merah jambu jadi nantinya kita akan memiliki 3 layer yang berisi lingkaran dengan warna biru muda, kuning muda dan merah jambu.


Gambar 3


Gambar 4

• Buat agar ketiga layer terebut tidak terlihat/invisible. Caranya : Klik ikon mata yang ada di sebelah kiri layer.

• Lalu pastikan Anda sudah menampilkan Window Animation. Jika belum pilih menu Window > Animation atau tekan F7. Pastikan juga Window Layers telah muncul dan bila belum pilih menu Window > Layers atau tekan F11.



• Sekarang kita akan membuat animasi jadi gamabar-gambar yang tadi kita buat akan dibuat bergerak. Cara membuatnya tidak jauh beda dengan animasi pada umumnya namun disini kita akan membuat sebuah animasi sederhana.


• Sekarang lihat pada Window Animation, disana ada sebuah layer, pada layer pertama inilah kita akan memulai membuat animasi. Tampilkan layer lingkaran berwarna biru muda pada Window Layers, caranya tinggal klik untuk menampilkan ikon mata.


Gambar 5

• Maka tampilan frame pertama dalam Window Animation adalah seperti gambar berikut :


Gambar 6

• Sekarang kita akan menambahkan frame pada Window Animation, caranya klik icon Duplicates current frame dan sebuah duplikasi dari frame pertama telah terbuat. Selanjutnya pada Window Layers, tampilkan layer lingkaran berwarna kuning muda dan nonaktifkan layer berwarna biru muda.

• Langkah terakhir, buat lagi frame baru pada Window Animation, pada Window Layers aktifkan layer lingkaran merah jambu dan nonaktifkan layer lingkaran berwarna kuning muda.

• Atur timing dari masing-masing frame di Window Animation dengan meng-klik tulisan waktu yang ada di bagian bawah frame.


Gambar 7

• Sekarang simpan hasil kerjaan anda dengan klik File > Save Optimized As > Lingkaran_warna dan pastikan ekstensinya . gif


gambar 8

• Coba Anda jalankan animasi sederhana yang telah Anda buat dengan cara klik file linkaran_warna.gif

yang hasilnya kurang lebih seperti ini :





Smoga bermanfaat :)

Kreasi Logo GRAMEDIA dengan Freehand

Kali ini gue akan mencoba berkreasi membuat logo Gramedia melalui FreeHand MX. Walaupun Freehand sudah jarang dipakai sekarang, namun menurut gue masih sangat bermanfaat.
Ok, tanpa basa basi kita langsung ke TKP !

Step pertama adalah baca bismillah, sediakan kopi, makanan dan minuman ringan serta cemilan. Hahaha...

1. Pertama dan yang paling utama adalah membuka aplikasi freehand serta membuat dokumen baru. Udah pada ngerti kan caranya? Gue kasih screenshoot dah sedikit.
freehand tutorial

2. Abis ntu, loe coba bikin Lembar kerja lo pake mode Landscape. Gak susah-susah amat kok, kalau udah pasti tampilannya kayak begini :
freehand tutorial

3. Abis gitu kita akan coba bikin buletan, loe liat tumpukan tool yang ada di sebelah kiri. Gue gak akan jelasin satu-persatu, karena gak bakalan kelar ! hehehe
freehand tutorial

4. Udah di kilik kan ? Kalau udah gak usah make banyak nanya, langsung bikin lingkaran aja. Masalah ukuran tergantung loe pada. Pada intinya terserah.
freehand tutorial
Nah begitulah Screenshootnya, abis begono kita akan coba bikin kotak ramping di tengah kotak. Pastinya dua sisi, gak ngerti yah ? saya juga sama… Tapi kan biar loe semua pada penasaran.  Biar ilmunya pada dapet semua langsung aja gue kasih tau caranya :
freehand tutorial
Nah, kamsud (maksud) gue kaya begini, kita menggunakan rectangle tool. Maklum lah, kemampuan menulis gue masih pas-pasan. Jadi loe coba traslate sedikit wokeh ! Oh iya, masalah bikin kotak toolnya ada di sebelah kanan elipse tool. Kalau masih gak tahu kebangetan !!!! hahaha

Itu masih beloman kelar broo, masih satu kotak soalnya. Kita akan coba puter tanpa harus pusing-pusing make cara manual. Tapi jangan lupa, loe kudu teken dulu tuh object kotak. Tinggal liat gambar aja broo :
freehand tutorial
Next Step, semuanya coba lo drag atau dengan kata lain (ctrl+A). Kita akan membuat semua object pindah ke tengah dari halaman / lembar kerja.
freehand tutorial
Jangan lupa loe centangin bacaan “align to page” serta lo kudu klik supaya objek bisa jadi di tengah. Abis gitu lo kilik Align aja dah. Kalau masih kurang ngerti, loe liat gambar di bawah ini aja ok. Emang sedikit agak ribet, namun sangat bermanfaat.

5. Gak susah-susah amat kan ?
Langsung aja kita gabungin. Ikuti step-step yang gue lakukan :
Loe pilih modify pada toolbar bagian atas Tepatnya kaya begini : modify > combine > devide
freehand tutorial
Fungsi dari toolbar diatas adalah untuk menggabungkan object. Gak ada perubahan yah kayaknya ?
Yakin loe semua…. Coba cek lagi ! Emang pada dasarnya gak ada perubahan, tapi coba lebih diperhatikan bagian berikut ini. “Check This Out”…….
freehand tutorial
Ngartos ora ? Loe apus aja bagian-bagian kotaknya, tapi sisain bagian lingkarannya. Ampe akhirnya jadi kaya begini broo :
freehand tutorial
Belom kelar ini kawan. Coba lo kilik objectnya trus kilik modify > Split. Tujuannya untuk memecah object yang telah di gabungkan atau di combine. Udah gitu lo coba kilik bagian kanan atas, terus lo pilih transform
freehand tutorial
Lo isi 180 derajat, biar tuh object muter. Abis  begono kita akan merubah lengungan menjadi garis lurus. Masih di object yg tadi loch !
freehand tutorial
Inget jangan lupa teken tombol shift. Dua sisi ok bro, ini kan baru satu, yag satu lagi gak jauh beda. Tinggal tarik + shift doank kok.Sampe sini udah gampang tinggal pewarnaan doank.
JENG JENG…

Logo Gramedia Broo yang gue coba buat ! hehehe

6. Masalah pewarnaan, tinggal lo pilih toolbar “mixer”, lo coba bereksperimen dah. Lo coba oplosan warna CMYK satu-satu lama-lama juga ngerti. LIKES ME BROO…. Intermezzo sedikit, Freehand masih menggunakan warna CMYK, tidak seperti aplikaso grafis lainnya yang sudah bias menggunakan warna RGB.
freehand tutorial
Itu tadi sedikit bagaimana jika loe ingin memberi warna ke dalam sebua object.
Wah, gak kerasa yah…. Udah kelar aja, ini screenshoot Logo Gramedia yang gue kerjain :
Logo Gramedia
Logo Gramedia

Oh iye, jangan lupa loe ilangin garisnya yah. Loe bikin “none” aja biar gak nampang tuh garis item !!! hihihi
Sampai sini dulu dah, lain kali gue bikin tutorial yang lebih maknyus nyus nyus…

Print Kartu Nama Menggunakan Inkscape

Artikel ini merupakan lanjutan dari tutorial yang pernah saya tulis sebelumnya dengan judul Desain ID Card Batik yang pada tulisan tersebut saya menulis tutorial singakat membuat ID Card dengan menggunakan Aplikasi Open Source Gratis yaitu Inkscape.
Setelah Desain yang Anda buat selesai tentunya kurang lengkap jika tidak di cetak, untuk yang tidak punya printer sendiri sih tidak masalah tinggal di print pada percetakan atau jasa rental komputer pasti siap untuk mencetaknya. Untuk  yang sudah memiliki printer sendiri pastinya ingin mencetak hasil desain Anda, disini sering terjadi masalah pada saat kita mencetak langsung dengan menggunakan Inkscape, misalnya desain kita terpotong sebagian saat kita cetak dengan menggunakan mesin print yang kita miliki, ini terjadi biasanya untuk para pemakai pemula.

Oke langsung  langsung saja kita ke pokok permasalahan dan solusinya:
Setelah Anda selesai membuat desain menggunakan Inkscape, pertama klik File >Document Properties (Shift+Ctrl+D) pada Costum Size atur sesuai project desain Ingin Anda buat, sekarang klik Resize page to Content maka akan segera keluar ukuran jarak halaman kertas dari Atas, Bawah, Kiri dan Kanan yang sebelumnya tersembunyi

Atur jarak margin halaman tersebut sesuai selera dengan mesin cetak yang Anda miliki, sebagai contoh disini saya memakai Printer HP Deksjet D39200 (karena yang sudah siap adalah printer ini) pada Top margin saya buat 1,30, Left, Right, dan Bottom sama semua, mengapa saya buat ukuran itu? 
karena printer yang saya pakai waktu untuk mencetak hanya suport maksimal 1,30 cm baik dari atas, bawah, maupun kiri dan kanan


Setelah selesai melakukan langakah diatas maka sekarang tampilan desain yang kita buat sudah berubah seperti yang terlihat seperti gambar dibawah ini

Terakhir sekarang kita malakukan pencetakan desain yang telah kita buat tadi, caranya seperti kalau kita mau mencetak data pada aplikasi lain: klik File >Print (Ctrl+P), untuk mencetak semua halaman yang kita miliki pada tab Range pilih All Pages, sedangkan untuk mencetak file pada halman dimana kita meletakkan krusor pilih Curernet Page, dan jika kita ingin mencetak file pada halaman tertentu silahkan pilih Pages tulis secara manual halaman mana yang ingin kita cetak misalnya: 1, 3, 5 dan seterusnya, disini kita juga bisa melihat desain yang kita buat sebelum dicetak dengan klik print Preview, setelah semuanya sudah beres seperti yang kita kehendaki tinggal klik Print

Langkah terakhir, ya silahkan tunggu Printer Anda bekerja melakukan proses Pencetakan.

Selamat Anda telah berhasil melakukan proses pencetakan dengan menggunakan Aplikasi Open Source.
Selain cara diatas, sebenarnya kita juga bisa melakukan proses cetak-mencetak dengan menggunkan Aplikasi OpenOffice atau Libre Office dengan cara melakukan export ke format PNG terlebih dahulu baru dimasukan ke Aplikasi Office tapi hasilnya kurang maksimal, lagian kalau pakai cara ini agak ribet dan tidak efisien waktu.

cara menginstalasi gimp

Hari ini, ada banyak program untuk pengolahan citra. Gimp adalah program gratis untuk pengolahan gambar, memiliki fitur besar dan keuntungan besar adalah bahwa ia bebas.

Pertama Gimp download halaman http://www.gimp.org/.
Kedua Pilih link Download ...



Ketiga Halaman muncul untuk link download dan pilih Men-download Gimp ...


4 Setelah Anda men-download Gimp pada komputer Anda, jalankan file instalasi ...


5 Sebuah jendela akan muncul untuk memulai instalasi dan pilih Jalankan ...


6 Sebuah jendela akan muncul di mana Anda mengkonfirmasi bahwa Anda ingin menginstal Gimp pada komputer Anda, pilih Berikutnya ...


7 Baca syarat dan ketentuan dan pilih Berikutnya ...


8 Dalam jendela ini, instalasi dimulai, pilih Instal ...


9 Instalasi selesai, pilih Selesai dan menjalankan waktu Gimp ...

Membuat Desain Sertifikat Menggunakan Coreldraw

sertifikat merupakan ujud terimakasi dalm bentuk penghargaan yang di berikan bisa itu sebuah perusahaan , seminar, atau yang lainnya ..
Tapi di sini kita tidak membahas pengertian sertifikat atau filosofinya.. hehee melainkan kali ini kita akan membahas bagaimana cara mendesain sertifikat yang simpel dan menarik dalam coreldraw ..
To D’ Point wae lah ..
Pertamatama Buka Aplikasi Corel Andalalu klik New Project ..
atur ukuran sesuai kebutuhan temanteman, disini saya menggunakan ukuran standard untuk sertifikat yaitu A4 ..
Next – kita buat background untuk sertifikat yang akan kita garap nantinya ..
Caranya klik Rekctangel tool (F6) lalu buat bentuk persegi empat di halaman projek kita, dan teman bisa mengisinya dengan warna yang di inginkan,, disini saya menggunakan warna putih..
Next – setelah kerangka bekcgroundnya jadi kita atur ukurannya sesuai halaman projeck caranya Copy ukuran dari halaman projeck kita lalu paste di ukurannya background
projeck kita .
Next –sekarang kita masuk ke tahap desain.. hohoho.. Untuk langkah awal teman bias membuat kerangkanya terlebih dulu , Klik Biziertool lalu gambar sebuah persegi panjang dengan sedikit miring di bagian garis kanan nya , ‘hasilnya seperti d bawah ini
Setelah itu kita dapat mngurkirnya dengan mengeklik shapetool(F10) kemudian beri lengkukan pada garis kanan, caranya klik kiri tepat di batang garis sebelah kanan dan klik ToCurve
Lebih kurang hasilnya seperti gambar di bawah ini
Next – pada object yang telah kita bikin agar menarik beri warna, caranya klik object lalu klik warna yang ada di sebelah kanan corel anda kebetulan di corel saya posisi papan warnanya berada di bawah ..
Next – agar terlihat warna yang kita berikan tidak terlalu kaku maka kita tambah dengan effect Transparencetool hingga hasilnya seperti ini
kemudian hilangkan garis –garis pinggir yang ada pada objeck 1 yg telah kita buat sebelumnya, caranya klik Outline Width yang ada di papan atas corel anda lalu ganti dengan ‘none’ seperti gambar di bawah ini
Next – buat sebuah kotak persegi panjang, tempatkan di bawah kerangka sertifikat yang kita buat, caranya sama seperti saat kita membuat kerangka bekgroun di atas.. sehingga hasilnya seperti di bawah ini
Next – Buat sebuah kotak kecil dengan menggunakan Recktangeltool (F6) dan beri warna putih, copy /paste kurang lebih sepuluh buah, dan sejajarkan semua posisinya lalu tempatkan di dalm kotak panjang hitam yang telah kita buat tadi,, sehingga hasilnya seperti ini
..
Next – di langkah ini kita membuat tulisan yang akan bernaung di dalam sertifikat kita nantinya.. antara lain kita buat tulisan tema acar/sertifikat/jabatan/tgl & waktu acara/dan tempat tanda tangan pejabat ..
Untuk membuat tulisan klik tombol Text tool di papan menu sebelah kiri corel anda jika jenis font corel anda beragam maka anda dapat menggunakan nya untuk ke indahan text dalam sertifikat.
Setelah semua tulisan yang kita butuhkan selesai , kurang lebih hasil nya seperti di bawah ini
Jangan lupa tuk memberi warna di setiap text yang kita buat , agar kesannya lebih menarik
Next – buat dua buah kotak tipis panjang dan letakn tepat dibawah nama dan jabatan peserta , yang nanti gunanya untuk pembatas atara nama peserta dan jabatannya..
beri warna kotak tersebut dengan warna Orance, hingga hasilnya seperti ini
Kemudian kita buat dua buah kotak panjang lagi dengan cara yang sama dengan warna yang sama juga, heheee … tapi posisi dan ukurannya berbeda.. yang mana kotak pertama kita letakan pas di ujung bawah nama tema acara kita dan di ujung akhirnya.. ribettt langsung wae ,, (+-) seprti ini jadinya ..
Next – anda dapat menambahkan objeck baru yang nanti nya untuk memperamai bekcgroun anda.. disini saya menambahkannya dengan membuat persegi empat yang ssetiap sudutnya saya lengkukkan dengan cara klik tombol shape tool (F10) maka akan muncul kotak hitam di setiap sudut persegi empat yang kita buat tadi .. .. dan tarik dengan perlahan ke empat kotak hitam tersebut , lalu beri warna abu-abu dan atur transparancenya dengan cara seperti saat pertama kita buat objek 1 yg ada di kiri bakground.. hingga hasil nantinya akan seperti ini
copy/paste kotak yang telah kita buat tadi secukupnya dan atur ukuran/posisi setiap kotak lalu jadikan group..caranya seleksi semua kotak dan klik kiri.. maka akan muncul kotak dialog
seperti ini dan pilih ‘group’..
Next – letakan posisi kotak-kotak tersebut di unjug bawah desain sertifikat anda ..dan jangan lupa juga posisi na di tegah text dan backgroun dasar sehingga tidak menutupi text nantinya ..
Hasil jadinya seperti di bawah ini
Yang terakhir kita tinggal memasukan logo seponsor/penanggung jawab acara ..
Caranya lik file – import – (Ctrl i) dan pilih lokasi dimana anda menyimpan logo tersebut ..
Kalau sudah ketemu, tempatkan logo – logo tersebut tepat di ujung atas kanan desain sertifikat anda
Dan selesai ..
Selanjutnya tinggal kreatifitas teman-teman bagaimana untuk lebih memperindahnya . . .
Kurang lebih hasil dari desain sertifikat di atas seperti ini
Selamat mencoba ..