Greenz Blogger

Free Download Software Full Version, Games, Tips N Trick, Tutorial, Info Menarik, And More

Tutorial Flash - Animasi Teks Berputar

S
elamat pagi sahabat Greenz Blogger. Pada kesempatan kali ini izinkan admin untuk berbagi sedikit ilmu editing untuk sahabat semua. Hari ini kita akan membuat Animasi Teks Berputar dengan menggunakan Adobe Flash CS3. Animasi Teks Berputar, yaitu ketika animasi dijalankan, huruf-huruf pada teks tersebut akan berputar secara bergantian sampai pada huruf urutan yang terakhir. Supaya lebih jelas, ikutilah langkah latihan berikut :
  • Buka adobe flash cs3, buat dokumen baru dari menu File > New (CTRL+N)
  • Tampilkan Document Properties (Ctrl+J) dan atur ukuran stage. : 400 px, : 150 px, dan Frame rate : 28 fps
Document Properties
  • Klik pada posisi Frame 1 dari Layer 1, kemudian klik Text Tool dan ketik tulisan “Greenz Blogger” pada stage (nama terserah sahabat Greenz Blogger)
Tulisan Greenz Blogger pada Stage
  • Pilih teks yang akan dibuat animasi, kemudian Break Apart (Ctrl+B). Maka hasilnya sebagai berikut
Break Apart Tulisan Greenz Blogger
  • Klik pada posisi Frame 1 dari Layer 1, kemudian klik menu Modify > Timeline > Distribute to Layers (Ctrl+Shift+D). Berikut hasilnya :
Hasil Distribute Layer
  • Klik pada posisi Frame 5 dari Layer G, kemudian tekan tombol F6 (Insert Keyframe)
Insert Keyframe pada posisi frame 5
  • Blok posisi Frame 1 sampai Frame 5 dari Layer G (caranya klik dua kali pada salah satu frame antara 1 sampai dengan 5). Kemudian pada Panel Properties (Ctrl+F3), atur pada bagian Tween : Motion dan Rotate : CW
Pengaturan Tween dan Rotate pada panel Properties
  • Maka hasilnya seperti gambar berikut
Hasil create motion tween dari frame 1 sampai frame 5
  • Tekan tombol F6 (Insert Keyframe) pada Frame 8 dari Layer R kemudian blok dari Frame 1 sampai Frame 8 dan setelah itu lakukan Tween dan Rotate
Insert Keyframe pada Frame 8
  • Klik pada posisi Frame 8 pada Layer G, kemudian tekan tombol F5 (Insert Frame)
Insert Frame
  • Kemudian untuk layer berikutnya, lakukan dengan cara yang sama seperti Layer G dan Layer R di atas, sehingga hasil akhirnya kondisi layer dan frame akan tampak seperti berikut :
Hasil akhir tampilan semua layer
  • Simpan dengan nama animasi teks putar.fla
  • Untuk melihat hasilnya tekan CTRL+Enter
Sekian dulu tutorial pada hari ini semoga bisa bermanfaat dan menambah ilmu pengetahuan buat sahabat Greenz Blogger terutama buat admin sendiri. Jika ada yang ditanyakan pada tutorial diatas silahkan berkomentar di bawah ini.

8 comments

Gunanya buat apa sob ?

Reply

buat yang pengen belajar aja...bies tu juga bisa buat animasi di WEB/Blog kita sob...
:)

Reply

seep...
sama2 sob :)

Reply

Wah Infonya Sangat Menarik bagi saya
tolong di comment back at : http://reza-jkt48.blogspot.com/

Reply

thankz sob...dan makasih udah berkunjung ke blog saya :D

Reply

info yang sangat bermanfaat bagi saya..
mampir balik gan
udhy-asbudi.blogspot.com

Reply

trima kasih Gan :D

Reply

--=Greenz Rules=--

[-] Berkomentarlah dengan kata-kata yang sopan
[-] Dilarang SPAM
[-] Jangan OOT alias Out Of Topic
[-] Silahkan gunakan emoticon seperti biasa
[-] Untuk menyisipkan gambar Copy URL Gambar dan paste di Form Komentar