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 Jam Analog Animasi Dengan Macromedia Flash

Posted on 11 Januari 2012 by Nyoman CNd

Pada posting terdahulu, saya sudah menerbitkan artikel dengan judul Cara Membuat Jam Digital dan Memasangnya  Pada Sidebar- Blog,  dan pembahasan tutorial pada artikel tersebut saya menyarankan anda untuk menggunakan salah satu situs layanan online dalam membuat jam. Hasilnya, jam animasi flash yang kita dapat masih terdapat tulisan nama website penyedia layanan online tersebut.

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

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

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.

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, 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

Gambar.3

4.     Setelah gambar/foto yang anda import ke stage sudah muncul, selanjutnya klik menu Text Tool atau tombol T pada keyboard anda.

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.

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.

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.

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.

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).

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;

};

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.

SELESAI

Cara Membuat Jam Analog Animasi Dengan Macromedia Flash

Posted on 11 Januari 2012 by Nyoman CNd

Pada posting terdahulu, saya sudah menerbitkan artikel dengan judul Cara Membuat Jam Digital dan Memasangnya  Pada Sidebar- Blog,  dan pembahasan tutorial pada artikel tersebut saya menyarankan anda untuk menggunakan salah satu situs layanan online dalam membuat jam. Hasilnya, jam animasi flash yang kita dapat masih terdapat tulisan nama website penyedia layanan online tersebut.

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

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

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.

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, 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

Gambar.3

4.     Setelah gambar/foto yang anda import ke stage sudah muncul, selanjutnya klik menu Text Tool atau tombol T pada keyboard anda.

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.

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.

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.

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.

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).

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;

};

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.

SELESAI

aktivasi idm tanpa crak

aktivasi idm tanpa crak
Walaupun banyak dibutuhkan, IDM bukanlah aplikasi opensource, IDM hanya bisa digunakan dengan sistem buy or trial, alias masa percobaan. Sehingga untuk bisa memakainya terus, kita perlu mengupgradenya dari free trial menjadi Full version atau membeli lisensinya (yang tentu saja bayar).

Namun jangan khawatir kawan, ada cara ampuh untuk Crack IDM Trial menjadi Full version (pastinya gratis). Langsung saja kita simak bagaimana caranya :
Tool :

• Aplikasi IDM
• Serial Number (Ane sediain dibagian bawah artikel ini)

Caranya :

• Install IDM
• Matiin dulu IDM, Klik kanan ikon IDM di tray kanan bawah task bar PC
• Buka explorer dan cari folder etc9 (biasanya di C:\WINDOWS\system32\drivers\etc9)
• Buka file hosts yang ada di folder etc9 tersebut pake notepad / wordpad.
• Isikan teks berikut ini

127.0.0.1 localhost :
127.0.0.1 tonec.com
127.0.0.1 www.tonec.com
127.0.0.1 registeridm.com
127.0.0.1 www.registeridm.com
127.0.0.1 secure.registeridm.com
127.0.0.1 secure.internetdownloadmanager.com
127.0.0.1 mirror.internetdownloadmanager.com 127.0.0.1 mirror2.internetdownloadmanager.com

• Save file tersebut. Lalu buka aplikasi IDM ente via Start menu.
• Pilih menu Registration terus pilih submenu Registration.
• Masukkan nama dan alamat email ente (diisi ngawur juga nggak papah, hehe ...) diikuti dengan serial number yang sudah ente copas.
• klik ok dan buka IDM ente di start menu
• Lihat hasilnya :p
• Note 's : kalo ada update IDM, JANGAN DI UPDATE YAK !!! atau IDM ente hangus :p

Serial Number:

• W3J5U-8U66N-D0B9M-54SLM
• EC0Q6-QN7UH-5S3JB-YZMEK
• GZLJY-X50S3-0S20D-NFRF9

Masukin salah satu saja, jangan masukin tiga - tiganya

Cara Membuat Tulisan Melingkari Cursor

 Cara Membuat Tulisan Melingkari Cursor 

<style type="text/css">

/* Circle Text Styles */

/*http://www.dynamicdrive.com/dynamicindex13/circletext.htm */

#outerCircleText {

/* Optional - DO NOT SET FONT-SIZE HERE, SET IT IN THE SCRIPT */

font-style: italic;

font-weight: bold;

font-family: 'comic sans ms', verdana, arial;

color: #000;

/* End Optional */

/* Start Required - Do Not Edit */

position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}

#outerCircleText div {position: relative;}

#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}

/* End Required */

/* End Circle Text Styles */

</style>

<script type="text/javascript">

/* Circling text trail- Tim Tilton

   Website: http://www.tempermedia.com/

   Visit: http://www.dynamicdrive.com/ for Original Source and tons of scripts

   Modified Here for more flexibility and modern browser support

   Modifications as first seen in http://www.dynamicdrive.com/forums/

   username:jscheuer1 - This notice must remain for legal use

   */

;(function(){

// Your message here (QUOTED STRING)

var msg = "Welcome to my blog!";

/* THE REST OF THE EDITABLE VALUES BELOW ARE ALL UNQUOTED NUMBERS */

// Set font's style size for calculating dimensions

// Set to number of desired pixels font size (decimal and negative numbers not allowed)

var size = 24;

// Set both to 1 for plain circle, set one of them to 2 for oval

// Other numbers & decimals can have interesting effects, keep these low (0 to 3)

var circleY = 0.75; var circleX = 2;

// The larger this divisor, the smaller the spaces between letters

// (decimals allowed, not negative numbers)

var letter_spacing = 5;

// The larger this multiplier, the bigger the circle/oval

// (decimals allowed, not negative numbers, some rounding is applied)

var diameter = 10;

// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)

var rotation = 0.4;

// This is not the rotation speed, its the reaction speed, keep low!

// Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)

var speed = 0.3;

////////////////////// Stop Editing //////////////////////

if (!window.addEventListener && !window.attachEvent || !document.createElement) return;

msg = msg.split('');

var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,

ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],

o = document.createElement('div'), oi = document.createElement('div'),

b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body,

mouse = function(e){

 e = e || window.event;

 ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position

 xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position

},

makecircle = function(){ // rotation/positioning

 if(init.nopy){

  o.style.top = (b || document.body).scrollTop + 'px';

  o.style.left = (b || document.body).scrollLeft + 'px';

 };

 currStep -= rotation;

 for (var d, i = n; i > -1; --i){ // makes the circle

  d = document.getElementById('iemsg' + i).style;

  d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px';

  d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';

 };

},

drag = function(){ // makes the resistance

 y[0] = Y[0] += (ymouse - Y[0]) * speed;

 x[0] = X[0] += (xmouse - 20 - X[0]) * speed;

 for (var i = n; i > 0; --i){

  y[i] = Y[i] += (y[i-1] - Y[i]) * speed;

  x[i] = X[i] += (x[i-1] - X[i]) * speed;

 };

 makecircle();

},

init = function(){ // appends message divs, & sets initial values for positioning arrays

 if(!isNaN(window.pageYOffset)){

  ymouse += window.pageYOffset;

  xmouse += window.pageXOffset;

 } else init.nopy = true;

 for (var d, i = n; i > -1; --i){

  d = document.createElement('div'); d.id = 'iemsg' + i;

  d.style.height = d.style.width = a + 'px';

  d.appendChild(document.createTextNode(msg[i]));

  oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;

 };

 o.appendChild(oi); document.body.appendChild(o);

 setInterval(drag, 25);

},

ascroll = function(){

 ymouse += window.pageYOffset;

 xmouse += window.pageXOffset;

 window.removeEventListener('scroll', ascroll, false);

};

o.id = 'outerCircleText'; o.style.fontSize = size + 'px';

if (window.addEventListener){

 window.addEventListener('load', init, false);

 document.addEventListener('mouseover', mouse, false);

 document.addEventListener('mousemove', mouse, false);

  if (/Apple/.test(navigator.vendor))

   window.addEventListener('scroll', ascroll, false);

}

else if (window.attachEvent){

 window.attachEvent('onload', init);

 document.attachEvent('onmousemove', mouse);

};

})();

</script>

Cara Membuat Tombol Button Animasi dengan Easy GIF Animator

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.

Gambar no.1

2.     Pada halaman seperti pada gambar no.2 dibawah, klik Round Rectangle, selanjutnya klik Next

Gambar no.2

Selanjutnya atur ukuran lebar dan tinggi button yang akan anda buat, jangan lupa klik Next

Gambar no.3

3.     Pada bagian background, klik Gradient color.

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.

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.

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 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