header ilmugrafis
Home Tutorials Fonts IG Store Contact
 
ilmu grafis » MACROMEDIA DAN ADOBE FLASH

Mengenal Animasi Efek Twirl

Publish: 9 Februari 2013 | Author & Copyright: Irman Maulana | Status: FREE tutorial

Halo sobat IG, kali ini saya akan membahas tutorial yang  berhubungan dengan animasi efek. Selain mengandalkan frame dan motion tween, animasi ternyata dapat juga dibuat dengan menggunakan action script.  Keunggulan animasi dengan actionscript adalah flash akan menghasilkan ukuran file movie yang lebih kecil dibanding animasi dengan menggunakan tween.

Untuk lebih jelasnya, ikuti langkah Membuat Animasi Twirl di bawah ini:

1. Buka Program Flash, Buat file flash baru - Flash Document (ActionScript 2.0).

2. Pada bagian Properties, ubah ukuran dokumen menjadi 550 x 100 px.
setting properties
gambar: setting ukuran stage

3. Buat sebuah bentuk seperti gambar di bawah ini:
blade
gambar : blade

4. Tentukan / Transform ukuran gambar di atas menjadi 25x80px.

5. Convert gambar tersebut menjadi movieclip dengan cara klik kanan pada objek > pilih Convert to Symbol.

6. Beri nama “blade”, untuk type pilih movieclip. Pada bagian Registration, ubah titik nya menjadi di bawah. (Lihat gambar)
convert to symbol
gambar: convert to symbol

7. Klik movieclip “blade”. Buka panel propertise, pada kolom instance name beri nama “blade”

8. Dengan movieclip yang masih terseleksi, buka panel action lalu masukan script berikut:
onClipEvent(enterFrame)
{
                this._rotation +=5;
}

9. Letakan movieclip “blade” berada di  sebelah kiri Stage
blade stage
gambar: blade di stage

10. Terakhir, pada frame 1  ketikan script berikut:
//menggandakan movieclip blade dan mengatur posisi x, alpha dan rotasi
for (i=0; i<=550; i=i+10) {
                duplicateMovieClip(_root.blade, "blade"+i, i);
                setProperty("_root.blade"+i, _x, i);
                setProperty("_root.blade"+i, _alpha, i/550*100);
                setProperty("_root.blade"+i, _rotation, i);
                _root.blade._visible=0;}

11. Jalankan movie dengan menekan tombol Ctrl+Enter

Mudahkan! Anda bisa berkreasi dengan merubah bentuk objek atau merubah nilai pada perulangan for sehingga menghasilkan animasi yang anda inginkan.

Bagi para Grafiser yang ingin mengutak atik sourcenya bisa mendownload file hasil jadi dari tutorial ini , Download Disini

Terus berkreasi dan gali potensi diri, Semoga Tutorial Animasi Twirl di atas bermanfaat bagi anda semua. Tutorial Terkait Lainnya: tutorial game tangkap nyamuk. Terima kasih, IG - Semoga Bermanfaat

Share URL Share the URL of this Tutorial in IM, Email or post in forums

* Klik Link, copy (ctrl + c) dan paste (ctrl + v)
 

author
<> Info dan Kontak Penulis
Tentang penulis:
Irman Maulana lahir di Sukabumi, 27 september 1989. Kini sedang melanjutkan studi di AMIK BSI Sukabumi. Mengenal dunia komputer sejak duduk di bangku smp kelas 1. Hobi maen musik dan foto-foto.

Motto: Sebarkanlah ilmu walau hanya satu kata.
Email : ryuur3i@gmail.com
Facebook : irman.rightway
Website : http://www.bengkelflash.com


 

[adv.] Supported by
dumetschool kursus desain grafis
DumetSchool.com

PHOTOSHOP
Photoshop Dasar
Photoshop Teks Effect
Photoshop Photo Efek
Photoshop Alternatif
Photoshop Plugins

CORELDRAW
CorelDRAW Dasar
CorelDRAW Logo
CorelDRAW Bebas
CorelDRAW Tools

FOTOGRAFI
Lightroom

VECTOR
Adobe Illustrator

ANIMASI
Flash
Swishmax

3D MODELING
3dsMAX
AutoCAD
Cinema 4D
Blender

VIDEO EDITING
Adobe Premiere
After Effect
Pinnacle

WEB DESIGN
Dreamweaver
jQuery

PUBLISHING
InDesign
Ms. Paint

FREEWARE
Gimp
Inkscape

ARTS
News
Artikel
Gallery
Jasa Desain

FRIENDS
Photoshop Desain
Hog Pictures

Link to us


bantuan information

ilmugrafis launcher
Privacy policy

Channel Youtube
Arofat Media
Peta Situs | Term of Use web edukasi - ilmugrafis.com Indonesia
Copyright © 2017 ilmuGrafis. All Rights Reserved. | RSS | Subscribe
Hak Cipta Dilindungi Undang - Undang & Dmca
eXTReMe Tracker