3
Tutorial Animasi Gerak Adobe Flash CS5 Disini saya akan menjelaskan sedikit cara membuat animasi gerak menggunakan Adobe Flash CS5. Berikut langkah – langkahnya : 1. Buka Software Adobe Flash CS5 anda. 2. Klik File > New atau bisa menggunakan Ctrl + N. 3. Karena disini saya akan membuat stage dengan ukuran 600 x 400, maka saya harus mengatur ukuran stage terlebih dahulu. Nah.. caranya seperti gambar disamping : 4. Kemudian atur warna Background, ubah warna menjadi biru misalnya. 5. Nah, pertama saya akan membuat kota yang ada roket terbangnya... gimana caranya?? Simak langkah-langkah berikut: a. Import gambar dengan cara File>Import>Import to Library. Setelah selesai anda import gambar silakan anda cari gambar yang telah anda import tadi di library kemudian klik gambar tersebut kemudian anda drag ke stage. b. Atur ukuran gambar. Bila anda ingin ukurang gambar sama dengan ukuran stage yang telah anda buat dengan cara klik Modify>Allign>Make Same Hight / Make Same Width c. Rename Layer menjadi Kota. Disini saya akan membuat kota bergergerak dari atas ke bawah, dari blur menjadi terang dengan cara: 1) Klik frame ke-1

Cara Membuat Animasi menggunakan Motion Tween Adobe Flacsh CS 5

Embed Size (px)

DESCRIPTION

Buku tentang cara pembuatan animasi dengan memanfaatkan motion tween pada adobe Flash CS 5

Citation preview

Page 1: Cara Membuat Animasi menggunakan Motion Tween Adobe Flacsh CS 5

Tutorial Animasi Gerak Adobe Flash CS5

Disini saya akan menjelaskan sedikit cara membuat animasi gerak menggunakan

Adobe Flash CS5. Berikut langkah – langkahnya :

1. Buka Software Adobe Flash CS5 anda.

2. Klik File > New atau bisa menggunakan Ctrl + N.

3. Karena disini saya akan membuat stage dengan ukuran

600 x 400, maka saya harus mengatur ukuran stage

terlebih dahulu. Nah.. caranya seperti gambar

disamping :

4. Kemudian atur warna Background, ubah warna

menjadi biru misalnya.

5. Nah, pertama saya akan membuat kota yang ada

roket terbangnya... gimana caranya?? Simak langkah-langkah berikut:

a. Import gambar dengan cara File>Import>Import to Library. Setelah

selesai anda import gambar silakan anda cari gambar yang telah anda

import tadi di library kemudian klik gambar tersebut kemudian anda

drag ke stage.

b. Atur ukuran gambar. Bila anda ingin

ukurang gambar sama dengan ukuran

stage yang telah anda buat dengan

cara klik Modify>Allign>Make Same

Hight / Make Same Width

c. Rename Layer menjadi Kota.

Disini saya akan membuat kota

bergergerak dari atas ke bawah, dari

blur menjadi terang dengan cara:

1) Klik frame ke-1

Page 2: Cara Membuat Animasi menggunakan Motion Tween Adobe Flacsh CS 5

2) Klik kanan obyek>Create Motion Tween. Kemudian anda drag ke

atas sedikit obyek kota tersebut.

3) Properties>Colour Effect>Style>Alpha. Ubah nilai alpha menjadi

50.

4) Klik frame ke-100

5) Klik kanan obyek>Create Motion Tween. Kemudian anda drag ke

bawah setara dengan stage atau Modify>Allign>Make Same Hight.

6) Properties>Colour Effect>Style>Alpha. Ubah nilai alpha menjadi

100.

d. Nah, trus bagaimana dengan penganimasian roket dan tulisannya yang

gerak-gerak itu?? Caranya sama dengan penganimasian kota tersebut di

atas, hanya obyeknya dan arah geraknya saja yang diganti.

6. Hingga paada akhirnya menjadi seperti gambar di bawah:

Page 3: Cara Membuat Animasi menggunakan Motion Tween Adobe Flacsh CS 5

7. Setelah semuanya sudah selesai jangan lupa di simpan dengan klik menu

File>Save maka secara otomatis grafik yang anda buat akan tersimpan

dengan format .fla. Dan apabila anda menginginkan data anda berformat

.swf maka klik menu File>Export Movie.

Cukup Sekian Tutorial Bekerja dengan Grafik yang Saya Tulis Terimakasih dan Selamat Mencoba.

`