logo ilmugrafis
Home Tutorials Store Blog Fonts Download Gallery
Google Powered Search
+ Silahkan masukkan kata kunci untuk mencari konten website

ilmu grafis » MACROMEDIA DAN ADOBE FLASH

Animasi Burung Terbang

Publish: 17 April 2010 | Author & Copyright: Miko | Status: FREE tutorial

Dalam Tutorial kali ini akan membahas bagaimana membuat animasi sederhana yaitu Animasi burung yang terbang dengan mode Frame by Frame yaitu animasi dengan membuat gambar perframe beda halnya dengan Motion Tweening teknik frame by frame memerlukan waktu yang cukup banyak karma dalam setiap frame kita harus membuat gambar yang tidak sama, pada tutorial kali ini objek yang akan kita gunakan yaitu sebuah ilustrasi burung dan aplikasi yang digunakan yaitu Macromedia Flash MX Professional 2004

Langkah pertama yaitu buatlah gambar ilustrasi burung sebanyak 3 kali dengan menggunakan Toolbox Brush Tool
tutorial flash

Untuk membuatnya perhatikan gambar dibawah ini
tutorial flash
Buatlah ilustrasi gambar burung dengan brush tool bisa juga menggunakan Pen Tool

Sebelum menginjak langkah selanjutnya copy gambar yang sudah dibuat tadi, tujuannya yaitu agar kita tidak usah repot-repot membuat badan burung lagi jadi pada akhirnya  kita tinggal paste gambar setelah itu nanti hanya menambah bentuk sayap yang berbeda saja
tutorial flash
buatlah sayap pada bagian atas , pada bagian ini kita sedang membuat gambar 1

tutorial flash
Masuk ke pembuatan gambar kedua buatlah bentuk sayap di bawah

tutorial flash

tutorial flash
Untuk gambar yang terakhir buatlah sayap diatas punggung burung tetapi agak rendah sedikit, jika sudah selesai tinggal pewarnaan pada gambar
burung

langkah selanjutnya yaitu pembuatan animasinya pada gambar 1 letakkan dikeyframe pertama , atur posisi gambar sesuai keinginan anda asal semua gambar harus di 1 posisi yang sama semua
tutorial flash

buatlah Keyframe dengan cara klik kanan frame kedua >> pilih Insert Keyframe, setelah itu masukan Gambar 2  
tutorial flash

buatlah Keyframe dan masukan gambar 3 keposisi yang sudah kita tentukan tadi
 tutorial flash

langkah selanjutnya blok semua Frame yang telah kita buat >> klik kanan dan pilih Copy Frame. Kemudian Paste ke frame selanjutnya
tutorial flash tutorial flash

Hasilnya bisa dilihat dengan cara pilih Menu Control >> pilih Play atau Ctrl+Enter
tutorial flash

Hasilnya:

Animasi Burung Terbang :)

salam kreatif by MIKO IG
Selamat Belajar Flash, 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)
android apk IlmuGrafiscom Apk | rss Berlangganan ilmuGrafis.com via Email


author
<> Info dan Kontak Penulis
Miko Wibowo
Tentang Penulis : Lahir di Bandar Lampung, 21-09-1989 besar di Tulungagung dan sekarang merantau ke Yogjakarta dan bekerja sebagai teknisi komputer dan jaringan serta aktif sebagai mahasiswa di jurusan DKV - Akademi Seni Rupa dan Desain MSD Yogyakarta. Hobby menggambar, buat lagu, membuat animasi dan yang berhubungan tentang dunia seni dan desain grafis

Motto : Tak ada kata menyerah dalam menggapai impian

Penulis dapat dihubungi via:
YM : mikomove
Email : kamiko99@gmail.com atau myco_sql@yahoo.co.id


Rekomendasi Resmi dari ilmuGrafis.com
Dapatkan hanya di ILMUGRAFIS STORE
FLA4
Adobe Flash CS4

CD Video Tutorial Flash mengajarkan membuat animasi, presentasi, banner dan web design
FLG
Flash CS4 Programmer

Video Tutorial Flash membahas Pemrograman dan Animasi berbasis Action Script Flash
AECS3
After Effect CS3

CD Video Tutorial After Effect CS3 untuk membuat efek animasi Profesional pada Film Movie / Film
3DS MAX 9 BASIC
3DS MAX 9 Basic Animation

CD Tutorial Basic bagi penggunaan 3DS Max 9 bisa juga untuk 3DS Max 7


ARTsense Dumetschool
Advertisement
PHOTOSHOP
» Photoshop Dasar
» Photoshop Teks Effect
» Photoshop Photo Efek
» Photoshop Alternatif
» Photoshop Plugins
CORELDRAW
» CorelDRAW Dasar
» CorelDRAW Logo
» CorelDRAW Bebas
» CorelDRAW Tools
BLENDER 3D
» Blender Dasar
PHOTOGRAPHY
» Lightroom
VECTORIZE
» Adobe Illustrator
ANIMATION
» Flash
» Swishmax
3D MODELING
» 3dsMAX
» AutoCAD
» Cinema 4D
VIDEO EDITING
» Adobe Premiere
» After Effect
» Pinnacle
WEB DESIGN
» Dreamweaver
» jQuery
PUBLISHING
» InDesign
» Ms. Paint
FREEWARE
» Gimp
» Inkscape
EXTRA
» News
» Artikel
» Liga Grafis
» Hall Of Fame
» Bursa Kerja
» Jasa Grafis
» Donasi
» Buku Tamu
» Kontak
DMCA.com Protection Status
Protected by Copyscape Duplicate Content Software

Banner IlmuGrafis :
banner ilmugrafis indonesia

kode html di atas bebas dan boleh dipasang di blog/website anda
Peta Situs Term of Use web edukasi - ilmugrafis.com Indonesia
© 2008 - 2014 ilmuGrafis.com | RSS | Subscribe | Design and Development by Random Computer
Hak Cipta Dilindungi Undang Undang