Friday, March 1, 2019

Tutorial Cara Menciptakan Animasi Api Lilin Sederhana Dengan Macromedia Flash 8

Tutorial Cara Membuat  Animasi Api Lilin Sederhana dengan Macromedia Flash 8  - Setelah sebelumnya kita sudah berguru dasar menciptakan animasi dasar dengan memakai Macromedia Flash 8, kini kita akan berguru setingkat lebih tinggi kesulitan animasinya.


Sebenarnya tidak terlalu sulit, namun kalau masih gres berguru dan jarang mencoba, tutorial animasi kali ini agak sulit dari tutorial animasi sebelumnya yang saya sampaikan.

Menambah Layer, Insert Keyframe, Membuat Objek Mewarnai Objek, Motion Tween dan Tween Shape sudah kita bahas sebelumnya. Itulah dasar untuk menciptakan animasi lilin sederhana kali ini.

Makara bagi teman yang belum membaca artikel sebelumnya, silahkan teman baca terlebih dahulu artikel sebelumnya semoga lebih gampang memahami tutorial animasi lilin kali ini. Baca artikel sebelumnya disini...

Peview
Animasi Api Lilin Sederhana dengan Macromedia Flash  Tutorial Cara Membuat  Animasi Api Lilin Sederhana dengan Macromedia Flash 8

Preview diatas sudah saya buat menjadi gambar gif, jadi kualitasnya menurun. Kualitas gambar aslinya dapat teman lihat pada file .fla di selesai artikel. Selamat membaca....



Langkah ke - 1

Buka Macromedia Flash 8, kemudian buat dokumen baru. Setekah itu ubah nama Layer yang ada menjadi "Dinding". Jika teman belum tahu cara menciptakan dokumen gres dan cara mengubah nama layer silahkan baca pada artikel sebelumnya....

Animasi Api Lilin Sederhana dengan Macromedia Flash  Tutorial Cara Membuat  Animasi Api Lilin Sederhana dengan Macromedia Flash 8


Langkah ke - 2

Setelah itu pilih Rectangle Tool (R) kemudian buatlah objek persegi menutupi background. Atur terlebih dahulu warna Fill dengan warna hitam dan tanpa Outline, caranya sudah saya sampaikan pada artikel sebelumnya...

Animasi Api Lilin Sederhana dengan Macromedia Flash  Tutorial Cara Membuat  Animasi Api Lilin Sederhana dengan Macromedia Flash 8


Langkah ke - 3

Buka Palet Color, kemudian atur Type warnanya menjadi Radial, kemudian pada settingan warnannya gunakan arahan R: 204 G: 153 B: 0.

Animasi Api Lilin Sederhana dengan Macromedia Flash  Tutorial Cara Membuat  Animasi Api Lilin Sederhana dengan Macromedia Flash 8


Kemudian pada Frame 40 klik kanan > Insert Keyframe.

Animasi Api Lilin Sederhana dengan Macromedia Flash  Tutorial Cara Membuat  Animasi Api Lilin Sederhana dengan Macromedia Flash 8



Langkah ke - 4

Sekarang kita akan menambahkan background untuk lantai daerah lilinnya. Download terlebih dahulu gambar tekstur kayu disini. Atau dapat juga dengan memakai background milik sobat. 

Langkah ke - 5

Buat layer gres kemudian beri nama "Lantai". 

Animasi Api Lilin Sederhana dengan Macromedia Flash  Tutorial Cara Membuat  Animasi Api Lilin Sederhana dengan Macromedia Flash 8


Selanjutnya teman Import gambar yang sudah di download tadi. Pilih sajian File > Import > Import to Library, cari daerah dimana teman menyimpan gambar tadi kemudian klik Open. 


Drag gambar yang sudah di Import kedalam palet Library tadi kedalam area kerja. Sudah saya jelaskan detailnya cara mengimport gambar ke area kerja, baca disini... Kemudian Insert Keyframe di Frmae 40.

Animasi Api Lilin Sederhana dengan Macromedia Flash  Tutorial Cara Membuat  Animasi Api Lilin Sederhana dengan Macromedia Flash 8


Langkah ke - 6

Buat layer gres dengan nama "Mangkuk". Pilih Oval Tool (O) (1) kemudian pada palet Properties (2) atur ketebalan garisnya atau Stroke height menjadi "4.75" (3). Selanjutnyasobat buat objek oval (4) tanpa warna fill dengan memakai tool tersebut.

Animasi Api Lilin Sederhana dengan Macromedia Flash  Tutorial Cara Membuat  Animasi Api Lilin Sederhana dengan Macromedia Flash 8


Kemudian buat objek oval lagi dibawahnya dengan ukuran yang lebih kecil.

Animasi Api Lilin Sederhana dengan Macromedia Flash  Tutorial Cara Membuat  Animasi Api Lilin Sederhana dengan Macromedia Flash 8


Pilih Line Tool (N) kemudian buat garis untuk menghubungkan kedua objek oval tadi, lihat gambar dibawah.

Animasi Api Lilin Sederhana dengan Macromedia Flash  Tutorial Cara Membuat  Animasi Api Lilin Sederhana dengan Macromedia Flash 8


Langkah ke - 7

Sekarang pilih Paint Bucket Tool (K) kemudian atur warna Fill dengan warna Radial Red dan tanpa Outline. 

Animasi Api Lilin Sederhana dengan Macromedia Flash  Tutorial Cara Membuat  Animasi Api Lilin Sederhana dengan Macromedia Flash 8


Warnai semua bab mangkuk yang ada. Sobat dapat mengatur gelap terang atau kombinasi warna Radialnya pada palet Color

Animasi Api Lilin Sederhana dengan Macromedia Flash  Tutorial Cara Membuat  Animasi Api Lilin Sederhana dengan Macromedia Flash 8


Langkah ke - 8

Buat layer gres dengan nama "Lilin". Gunakan Rectangle Tool (R) kemudian buat objek persegi panjang di dalam mangkuk dengan memakai tool tersebut.

Animasi Api Lilin Sederhana dengan Macromedia Flash  Tutorial Cara Membuat  Animasi Api Lilin Sederhana dengan Macromedia Flash 8


Langkah ke - 9

Lalu gunakan Free Transform Tool (Q) untuk  membuat ujung lilin tersebut menjadi tumpul dan ibarat ujung batang lilin yang mencari terkena api. Cara membuatya dekatkan Free Transform Tool (Q) pada garis yang ingin di lekukkan, kemudian teman tarik kebawah garis tersebut kebawah, Lihat gambar dibawah.

Animasi Api Lilin Sederhana dengan Macromedia Flash  Tutorial Cara Membuat  Animasi Api Lilin Sederhana dengan Macromedia Flash 8


Kemudian buat juga garis di belakangnya, lihat gambar (1)

Animasi Api Lilin Sederhana dengan Macromedia Flash  Tutorial Cara Membuat  Animasi Api Lilin Sederhana dengan Macromedia Flash 8


Dan juga sumbunya

Animasi Api Lilin Sederhana dengan Macromedia Flash  Tutorial Cara Membuat  Animasi Api Lilin Sederhana dengan Macromedia Flash 8


Langkah ke - 10

Pilih Paint Bucket Tool (K) kemudian warnai Lilinnya dengan warna Radial, untuk kombinasi warnanya dapat teman lihat pada gambar dibawah.

Animasi Api Lilin Sederhana dengan Macromedia Flash  Tutorial Cara Membuat  Animasi Api Lilin Sederhana dengan Macromedia Flash 8



Langkah ke - 11

Sekarang kita akan menambahkan efek Shadow pada mangkuknya semoga terlihat lebih menyatu dan tidak nampak mengambang dengan lantainya. Pilih objek oval yang kecil pada mangkuk kemudian tekan F8 > Button.

Animasi Api Lilin Sederhana dengan Macromedia Flash  Tutorial Cara Membuat  Animasi Api Lilin Sederhana dengan Macromedia Flash 8



Langkah ke - 12

Kemudian pada palet Filter klik Add Filter > Drop Shadow

Animasi Api Lilin Sederhana dengan Macromedia Flash  Tutorial Cara Membuat  Animasi Api Lilin Sederhana dengan Macromedia Flash 8


Maka kesudahannya terlihat ibarat gambar dibawah.

Animasi Api Lilin Sederhana dengan Macromedia Flash  Tutorial Cara Membuat  Animasi Api Lilin Sederhana dengan Macromedia Flash 8


Langkah ke - 13

Pilih Layer Mangkuk dan Lilin kemudian pada Frame 40 klik kanan > Insert Keyframe.

Animasi Api Lilin Sederhana dengan Macromedia Flash  Tutorial Cara Membuat  Animasi Api Lilin Sederhana dengan Macromedia Flash 8



Langkah ke - 14

Pilih Oval Tool (O) kemudian buat objek Oval dengan warna putih dan tanpa Outline.

Animasi Api Lilin Sederhana dengan Macromedia Flash  Tutorial Cara Membuat  Animasi Api Lilin Sederhana dengan Macromedia Flash 8


Kemudian warnai Objek tersebut dengan warna Radial R: 255 G: 153 B: 0

Animasi Api Lilin Sederhana dengan Macromedia Flash  Tutorial Cara Membuat  Animasi Api Lilin Sederhana dengan Macromedia Flash 8



Langkah ke - 15

Kemudian Insert Keyframe pada Frame ke 10,20,30, dan 40.

Animasi Api Lilin Sederhana dengan Macromedia Flash  Tutorial Cara Membuat  Animasi Api Lilin Sederhana dengan Macromedia Flash 8


Langkah ke - 16

Pindah ke Frame 1, kemudian dengan menggunakan Free Transform Tool (Q) buat objeknya menjadi ibarat terkena angin ke arah kiri. Lalu berikan warnanya juga agak ke pinggir.

Animasi Api Lilin Sederhana dengan Macromedia Flash  Tutorial Cara Membuat  Animasi Api Lilin Sederhana dengan Macromedia Flash 8


Lakukan cara yang sama pada Frame 10, namun kali ini tiupan anginnya ke arah kanan.

Animasi Api Lilin Sederhana dengan Macromedia Flash  Tutorial Cara Membuat  Animasi Api Lilin Sederhana dengan Macromedia Flash 8


Lakukancara diatas sampai Frame 40

Animasi Api Lilin Sederhana dengan Macromedia Flash  Tutorial Cara Membuat  Animasi Api Lilin Sederhana dengan Macromedia Flash 8


Langkah ke - 17

Agar apinnya menjadi gambar bergerak kini block Frame 1 - 40 pada layer "Api". Kemudian pada palet Properties, Tween Type pilih Shape.

Animasi Api Lilin Sederhana dengan Macromedia Flash  Tutorial Cara Membuat  Animasi Api Lilin Sederhana dengan Macromedia Flash 8


Langkah ke - 18

Lakukan cara yang sama ibarat Langkah ke - 17 pada Layer "Dinding". Ikuti warna titik Radialnya pada arah dimana api tertipu. Lihat gambar dibawah.

Animasi Api Lilin Sederhana dengan Macromedia Flash  Tutorial Cara Membuat  Animasi Api Lilin Sederhana dengan Macromedia Flash 8


Sekarang tinggal jalankan animasinya dengan menekan CTRL + ENTER

Animasi Api Lilin Sederhana dengan Macromedia Flash  Tutorial Cara Membuat  Animasi Api Lilin Sederhana dengan Macromedia Flash 8


Silahkan teman download file .fla pada link dibawah

Animasi Api Lilin Sederhana dengan Macromedia Flash 8


Size : 31.43KB


Baca juga artikel menarik lainnya :

Tag : animasi flash, berguru animasi, tutorial cara menciptakan animasi sederhanan, download animasi lilin, gambar bergerak, berguru macromedial flash, artikel flash 8, cara menciptakan animasi lilin menyala, cara menciptakan animasi sederhana dengan macromedia flash 8, download animasi macromedia flash 8 format .fla gratis.

Sumber https://belajar-dotcom.blogspot.com/


EmoticonEmoticon