Spesifikasi: Ukuran: 14x21 cm Tebal: 48 hlm (full color) Harga: Rp 25.800 Terbit pertama: Juni 2005 Sinopsis singkat: Buku ini ditujukan untuk mereka yang sudah mengetahui teknik dasar Flash MX 2004 dan ingin lebih lanjut mengembangkan kreativitasnya melalui pembuatan animasi dan efek-efek khusus (special effects). Penjelasan tentang teknik-teknik pembuatan beberapa animasi kartun The Incredibles dipaparkan dengan sangat singkat dan mudah melalui praktek langsung. Buku ini dilengkapi pula dengan CD berisi file-file latihan, source code, Flash MX 2004 demo, Flash Player, dan bonus (game, wallpaper, libraries, screen saver, dll).
11
Embed
Membuat Animasi Kartun The Incredibles · MEMB UAT ANIMASI KARTUN THE INCREDIBLES 11 Animasi karakter kedua yang akan dibahas adalah animasi karakter tokoh Elastigirl. Elastigirl
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Spesifikasi:
Ukuran: 14x21 cm Tebal: 48 hlm (full color)
Harga: Rp 25.800 Terbit pertama: Juni 2005
Sinopsis singkat:
Buku ini ditujukan untuk mereka yang sudah mengetahui teknik dasar Flash MX 2004 dan ingin lebih lanjut mengembangkan kreativitasnya melalui pembuatan animasi dan efek-efek khusus (special effects).
Penjelasan tentang teknik-teknik pembuatan beberapa animasi kartun The Incredibles dipaparkan dengan sangat singkat dan mudah melalui praktek langsung.
Buku ini dilengkapi pula dengan CD berisi file-file latihan, source code, Flash MX 2004 demo, Flash Player, dan bonus (game, wallpaper, libraries, screen saver, dll).
MEMB MEMB MEMB MEMB MEMBUAUAUAUAUAT T T T T ANIMASI KARTUN ANIMASI KARTUN ANIMASI KARTUN ANIMASI KARTUN ANIMASI KARTUN THE INCREDIBLESTHE INCREDIBLESTHE INCREDIBLESTHE INCREDIBLESTHE INCREDIBLES 11
Animasi karakter kedua yang akan dibahas adalah animasi karakter tokohElastigirlElastigirlElastigirlElastigirlElastigirl. Elastigirl Elastigirl Elastigirl Elastigirl Elastigirl kesehariannya bernama Helen PHelen PHelen PHelen PHelen Parrarrarrarrarr. Ia adalah istri danibu dari anak-anak superhero yang bernama Violet, Dash Parr, dan Jack Jack Parr.Kehebatan yang dimilikinya adalah super elastis yang dapat meregangkan tubuhnyadengan sangat fleksibel.
Pembuat Efek Khusus“ Digital RainiMembuat Animasi Karakter Tokoh ELASTIGIRL
Document Properties:Document Properties:Document Properties:Document Properties:Document Properties: Setting file projekdengan ukuran dimensi 800800800800800px X 600600600600600px,Frame rate: 25 fps 25 fps 25 fps 25 fps 25 fps dengan warna latarbelakang Hitam.Hitam.Hitam.Hitam.Hitam.
Animasi Karakter Elastigirl
Penggabungan Animasi Tweendan Animasi Frame by Frame
Pembuatan projek yang ketiga adalah
membuat animasi Elastigirl yang sangat
lentur melompat ke udara. Teknik pem-
buatan animasi ini menggabungkan pem-
buatan animasi tween dan animasi frame by
frame. Teknik lain yang digunakan adalah
penggunaan beberapa image yang dibuat
dengan FX blur untuk membuat efek
pergerakan animasi yang cepat.
Persiapan Dokumen Baru
Lakukan setting awal dokumen seperti
dalam projek-projek terdahulu dengan lebar
dimensi Stage 800px X 600px, Frame rate:
25 fps dan warna latar belakang Hitam.
Timeline:Timeline:Timeline:Timeline:Timeline: Buat empat buah layer baru dan berinama sesuai seperti yang disebutkan di atas.
tayang animasi tersebut hingga Frame 65.Masih pada Frame 65 pindahkan posisi
objek tersebut ke tengah atas di dalam
Stage. Ubah ukuran objek tersebut dalam
panel Property menjadi W = 133 X H= 548.
Layer Background:Layer Background:Layer Background:Layer Background:Layer Background: Animasi transisi denganmembuat animasi tween objek imageBackground.jpg pada Frame 1 - 35 dan di-perpanjang sampai Frame 145 - Frame 150.
Panel Property:Panel Property:Panel Property:Panel Property:Panel Property: Ukuran dan Posisi Instance SBlur EG pada Frame 60 60 60 60 60 dan Frame 65Frame 65Frame 65Frame 65Frame 65 .
MEMB MEMB MEMB MEMB MEMBUAUAUAUAUAT T T T T ANIMASI KARTUN ANIMASI KARTUN ANIMASI KARTUN ANIMASI KARTUN ANIMASI KARTUN THE INCREDIBLESTHE INCREDIBLESTHE INCREDIBLESTHE INCREDIBLESTHE INCREDIBLES 13
Animasi Animasi Animasi Animasi Animasi TTTTTwwwwween:een:een:een:een: Gambaran posisi dan ukuranobjek S Blur EG pada Frame 60 sampai Frame65 saat berubah dan bergerak dari luar Stagemenuju ke dalam pada Layer Blur.
Animasi Frame by Frame:Animasi Frame by Frame:Animasi Frame by Frame:Animasi Frame by Frame:Animasi Frame by Frame: Gambaran letakposisi dan ukuran objek M Blur EG pada Frame98 dan M Blur EG pada Frame 99 masih dalamLayer Blur.
Beralih pada Frame 133 lalu buka panel
Library dan drag symbol bitmap M Blur EG
ke dalam Stage. (Cocokkan letak semua In-
stance tersebut dengan pengisian Instance
lainnya pada Layer Elastis.)
Lakukan hal yang sama seperti di atas
14
pada Frame 134, lalu geser Instance M Blur
EG yang ada pada Stage beberapa milimeter
ke bawah dari posisi semula.
Layer Elastis:Layer Elastis:Layer Elastis:Layer Elastis:Layer Elastis: Posisi objek Small EG dalammembuat animasi Tween pada Frame 66, 70,80 sampai Frame 97.
bekas hilangnya tampilan objek S Blur EG(Frame 65 pada layer Blur).
Buat sebuah animasi Tween pada objek
Small EG dengan memperpanjang masa
tayang animasi tersebut hingga Frame 70lalu pindahkan posisi objek tersebut sedikit
ke atas Stage. Jangan lupa mengubah
ukurannya menjadi W = 133 X H= 248.
Lanjutkan pebuatan animasi Tween ini
dengan membuat sebuah Keyframe pada
Frame 80 lalu pindahkan posisi objek
tersebut beberapa mili ke atas Stage dari
posisi semula. Ubah ukuran tinggi objek H=
221 dan biarkan ukuran lebar (W) tetap.
Animasi Animasi Animasi Animasi Animasi Frame by FrameFrame by FrameFrame by FrameFrame by FrameFrame by Frame::::: Gambaran letakposisi objek M Blur EG pada Frame 98 danFrame 99 pada Layer Blur.
Animasi Animasi Animasi Animasi Animasi TTTTTwwwwween:een:een:een:een: Gambaran letak posisianimasi tween Speed up Blur pada Frame 140sampai Frame 143.
MEMB MEMB MEMB MEMB MEMBUAUAUAUAUAT T T T T ANIMASI KARTUN ANIMASI KARTUN ANIMASI KARTUN ANIMASI KARTUN ANIMASI KARTUN THE INCREDIBLESTHE INCREDIBLESTHE INCREDIBLESTHE INCREDIBLESTHE INCREDIBLES 15
TTTTTimeline:imeline:imeline:imeline:imeline: Gambaran konfigurasi frame-frame animasi yang terbentuk dalam beberapa layer.
Layer Elastis:Layer Elastis:Layer Elastis:Layer Elastis:Layer Elastis: Posisi objek Big EG dalammembuat animasi Tween pada Frame 100,101 sampai Frame 132.
Frame 101 lalu ubah tinggi H=700 dan
biarkan ukuran lebar (W) tetap. Perpanjang
durasinya hingga Frame 132.
Lanjutkan dengan meng-insert sebuah
Blank Keyframe pada Frame 133 dan Frame
134. Sedangkan untuk Frame 135 insert-
lah sebuah Keyframe, lalu drag symbol
bitmap Small EG yang terdapat pada panel
Library menuju ke dalam Stage. Letakkan
tepat di tengah hilangnya Instance B Blur
EG yang terdapat pada Layer Blur.
Buat sebuah animasi Tween dengan
memperpanjang durasi animasi tersebut
hingga Frame 139. Geser posisi Instance
Small EG pada posisi semula yang terletak
di tengah Stage beberapa cm ke bawah.
Layer Elastis:Layer Elastis:Layer Elastis:Layer Elastis:Layer Elastis: Posisi Instance small EG dalammembuat animasi Tween pada Frame 135,sampai Frame 139.
Instance:Instance:Instance:Instance:Instance: Ilustrasi beberapa posisi animasidalam membentuk satu kesatuananimasi Tween dan animasi Frameby Frame dalam Stage.
Pada Layer BackSound, klik Frame 1kemudian perpanjang durasi frame ter-
sebut hingga Frame 150. Kembali klik
Frame 1 pada Layer Backsound kemudian
drag Symbol B Sound.mp3 yang berada
pada panel Library ke dalam Stage.
Beralih ke Frame 35 Layer Background
lalu drag Symbol Elastigirl.mp3 yang berada
pada panel Library ke dalam Stage.
Agar Animasi Lebih Hidup
Tambahkan Latar Belakang Musik
Timeline:Timeline:Timeline:Timeline:Timeline: Dengan menambahkan suara latarbelakang dan suara-suara lainnya, animasiyang telah dibuat menjadi lebih berbeda.
MEMB MEMB MEMB MEMB MEMBUAUAUAUAUAT T T T T ANIMASI KARTUN ANIMASI KARTUN ANIMASI KARTUN ANIMASI KARTUN ANIMASI KARTUN THE INCREDIBLESTHE INCREDIBLESTHE INCREDIBLESTHE INCREDIBLESTHE INCREDIBLES 17
Animasi karakter yang akan dibahas berikut ini adalah animasi karakter tokohVVVVVioletioletioletioletiolet. VVVVVioletioletioletioletiolet P P P P Parrarrarrarrarr adalah anak tertua dari keluarga Bob Parr. Ia adalahseorang murid SMP yang memendam rasa cinta kepada temannya yangbernama Tony Rydinger. Kehebatan yang dimilikinya adalah dapat menghilang dandapat membuat perisai diri yang sanggup menahan segala sesuatu dari seranganmusuh.
Membuat Animasi Karakter Tokoh VIOLET
Document Properties:Document Properties:Document Properties:Document Properties:Document Properties: Setting file projekdengan ukuran dimensi 800 800 800 800 800 px X 600600600600600 px,Frame rate: 25 fps 25 fps 25 fps 25 fps 25 fps dengan warna latarbelakang HitamHitamHitamHitamHitam.
Animasi Karakter Violet
Penggunaan Layer Masking
Pembuatan projek yang keempat ini adalah
membuat animasi tokoh kartun Violet
yang dapat menghilangkan dirinya dan
membuat efek yang dimilikinya berupa
tenaga elektromagnetis yang dapat di-
gunakan untuk membuat sebuah perisai.
Teknik pembuatan animasi ini meng-
gunakan animasi tween yang berada dalam
sebuah Movie Clip.
Persiapan Dokumen Baru
Lakukan setting awal dokumen seperti
dalam projek-projek terdahulu dengan
lebar dimensi Stage 800px X 600px, Frame
rate: 25 fps dan warna latar belakang
Hitam.
Timeline:Timeline:Timeline:Timeline:Timeline: Buat sembilan buah layer baru dansebuah Layer Folder lalu beri nama masing-masing layer seperti yang disebutkan di atas.Sedangkan untuk semua nama layer yangberawalan “M...” ubah menjadi Layer Mask.
opsi Advanced lalu klik tombol Setting...yang terletak di sebelah kanan dalam panel
Property. Dalam kotak dialog Advanced Ef-
fect atur setting warna Red = (16 % x R)+215, Green = (16 % x R)+ 215, Blue = (16% x R)+ 215, dan Alhpa = (100 % x R)+ 0.
Pada Frame 45 klik objek Ball pada
Stage lalu ubah ukurannya dalam panel
Property menjadi W = 640 x H= 640 dan
letakkan image tersebut di tengah Stage
(lihat gambar).
Panel Property:Panel Property:Panel Property:Panel Property:Panel Property: Pilih opsi Advanced dan kliktombol Settings... Settings... Settings... Settings... Settings... yang terletak di sebelah-nya. Dalam kotak dialog Advanced Effect atursemua seting nilai warna RGB dan nilai Alphasesuai yang dijelaskan di atas.
Violet & Ball:Violet & Ball:Violet & Ball:Violet & Ball:Violet & Ball: Gambaran animasi letak danperubahan ukuran Instance objek Ball yangtampil pada Frame 42 sampai Frame 45 padaLayer Beam Ball.
Lanjutkan pembuatan efek ini dengan
membuat sebuah symbol Movie Clip
dengan cara Insert > New Symbol...Dalam kotak dialog Create New Sym-
bol beri nama Symbol yang akan dibuat
dengan nama “Beam” lalu pilih Behavior
Movie Clip, setelah selesai klik tombol OK.
Setelah itu tampilan Stage akan ber-
ubah masuk ke dalam Mode Stage dan
Timeline Beam. Dalam Timeline Beam
tersebut buat sebuah layer baru. Jadi jumlah
layer yang ada kini berjumlah dua buah.
Create New Symbol:Create New Symbol:Create New Symbol:Create New Symbol:Create New Symbol: Buat sebuah SymbolMovie Clip baru dan beri nama “Beam”. Untuksementara waktu biarkan Anda bekerja dalamMode Stage dan Timeline Beam.
Layer 1 Movie Clip Beam:Layer 1 Movie Clip Beam:Layer 1 Movie Clip Beam:Layer 1 Movie Clip Beam:Layer 1 Movie Clip Beam: Gambaran animasiletak dan perputaran Instance objek BmBallyang tampil pada Frame 1 - 85 - 170.
Layer 2 Movie Clip Beam:Layer 2 Movie Clip Beam:Layer 2 Movie Clip Beam:Layer 2 Movie Clip Beam:Layer 2 Movie Clip Beam: Gambaran animasiletak dan perputaran Instance objek BmBallyang tampil pada Frame 1 - 43 -127 -170.
Anda dapat mengetes hasil efek
animasi yang dihasilkan dengan menekan
tombol Enter pada Keyboard.
Jika hasil efek animasi tersebut telah
sesuai dengan yang diharapkan maka
kembali ke Timeline Utama dengan
mengklik tombol panah berwarna biru
yang terletak di kiri atas nama Stage.
TTTTTimeline Moimeline Moimeline Moimeline Moimeline Movie Clip Beam:vie Clip Beam:vie Clip Beam:vie Clip Beam:vie Clip Beam: Gambaran titik-tikanimasi tween pada beberapa Keyframeanimasi yang terdapat pada Layer 1 dan Layer2 Movie Clip Beam.
Timeline Utama:Timeline Utama:Timeline Utama:Timeline Utama:Timeline Utama: Untuk kembali ke TimelineUtama klik tombol Panah Biru yang terletak disudut kiri kiri dekat nama Stage.