header ilmugrafis
+ GOOGLE Services
 

TUTORIAL ANIMATION
KATEGORI: MACROMEDIA FLASH

Animasi Sederhana dengan Motion Tweening
Publish: 12 November 2009 | Author & Copyright: Miko | Status: FREE tutorial

Halo semua !! Apa kabar bertemu lagi dengan saya miko ^ ^. Nah pada kesempatan kali ini di tutorial flash ini kita akan membahas membuat animasi sederhana menggunakan motion tweening. Langsung saja ya.. Kita buka program Flash dulu

Langkah pertama, yaitu buat 3 layer. Karna kita di sini hanya menggunakan sedikit layer untuk membuat animasi. Agar proses lebih mudah membuat layer lihat gambar di bawah, di sana ada menu di lingkari dengan warna merah .. Nah klik sebanyak 2 kali maka dengan mengeklik 1 kali kita membuat 1 layer klo 2 otomatis 2 layer
tutorial flash

Nah selanjutnya, beri nama masing-masing layer seperti yang sudah dicontohkan gambar dibawah ini. Agar memudahkan proses pembuatannya
tutorial flash

Kemudian ubah warna backgoundnya menjadi hitam, biasanya di awal-awal kita membuka flash bacgroundnya berwarne putih klo belum di rubah setingannya
tutorial flash

Setelah itu klik layer teks dan buat tulisan seperti yang saya contohkan atau sesuka hati kalian .. Pakek punyaku juga boleh…
tutorial flash

Setelah itu klik layer bola , dan buat bentuk bola denga warna putih
tutorial flash
Pembuatan objeknya sudah selesai kini kita menginjak ke animasinya, buatlah frame sepanjang 90 -> kemudian klik kanan lalu pilih insert frame
tutorial flash

Jika sudah semua hasilnya kurang lebih seperti ini
tutorial flash

Setelah itu kita buat animasi motion tweening , sebagai objeknya layer bola
tutorial flash

Buatlah keyframe , seperti yang saya contohkan >> kemudian klik kanan>>pilih insert keyframe
tutorial flash

Setelah langkah di atas selesai, drag layer bola / drag objek bolanya dengan menekan tombol “ v “ di keyboard >>kemudian klik gambar bolanya
tutorial flash

Setelah geser bolanya ( jangan menggeser menggunakan mouse pakai saja tanda panah kanan di keyboard agar posisinya tidak berubah )
tutorial flash

tutorial flash

Klo sudah selesai hasilnya seperti gambar yang di atas

Lanjut ke langkah berikutnya, kita menuju ke layer bola>>klik kanan di dalam  frame / seperti gambar di bawah ini>>kemudian pilih create motion tween
tutorial flash

Setelah selesai klik juga frame ke 90 caranya>>klik kanan frame yg sudah kita buat>>pilih create motion tween
tutorial flash

Semua juga sama buat semua layer di rubah menjadi motion tweening
tutorial flash

Hasilnya: kira2 seperti ini:


Jika semua sudah selesai tinggal kita menekan ctrl+enter  dan nikmati hasilnya
Selamat mencoba Tutorial Flash ini teman..
Semoga berhasil…
Salam hangat miko ilmugrafis
SEMOGA BERMANFAAT

<> Author This Tutorial
Miko ilmugrafis Author : Miko

Live Support:
TTL: Bandar Lampung, 21-09-1989
Domisili: Tulungagung
Status: mahasiswa
Telp/HP: 085856139767
Hobby: menggambar , buat lagu , membuat animasi pokoknya yang semua tentang dunia seni
Email  Myco_sql@yahoo.co.id
Fs     : http://profiles.friendster.com/85444254
Motto: Tak ada kata menyerah dalam menggapai impian
Pesan :- Manfaatkanlah sesuatu yang tidak berguna menjadi lebih berguna, Berguna bagi kita maupun bangsa indonesia
           - Curahkanlah isi hatimu dengan menggambar
           - Percayalah pada dirimu sendiri itu akan membuatmu lebih berani untuk mengungkapkan ekspresimu

Tutorial / Artikel ini resmi diberikan untuk dipublikasikan di www.ilmugrafis.com
Saran / Kritik / Pertanyaan maupun keterangan lebih lanjut bisa menghubungi penulis yang bersangkutan
Semoga Bermanfaat, Terima kasih

<> info dan Layanan ilmugrafis.com
Share URL Share the URL of this Tutorial in IM, Email or post in forums.

* Code copied to clipboard
Download Service PDF File: Belum Tersedia
Source File: Belum Tersedia

add find Rekomendasi Resmi ilmugrafis.com
Video Tutorial Metode Belajar Cepat dan Mudah:

- Dijamin Bagus dan Berkualitas Bagi Pemula Maupun Mahir
- Video Tutorial ini BAHASA INDONESIA
- Lebih Murah dan Praktis
- Keunggulan: Tinggal Lihat - Praktek - Mahir
- add by ilmugrafis.com -

CD Video Tutorial ADOBE FLASH CS4
adobe flash cs4
Membahas interface serta tool terbaru Flash CS4 Membuat animasi 3 dimensi dengan 3D tool Flash CS4 , Tutorial teknik animasi motion tween CS Menyimpan animasi sebagai presets melalui Motion Presets panel
Selengkapnya...

Video Tutorial ADOBE FLASH MX
flash mx
Berisi Panduan dan Pembuatan berbagai animasi, Presentasi Atractif, Photo Slide, Peta, dan disertai dengan Action Script...

Selengkapnya...

Platinum Wedding Vector - Best Experience Wedding Theme
platinum wedding
Platinum Wedding Vector Collections adalah Produk koleksi vector background Border maupun image dengan thema wedding sehingga memudahkan pekerjaan anda dalam mendesain suatu illustrasi dan event bertema wedding...
Segera dapatkan...

Selengkapnya...

PHOTOSHOP CS4 Object Nyata (new)
photoshop cs4 object nyata
Bila kita membuat bentuk visual manusia, maka harus benar - benar mendekati bentuk manusia yang sebenarnya. Konsep ini yang anda akan dapatkan disini
Selengkapnya...

Video Tutorial Adobe Premiere CS3
3dsmax9

CD Tutorial penggunaan Adobe Premier CS3 untuk mengcapture, mengedit dan memproduksi video secara digital
Info Selengkapnya Klik disini...



+++ Bookmark (Tandai Halaman ini)
Bookmark and Share

+++ Disclaimer / Laporan Penyalahgunaan
  • Semua Konten ilmuGRAFIS bertujuan untuk pembelajaran dan kepentingan pendidikan semata, mohon tidak menyalahgunakan informasi dan pengetahuan yang diperoleh untuk hal - hal yang merugikan diri sendiri maupun orang lain.
  • Kami melakukan segala upaya untuk memastikan bahwa informasi di website ilmuGRAFIS tersaji seakurat dan sebaik mungkin. Anda bisa melaporkan jika ada konten ataupun informasi yang tidak berkenan dengan kontak kami
  • Jika ingin mengcopy tutorial ini mohon memberikan link back ke ilmuGRAFIS dan menambahkan link tutorial yang bersangkutan serta mematuhi Term of Use
Semoga Bermanfaat

+++ Special Partners


ilmugrafis - Website Pendidikan Desain Grafis Indonesia # Kembali ke atas

KATEGORI RSS feed
iG! on facebook
iG! on twitter

++ IG Staff

Ervyn IG


Miko IG


Arofat IG

++ IG - Link To Us
tutorial ilmu grafis indonesia

Share HTML Code
GRATIS dipasang di blog/web anda

++ Friends of ilmuGRAFIS

Terima kasih telah memasang link kami

++ AdPixel


Kursus PHP & MySQL Website, Pusat Pelatihan Desain Grafis, Animasi 3D Bogor
[+] Pasang Iklan di ilmuGrafis

++ IG Stats
Peta Situs Term of Use web edukasi - ilmugrafis.com Indonesia | Tanggal dan Waktu: Wed, 08 Sep 2010 14:28:54 +0700
Copyright © 2008 - 2010 ilmuGRAFIS Allright Reserved
Hak Cipta Dilindungi Undang - Undang