Cara Membuat Animasi Stiker Dengan Flash


Kali ini Tips Okey akan membahas Cara Membuat Animasi Stiker Dengan Flash. disini saya menggunakan Adobe Flash CS4.

Pada langkah awal buatlah media flash dengan ukuran dimensi 300x400 dan FPS adalah 24, seperti contoh gambar di bawah ini.sebelum memulai pelajarannya silahkan anda download dulu filenya Disini yang akan di gunakan dalam pembelajaran kali ini.

tutorial flash
images by : entheosweb.com

Importlah gambar yang tadi anda download langkahnya adalah klik menu File> Import> Import to Library. Lihat contoh gambar dibawah ini.

flash tutorial
images by : entheosweb.com

Lakukan Drag front_Sticker_img dari Library di ke layar dan aturlah ke posisi tengah layar. Kemudian Konversi gambar menjadi Movie clip. Untuk melakukan itu, Pilih gambar> Klik kanan> Pilih Convert to Symbol> Movie Clip lalu buatlah nama simbol gambarnya dan lanjutkan dengan klik tombol OK. lihat contoh gambar dibawah ini.

cara membuat animasi stiker dengan macromedia flash
images by : entheosweb.com

Masukkan layer baru dan beri nama sebagai stiker back. Drag back_Sticker_img dari Library ke layar dan sesuaikan posisi agar berada di tengah layar. Kemudian Konversi gambar untuk menjadi Movie clip. Untuk melakukan itu, Pilih gambar> Klik kanan> Pilih Convert to Symbol> Movie Clip dan buatlah namanya sticker back. Lihat contoh gambar dibawah ini.

cara membuat animasi stiker dengan Adobe flash CS4
images by : entheosweb.com

Sekarang pilih stiker kembali, dan kemudian flip vertikal. Untuk melakukan itu, klik menu Modify> Transform > Flip Vertical. Lihat contoh gambar dibawah ini.

buat animasi stiker di adobe flash cs4
images by : entheosweb.com

Sekarang menerapkan miring di atasnya. Untuk melakukan itu, Buka panel Transform dari menu jendela. Pilih Skew dan set nilai ke 162 derajat dan -18 derajat. Lihat contoh gambar dibawah ini.

Tutorial Animasi Flash CS4
images by : entheosweb.com

Pilih simbol Sticker Back, dan posisi ke atas di luar layar. Tempatkan gambar sesuai dengan gambar referensi yang diberikan di bawah ini. 

Belajar Animasi Flash CS4
images by : entheosweb.com

Sekarang masukkan layer baru dengan nama shadow. Membuat bentuk yang sama seperti garis hijau diberikan dalam gambar referensi di bawah ini. 

Latihan Animasi Flash CS4
images by : entheosweb.com

Sekarang masukkan layer baru dengan nama sebagai mask. Buat bentuk kotak di bagian atas gambar depan stiker lihat contoh gambar dibawah ini. 

Tutorial Flash cara membuat animasi
images by : entheosweb.com

Sekarang pilih frame 35 dari semua lapisan dan Tekan F5 untuk menyisipkan bingkai baru. Lihat contoh gambar dibawah ini.

cara membuat animasi stiker menggunakan adobe flash cs4
images by : entheosweb.com

Sekarang pilih stiker kembali pada frame 35 dan Tekan F6 untuk menyisipkan keyframe. Kemudian ubah posisi gambar ke bawah seperti contoh gambar dibawah ini.

Belajar animasi stiker dengan flash cs4
images by : entheosweb.com

Sekarang pilih frame antara frame 1 dan frame 35, lalu klik kanan> Pilih Create Motion Tween.

Tutorial Flash
images by : entheosweb.com

Sekarang pilih layer shadow. Buka panel warna dari menu jendela. Sekarang pilih bentuk dan pilih gradient dari panel warna seperti yang ditunjukkan pada contoh gambar dibawah ini.

belajar flash cs4
images by : entheosweb.com

Atur setelannya seperti contoh gambar dibawah ini.

animation flash tutorials
images by : entheosweb.com

Ambil Transform Tool Gradient dari tool bar. Lihat contoh gambar dibawah ini.

cara membuat animasi dengan adobe flash cs4
images by : entheosweb.com

Pilih bentuk menggunakan Gradient Transform Tool, kemudian tahan lingkaran kecil dan memutar ke sudut 90 derajat. Lihat contoh gambar dibawah ini pada bagian kiri.

Tahan Persegi Kecil dan drag untuk up. Tidak melewati titik pusat. Lihat contoh gambar dibawah ini pada bagian tengah.

Dan tahan pusat gradien dan tarik ke bagian bawah persis seperti yang diberikan contoh gambar dibawah ini pada bagian kanan.

animasi stiker dengan flash cs4
images by : entheosweb.com

Pilih frame 35 layer shadow dan Tekan F6 untuk menyisipkan Keyframe. Pilih bentuk menggunakan alat panah dari toolbar dan memindahkan bentuk ke bawah persis seperti contoh gambar dibawah ini.

sticker animation in flash cs4
images by : entheosweb.com

Ambil Transform Tool Gradient dari tool bar. Lihat contoh gambar dibawah ini.

tutorial sticker animation
images by : entheosweb.com

Tahan pusat gradien dan tarik ke atas bentuk persis seperti contoh gambar dibawah ini.

belajar flash dengan mudah
images by : entheosweb.com

Sekarang pilih frame antara frame 1 dan frame 35, lalu klik kanan> Create Shape Tween. Lihat contoh gambar dibawah ini.

cara mudah belajar flash
images by : entheosweb.com

Pilih mask dan Pilih frame 35 pada lapisan yang sama dan Tekan F6 untuk menyisipkan Keyframe. Pindahkan bentuk mask ke bawah untuk menutupi gambar depan stiker lengkap. Lakukan persis seperti yang diberikan pada contoh gambar dibawah ini.

images by : entheosweb.com

Pilih frame antara frame 1 dan frame 35, lalu klik kanan> Create Shape Tween.

Sekarang kita akan menerapkan mask. Untuk melakukan itu, Klik kanan pada layer mask> Pilih Mask. Lihat contoh gambar dibawah ini.

belajar flash untuk pemula
images by : entheosweb.com

Sekarang pilih stiker depan dan stiker lapisan belakang dengan menekan tombol shift. Kemudian Drag sedikit sisi atas dan kiri atas lapisan shadow. Ini akan menutupi lapisan lainnya juga. Lihat contoh gambar dibawah ini.

flash tutorial for beginner
images by : entheosweb.com

Pilih frame 35 pada semua lapisan dan Tekan F6 untuk menyisipkan Keyframe. Sekali lagi Pilih frame 85 pada semua lapisan dan Tekan F6 untuk memasukkan keyGo ke frame 1, dan Pilih Keyframe dari tiga lapisan kecuali lapisan sticker front, kemudian klik kanan> Copy Frames. Lihat contoh gambar dibawah ini.

flash tutorial animation sticker
images by : entheosweb.com

Pergi ke frame 50, dan tekan tombol F6 untuk menyisipkan Keyframe pada semua lapisan. 

Pergi ke frame 85, tekan tombol F6 untuk menyisipkan Keyframe pada semua lapisan. Kemudian Pilih Keyframe dari tiga lapisan kecuali lapisan sticker front, kemudian klik kanan> Paste Frames. Lihat contoh gambar dibawah ini.

cara membuat animasi stiker dengan flash
images by : entheosweb.com

Sekarang menerapkan tween bentuk dan gerak tween pada lapisan seperti contoh gambar dibawah ini.

cara membuat animasi stiker dengan flash
images by : entheosweb.com

Publish file dan melihat efek seperti yang tampil dibawah ini.

images by : entheosweb.com

Klik disini untuk mendownload file dalam format .fla

Semoga Anda menikmati pembelajaran ini. Kami sangat tertarik untuk mendengar komentar dan umpan balik sehingga jangan ragu untuk meninggalkan komentar Anda dan berbagi pengalaman untuk menciptakan berbagai macam pembelajaran tentang flash.

Silahkan berbagi postingan ini melalui media social yang ada dibawah ini.
Share on Google Plus

About Unknown

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.
    Blogger Comment
    Facebook Comment

0 comments:

Posting Komentar