cara buat kursor animasi pada blog

Rabu, 09 November 2011

 

Cara membuat kursor animasi pada blog caranya sangat gampang sekali tinggal copy paste kursor sobat sudah keren , mungkin teman2 ingin mempercantik dengan kursor animasi dan bosen dengan kursor yang putih melulu ok langsung saja ke TKP gan.

1. Login ke aku blogger
2. Ke rancangan
3. klik tambah gedget
4. klik HTML/JAVA SECRIPT

copy kode di bawah ini:

<style type="text/css">body, a, a:hover {cursor: url(alamat kursor), progress;}</style>


Ganti yang bertuliskan " alamat kursor " dengan alamat animasi yang sobat inginkan. belum punya alamat animasi emmm tenang saja, ada beberapa situs yang menyediakan alamat kursor keren dan menarik, tapi kali ini yang saya rekomendasikan cuma satau saja namanya "CURSORS-4U" langsung saja menuju ke website.

• CURSORS-4U

Cara pasangnya sangat mudah lihat kode animasi di bawah ini.

<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-3/cur204.ani), progress;}</style><a href="http://www.cursors-4u.com/cursor/2009/04/22/flaming-arrow.html" target="_blank" title="Flaming Arrow"><img src="http://cursors-4u.com/cursor.png" border="0" alt="Flaming Arrow" style="position:absolute; top: 0px; right: 0px;" /></a>

Copy kode yang berwarna biru saja ke tempat yang saya jelaskan di atas tadi.gimana sangat mudah kan, semoga bermanfaat.

Cara Membuat Gambar Animasi Berputar atau Baling Baling Animasi

Posted on 7 Februari 2012 by Nyoman CNd

Gambar Animasi Berputar

Membahas masalah gambar animasi adalah suatu hal yang sangat menarik, karena seiring dengan perkembangan teknologi yang semakin maju, sehingga dengan semakin banyaknya software pendukung yang bermunculan, secara langsung akan berpengaruh dengan keanekaragaman bentuk gambar animasi yang akan dihasilkan.

Masih pada Macromedia Flash Professional 8, kali ini saya akan berbagi tutorial dasar animasi ringan yaitu mengenai cara membuat gambar animasi berputar yang menyerupai baling-baling atau kipas angin, dengan arah dan kecepatan putaran yang bisa kita atur/tentukan sendiri.

Apakah anda berminat mencobanya?? Silahkan ikuti langkah-langkah dibawah.

1.     Buka aplikasi Macromedia anda, kemudian klik Flash Document pada bagian Create New.

Gambar.1

2. Setelah muncul halaman baru, selanjutnya tekan Ctrl+F3 pada keyboard netbook/computer anda, sehingga muncul halaman seperti gambar dibawah.

Gambar.2

Pada halaman Document Properties seperti gambar no.2 diatas, silahkan isi form yang terdapat disana (contoh 200×200 px). Selanjutnya klik OK.

Tekan Ctrl+F3 lagi untuk kembali kehalaman semula.

3.     Selanjutnya klik Rectangle Tool (R)kemudian pilih PolyStar Tool.

Gambar.3

Klik Ctrl+F3 pada keyboard kemudian klik Option… pada halaman properties hingga muncul halaman Tool Settings seperti dibawah.

Gambar.4

Ganti ukuran default Number of sides dengan angka 3

Tekan Ctrl+F3 lagi untuk kembali kehalaman semula.

4.     Buatlah 2 buah segitiga seperti gambar dibawah.

Gambar.5

5.     Selanjutnya klik Oval Tool (O) kemudian buatlah 1 buah lingkaran kecil seperti gambar no.5 diatas.

4.     Langkah selanjutnya, aturlah posisi ketiga gambar tersebut hingga menjadi seperti gambar dibawah.

Gambar.6

Selanjutnya klik dibawah angka frame 30 kemudian klik F6 pada keyboard anda.

7.     Langkah berikutnya, klik dibawah angka frame 15 kemudian klik kanan, selanjutnya pilih Created Motion Tween

Gambar.7

8.      Selanjutnya klik Ctrl+F3 pada keyboard hingga muncul halaman seperti gambar dibawah.

Gambar.8

Pada bagian Rotate pilih CW dengan 5 times.

9.     Tekan Ctrl+ENTER untuk melihat hasilnya.

• Untuk menghasilkan putaran yang bagus, silahkan edit pada angka frame(langkah no.6) dan angka frame rate (Langkah no.3). Contoh : Letakkan/geser Keyframe dibawah angka 70 dengan frame rate 50).

CW adalah putaran kekanan yang searah dengan jarum jam, dan CCW adalah putaran kekiri.

10.     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 Cincin Berputar atau Gambar Loading

Posted on 7 Februari 2012 by Nyoman CNd

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 Bisa jadi mbah dugel jadi ikutan bingung ngedeteksinya

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.

Gambar.1

4.     Selanjutnya klik Rectangle Tool (R) kemudian buatlah 4 buah kotak panjang diluar media seperti gambar dibawah.

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.

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.

Gambar.4

8.     Selanjutnya, seleksi lingkaran yang baru dibuat dengan mengklik tombol V pada keyboard, kemudian pindahkan lingkaran tersebut keatas media.

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.

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.

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.

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