Sabtu, 16 Juni 2012

Cara Membuat Kartu Nama atau ID Card 2 Mode Landscape

Cara Membuat Kartu Nama Mode Landscape
Landscape ID Card by Lombokdihati
Seperti pada umumnya, Kartu Nama atau ID Card mempunyai  dua macam bentuk atau model, yaitu model Potrait (berdiri) dan Model Landscape (persegi panjang).

Tips mengenai cara membuat ID Card  Model potarait, artikelnya  sudah saya posting sebelumnya, dan kalau anda belum sempat membacanya, silahkan baca disini
Untuk melengkapi artikel ID Card yang pertama, kali ini saya akan berbagi tips dengan teman-teman, mengenai Cara membuat ID Card sederhana dengan model Landscape.
Mudah-mudahan, artikel-artikel yang telah saya posting, bisa memberikan sedikit pencerahan buat teman-teman, untuk berkreasi lebih jauh dalam hal desain grafis.
Adapun langkah-langkah untuk membuat ID Card Landscape, yaitu :
1.     Buka Coreldraw anda, kemudian klik New
2.     Pilih media kertas dengan model Slide Landscape dengan ukuran pixel.
3.     Klik Rectangle Tool (F6), kemudian buat kolom diatas media dengan cara klik+Tahan+geser(Drag), selanjutnya :
·      Warnai media yang telah dibuat dengan mengklik salah satu warna pada menu warna yang terdapat disebelah kanan halaman.
·      Rubah suduh lancip kolom dengan mengklik menu Rectangle Corner Roundness yang terletak dibagian atas halaman.
·      Hilangkan garis pinggir kolom dengan mengklik menu Outline Widht yang terletak dibagian atas halaman, kemudian pilih None.
Selanjutnya, ganti warna background media dengan warna sedikit gelap, agar memudahkan anda untuk membedakan kolom ID Card dengan media.
Cara merubah background, silahkan klik disini
Selanjutnya, geser garis tepi kolom sampai sejajar dengan tepi media. (Lihat gambar no.1 dibawah)
Membuat kolom dan memberi warna merah putih
4.     Langkah berikutnya, buat kolom baru dengan mengklik Ctrl+C dan Ctrl+V.
Klik warna merah pada menu warna untuk memberi warna pada kolom baru tersebut, kemudian geser keatas tepi bawah kolom baru tersebut, hingga kolom warna putih yang terletak dibawahnya menjadi kelihatan.
(Lihat gambar no. 2 diatas)
Selanjutnya, buatlah kolom baru diatas kolom yang sudah ada, kemudian berilah warna yang sama dengan kolom pertama, rubahlah sudut melengkung menjadi lancip.
Selanjutnya atur posisi kolom tersebut hingga kolom 1,2 dan 3, kelihatan menjadi satu kesatuan waran MERAH PUTIH. Merdekaaa….!!!! :-D :-D
5.     Langkah berikutnya, klik menu Text Tool (F8) untuk menulis teks pada ID Card anda.
Membuat Teks pada ID Card Landscape
6.     Sisipkan sebuah photo pada ID Card anda dengan mengcopy file yang tersimpan pada netbook/computer anda, kemudian paste pada halaman ID Card, dengan menekan tombol Ctrl+V pada keyboard anda.
Atur warna efek photo , kemudian geser posisi photo pada tempat yang anda inginkan.
7.     Sisipkan sebuah Peta Indonesia pada kolom ID anda (gambar no.1 dibawah), caranya sama seperti langkah no.6 diatas.
Menyisipkan gambar Peta dan Stempel Pada ID Card Landscape
Kalau anda belum punya photonya, silahkan download disini
8.     Untuk membuat efek transparan pada Peta, klik menu Interactive Transparency Tool yang terdapat disebelah kiri halaman.
Selanjutnya Pilih Uniform kemudian Substrack. (Perhatikan gambar dibawah)
Membuat Efek Transparan pada Gambar Peta
Aturlah letak peta tersebut agar ID Cardnya jadi indah dipandang mata.
Apabila ada tulisan yang tertimpa oleh garis peta tersebut, klik kanan pada tulisan tersebut, kemudian Order –> To Front.
(Perhatikan gambar dibawah)
Mempertebal tulisan
9.     Sisipkan sebuah Stempel  pada ID Card (Caranya sama seperti pada langkah no.6). Untuk memberikan efek transparan, caranya sama seperti langkah no.8 diatas.
10.     Sisipkan tanda tangan pada ID Card anda.
Tanda tangan, bisa dari hasil scanner maupun dengan memakai tulisan teks dengan fonts Brooklyn Kid
11.     Masukkan Kode Bar pada ID Card anda. Caranya, klik menu Edit yang terletak pada bagian atas halaman, kemudian pilih Insert Barcode.
Menyisipkan Barkode
Selanjutnya pilih jenis Bar dan tulis angka-angka yang ingin anda jadikan kode ID.
12.     Langkah berikutnya, simpan file anda dengan mengklik tombol Ctrl+E pada keyboard anda. Maka akan muncul sebuah halaman yang harus anda isi tempat penyimpanan ID Card pada netbook/computer anda, Nama ID Card, dan type ID Card anda, kemudian klik Export.
Halaman yang muncul selanjutnya adalah seperti gambar dibawah.
Cara Menyimpan file ID Card Landscape
Pada halaman seperti gambar diatas, atur ukuran ID Card yang akan anda simpan. (Ukuran ideal untuk ID Card Landscape adalah Lebar 640px dan Tinggi 407px).
Selanjutnya klik OK.

Cara Membuat Tombol Button Animasi dengan Easy GIF Animator

Cara Membuat Tombol Button Animasi
Button Animasi
Selain untuk membuat Banner Teks Animasi, applikasi Easy GIF Animator juga bisa kita manfaatkan untuk membuat Tombol Button seperti pada gambar diatas.
Apakah anda berminat?? Kalau iya, silahkan ikuti langkah-langkah dibawah :

1.     Buka applikasi Easy GIF Animator anda, kemudian klik Create Animated Button.
Membuat Tombol Button Animasi
Gambar no.1
2.     Pada halaman seperti pada gambar no.2 dibawah, klik Round Rectangle, selanjutnya klik Next
Membuat Tombol Button Animasi
Gambar no.2
Selanjutnya atur ukuran lebar dan tinggi button yang akan anda buat, jangan lupa klik Next
Membuat Tombol Button Animasi 02
Gambar no.3
3.     Pada bagian background, klik Gradient color.
Membuat Tombol Button Animasi
Gambar no.4
Pada halaman ini, anda bisa memilih warna dan motif warna button. Selanjutnya klik next.
4.     Pada halaman Border seperti pada gambar no.5 dibawah, pilih warna border/garis tepi untuk tombol button anda, kemudian klik Next.
Membuat Tombol Button Animasi
Gambar no.5
3.     Pada bagian Caption seperti pada gambar no.6 dibawah, tulis teks untuk button, kemudian pilih jenis, ukuran, dan warna fonts, serta waktu penampakan teks pada masing-masing caption.
Membuat Tombol Button Animasi
Gambar no.6
Selanjutnya klik Caption 2. Lakukan hal yang sama seperti langkah diatas, begitu juga untuk Caption 3.
4.     Setelah semua pengaturan selesai anda lakukan, selanjutnya klik Finish.
Pada halaman selanjutnya, klik File —> Save. Simpan file button anda dengan type Image GIF(*.gif).
Selesai

Cara Membuat Jam Analog Animasi Dengan Macromedia Flash

Kalau jam animasi tersebut kita pasang pada sidebar blog, tulisan tersebut pastinya akan ikut kelihatan, dan untuk menyembunyikannya kita harus mengutak-atik kode html agar tidak ikut kelihatan pada sidebar blog kita, sungguh menjengkelkan sekali :-D
Setelah berkali-kali saya nanya kepada mbah google tentang cara membuat jam animasi flash, jawabannya sangat beraneka ragam, akhirnya rasa penasaran saya terjawab sudah, anda bisa lihat hasilnya pada jam flash diatas.
Pada artikel saya kali ini, saya akan mencoba memodif sedikit tutorial-tutorial terdahulu, agar teman-teman bloggers yang kebetulan masih belum tahu cara membuatnya, dapat ikut berkreasi :-)
”Biarlah anjing menggonggong yang penting khafilah tetap berlalu”
Biarkan para bloggers senior mencibir dengan tutorial ini, yang penting artikel ini juga dapat bermanfaat untuk teman-teman sesama junior :-D :-D
Untuk bisa membuat jam animasi flash tersebut, modal utama kita tentunya kita harus menginstall sebuah software berbasis flash pada netbook/computer kita. Dan disini saya menyarankan anda untuk menggunakan Macromedia Flash Propessional 8. Ukuran software ini, tidak lebih besar dari software Coreldraw  hanya sekitar 107MB.
Adapun langkah-langkah dalam membuat jam animasi flash adalah sebagai berikut :
1.     Buka applikasi Macromedia anda, kemudian klik Flash Document pada bagian Create New.
Membuat Jam Animasi Flash Analog
Gambar.1
2.     Setelah muncul halaman baru, selanjutnya tekan Ctrl+F3 pada keyboard netbook/computer anda, sehingga muncul halaman seperti gambar dibawah.
Membuat Jam Animasi Flash Analog
Gambar.2
Pada halaman Document Properties seperti gambar no.2 diatas, silahkan isi form yang terdapat disana, dan ganti ukuran default media dengan ukuran jam yang ingin anda buat (contoh : 200 x 200 px), selanjutnya klik OK.
Tekan Ctrl+F3 lagi untuk kembali kehalaman semula.
Pada bagian ini, anda juga bisa menggunakan ukuran gambar/foto yang terdapat pada netbook/computer anda. Jadi, sebelum membuka Macromedia Flash, silahkan edit  terlebih dahulu file gambar/foto yang tersimpan pada netbook/computer anda, contohnya seperti file gambar logo WP yang saya buat dibawah. Anda juga bisa menggunakan foto anda sendiri sebagai background jam animasi flash.

3.     Setelah gambar/foto anda sudah siap, langkah berikutnya adalah, klik menu File–>Import–>Import to Stage
Membuat Jam Animasi Flash Analog
Gambar.3
4.     Setelah gambar/foto yang anda import ke stage sudah muncul, selanjutnya klik menu Text Tool atau tombol T pada keyboard anda.
Membuat Jam Animasi Flash Analog
Gambar.4
Selanjutnya buatlah teks area pada gambar/foto dan tulis angka 1 sampai 12 secara terpisah. (Perhatikan gambar no.4 diatas)
5.     Langkah selanjutnya, klik Ctrl+F3 pada keyboard untuk mengatur ukuran dan warna angka pada Text Properties.
Membuat Jam Animasi Flash Analog
Gambar.5
Setelah selesai, klik Ctrl+F3 untuk menyembunyikan halaman text properties.
Selanjutnya, geser angka 1 sampai 12 tersebut seperti pada posisi angka jam pada umumnya, sehingga tampak seperti pada gambar no.6 dibawah.(Klik Selection Tool untuk menggeser)
6.     Langkah berikutnya, klik Line Tool pada menu, atau tombol N pada keyboard anda, kemudian buatlah 3 buah garis untuk penunjuk arah jam (jam, menit, detik) seperti pada gambar dibawah.
Membuat Jam Animasi Flash Analog
Gambar.6
Langkah berikutnya, klik Selection Tool atau tekan tombol V pada keyboard anda. Selanjutnya, klik garis pendek (jam) yang telah anda buat, kemudian tekan F8 pada keyboard anda.
Membuat Jam Animasi Flash Analog
Gambar.7
Pada halaman yang muncul seperti gambar diatas, pada kolom Name, ganti teks yang ada dengan jam_mc, pilih Movie klip untuk Type, dan pastikan titik Registration berada pada baris tengah bawah. Selanjutnya klik OK.
7.     Langkah berikutnya, tekan Ctrl+F3 untuk menampilkan halaman property.
Membuat Jam Animasi Flash Analog
Gambar.8
Pada gambar diatas, klik kolom <Instace Name> dan ganti dengan jam_mc.
8.     Selanjutnya klik garis ke-2 (menit) kemudian tekan F8, ganti Name  dengan menit_mc. Selanjutnya tekan Ctrl+F3 pada keyboard, ganti <Instance Name> dengan menit_mc.
9.     Langkah berikutnya, klik garis ke-3 (detik) kemudian tekan F8, ganti Name dengan detik_mc. Selanjutnya tekan Ctrl+F3, ganti <Instance Name> dengan detik_mc.
10.     Langkah selanjutnya, geser ke-3 garis tersebut satu persatu, dan letakkan pada gambar/media (ditumpuk) dengan posisi garis pendek (jam) terletak paling bawah, kemudian garis menit, dan yang terakhir garis panjang (detik).
Membuat Jam Animasi Flash Analog
Gambar.9
11.     Selanjutnya klik dibawah angka 1 pada halaman frame, kemudian tekan F9.
Pada halaman Action yang muncul, copy kode dibawah kemudian paste pada halaman tersebut.
//perintah yang dijalankan ketika frame dimainkan
onEnterFrame = function () {
                //membuat variable waktu sebagai date object
                waktu = new Date();
                //membuat variable jam dengan nilai sama dengan jam pada komputer
                jam = waktu.getHours();
                //membuat variable menit dengan nilai sama dengan menit pada komputer
                menit = waktu.getMinutes();
                //membuat variable detik dengan nilai sama dengan detik pada komputer
                detik = waktu.getSeconds();
                //digunakan jika komputer menggunakan sistem 12 jam
                //jika nilai variable jam lebih dari 12 maka akan dikurangi 12
                if (jam>12) {
                                jam -= 12;
                }
                //movie clip jam_mc akan berotasi sesuai nilai variable jam dikali 30 yang ditambah nilai variable menit di bagi 2
                jam_mc._rotation = jam*30+(menit/2);
                //movie clip jam_mc akan berotasi sesuai nilai variable menit dikali 6
                menit_mc._rotation = menit*6;
                //movie clip detik_mc akan berotasi sesuai nilai variable detik dikali 6
                detik_mc._rotation = detik*6;
};
Membuat Jam Animasi Flash Analog
Gambar.10
Selanjutnya tekan Ctrl+ENTER untuk melihat hasilnya.
12.     Simpan jam animasi anda dengan mengklik File–>Export–>Export Movie.
Pada halaman berikutnya, pilih type Flash Movie(*.swf) kemudian klik Save, dan pada halaman terakhir klik OK.

Cara Membuat Gambar Animasi Cincin Berputar atau Gambar Loading

Gambar Animasi Cincin Berputar
Gambar Animasi Cincin Berputar
Judul diatas salah kali ya?? Hehehe.. Habis saya bingung banget, hampir setengah jam saya berpikir untuk membuat judul yang tepat untuk artikel yang ini. Dibilang cincin nggak juga, dibilang gambar loading juga bukan. Sempat juga sih pingin ngasih judul Cara Membuat Gambar Lingkaran Terputus-putus Berputar, tapi kayaknya ribet banget :-D Bisa jadi mbah dugel jadi ikutan bingung ngedeteksinya :mrgreen:

Saya harapkan teman-teman nggak jadi ikutin pusing mikirin judulnya, yang penting tutorialnya mudah dipahami. Kita langsung saja ya…
1.     Buka aplikasi Macromedia Flash anda, pada halaman Created New klik Flash Document.
2.     Setelah halaman utama muncul, selanjutnya tekan Ctrl+F3 pada keyboard anda.
Pada halaman Properties klik kolom Size default media, dan pada halaman Document Properties isilah form yang tersedia dengan ukuran gambar yang akan anda buat. (Contoh 200×200 px) selanjutnya klik OK. Tekan Ctrl+F3 untuk kembali kehalaman utama.
Untuk gambar panduan, silahkan Klik Kanan–>Open in New Tab Disini
3.     Langkah selanjutnya, klik Oval Tool (O) kemudian buatlah sebuah lingkaran diatas media.
Untuk menghasilkan lingkaran sempurna caranya klik tahan tombol SHIFT sambil menggeser muse.
Cara Membuat Gambar Animasi Cincin Berputar atau Gambar Loading
Gambar.1
4.     Selanjutnya klik Rectangle Tool (R) kemudian buatlah 4 buah kotak panjang diluar media seperti gambar dibawah.
Cara Membuat Gambar Animasi Cincin Berputar atau Gambar Loading
Gambar.2
Gantilah warna keempat garis kotak panjang tersebut dengan mengklik Fill Tool. Ganti dengan warna putih.
5.     Selanjutnya pindahkan keempat garis kotak panjang tersebut keatas lingkaran yang telah dibuat sebelumnya seperti pada gambar dibawah.
Cara Membuat Gambar Animasi Cincin Berputar atau Gambar Loading
Gambar.3
Untuk merubah arah/posisi garis tersebut, klik Free Transform Tool (Q)
6.     Langkah berikutnya, tekan tombol A kemudian tombol V pada keyboard, kemudian klik pada bagian tengah garis kotak, selanjutnya tekan tombol DELETE pada keyboard sehingga bentuk bulatan berubah seperti gambar no.4 dibawah.
7.     Selanjutnya klik Oval Tool (O) kemudian buatlah sebuah lingkaran diluar media, seperti pada gambar dibawah.
Cara Membuat Gambar Animasi Cincin Berputar atau Gambar Loading
Gambar.4
8.     Selanjutnya, seleksi lingkaran yang baru dibuat dengan mengklik tombol V pada keyboard, kemudian pindahkan lingkaran tersebut keatas media.
Cara Membuat Gambar Animasi Cincin Berputar atau Gambar Loading
Gambar.5
Selanjutnya klik tombol A kemudian tombol V pada keyboard, selanjutnya klik pada lingkaran yang baru dipindah kemudian tekan tombol DELETE pada keyboard.
9.     Langkah berikutnya, klik pada salah satu kotak lingkaran kemudian klik Fill Tool untuk mengganti warna kotak lingkaran.
Cara Membuat Gambar Animasi Cincin Berputar atau Gambar Loading
Gambar.6
Lakukan hal yang sama pada setiap kotak lingkaran, ganti warna sesuai dengan keinginan anda.
10.     Setelah langkah diatas selesai anda lakukan, selanjutnya klik dibawah angka frame 30 kemudian tekan F6 pada keyboard anda.
Cara Membuat Gambar Animasi Cincin Berputar atau Gambar Loading
Gambar.7
Selanjutnya klik kanan dibawah angka frame 15 kemudian pilih Create Motion Tween.
11.     Langkah selanjutnya, tekan Ctrl+F3. Pada halaman Properties pilih CW pada Rotate.
Cara Membuat Gambar Animasi Cincin Berputar atau Gambar Loading
Gambar.8
Klik Ctrl+ENTER untuk melihat hasilnya.
12.     Untuk menyimpan gambar animasi tersebut, silahkan klik File–>Export–>Export Movie
Simpan dengan type Animated GIF(*.gif) atau Flash Movie(*.swf).
SELESAI

Cara Membuat Gambar Animasi Bola Menggelinding


Selamat datang teman-teman pecinta animasi flash, pada artikel kali ini saya akan membahas mengenai Cara Membuat Gambar Animasi sederhana yaitu gambar animasi bola menggelinding. Lain halnya dengan gambar animasi Bola Memantul, pada gambar animasi ini pergerakan gambar bola akan disertai dengan putaran.
Apakah anda tertarik untuk mencoba membuatnya?? Let’s do it…. :D

1.    Buka applikasi Macromedia anda, kemudian klik Flash Document  pada halaman Created New.
Membuat Gambar Animasi Bola Menggelinding
2.    Setelah muncul halaman baru, selanjutnya tekan tombol Ctrl+F3 pada keyboard anda.
Membuat Gambar Animasi Bola Menggelinding
Selanjutnya klik ukuran Default media kemudian pada  halaman Document properties ganti ukuran menjadi 400 x 100 px (terserah anda). Klik Ctrl+F3 untuk kembali ke media.
3.    Rename Layer 1 menjadi Alas, selanjutnya klik menu Rectangle Tool (R) kemudian buatlah gambar kotak persegi panjang pada media dengan menggerakkan mouse anda.
Membuat Gambar Animasi Bola Menggelinding
4.    Tambahkan 1 Layer lagi, kemudian ganti nama Layer menjadi Bola.
Klik menu Oval Tool (O), kemudian buatlah sebuah gambar lingkaran dengan posisi seperti gambar 4 dibawah.
Masih pada Layer Bola, selanjutnya klik menu Line Tool (N) kemudian buatlah 2 buah garis diluar media seperti pada gambar dibawah.
Membuat Gambar Animasi Bola Menggelinding 4
5.    Selanjutnya klik menu Subselection Tool (A) kemudian klik tahan pada garis dan letakkan kedua garis tersebut diatas bola dengan posisi seperti gambar dibawah.
Membuat Gambar Animasi Bola Menggelinding 5
6.    Langkah berikutnya klik menu Free Tansform Tool (Q) selanjutnya klik pada salah satu bagian lingkaran tersebut dan berilah warna sesuai selera anda, lakukan hal yang sama pada bagian lingkaran yang lain satu persatu.
Membuat Gambar Animasi Bola Menggelinding 6
7.    Masih pada menu Free Tansform Tool (Q), klik pada bagian garis kemudian tekan tombol DELETE pada keyboard anda. Lakukan hal yang sama pada semua bagian garis yang ada hingga menghasilkan gambar lingkaran seperti dibawah.
Membuat Gambar Animasi Bola Menggelinding 7
8.    Selajutnya klik dibawah angka Frame 20 Layer Bola kemudian tekan F6 pada keyboard anda. Lakukan hal yang sama pada Layer Alas. (Gambar 8b)
Langkah berikutnya klik dibawah angka Frame 10 Layer Bola kemudian klik kanan dan pilih Created Motion Tween (Gambar 8b)
Membuat Gambar Animasi Bola Menggelinding 8a dan b
9.    Berikutnya klik tombol V pada keyboard anda, kemudian klik dibawah angka Frame 20 Layer Bola. Geser gambar bola tersebut kekanan dengan menggunakan tombol Ctrl+Tanda panah pada keyboard anda.
Membuat Gambar Animasi Bola Menggelinding 9
10.    Langkah berikutnya klik dibawah angka Frame 10 Layer Bola kemudian tekan F9 pada keyboard anda.
Membuat Gambar Animasi Bola Menggelinding 10
Pada halaman yang muncul, ganti arah Rotate menjadi CW, dan 2 Times.
Tekan Ctrl+ENTER untuk melihat hasilnya.
Untuk menyimpan gambar tersebut, klik menu File–>Export–>Export Movie. Pilih type Flash Movie (SWF) atau Animasi.GIF.

Share To