Memantapkan kemampuan mahasiswa dalam membuat sebuah animasi melalui adobe
flash dengan membuat logomotion yang telah ditentukan sebelumnya.
2. Alat
Adobe Flash Professional CS3+
3. Bahan
_Tidak Ada_
4. Dasar Teori
Shape Tween Shape tween merupakan salah satu teknik dalam animasi flash yaitu perubahan bentuk dari suatu objek ke objek lain. Jika dalam Classic Tween tidak ada perubahan bentuk objek yang kita animasikan, maka dalam Shape Tween objek yang akan kita animasikan dapat berubah bentuknya. Misalnya kita ingin merubah bentuk objek persegi empat menjadi bentuk bintang, maka kita dapat menggunakan Shape Tween. Dalam teknik Shape Tween kita perlu mengganti objek pertama dengan objek kedua ke posisi yang berbeda.
Jadi, setelah kita membuat objek pada posisi A, tambahkan keyframe ke frame yang kita inginkan. Di frame terkahir tersebut, hapus objek pertama dan kita ganti dengan objek berbentuk lain ke posisi yang berbeda. Misalnya dari objek lingkaran di pojok atas, dirubah menjadi objek bintang ke pojok bawah.
Setelah itu, seleksi semua frame atau double klik frame, kemudia klik kanan tombol mouse dan pilih Create Shape Tween.
Untuk melihat hasilnya, tekan tombol Ctrl + Enter pada keyboard.
Selamat Mencoba!!!
Shape Hint
Untuk kali ini saya akan memposting tentang cara membuat perubahan bentuk Shape Hint, untuk mengontrol perubahan bagian - bagian yang lebih detail pada objek, maka kita dapat menambahkan titik perubahan awal dan akhir atau lebih dikenal dengan perubahan Shape Hint. Langkah - langkah untuk membuat animasi shape hint. 1. Buka dokumen baru, simpan dengan nama Shape Hint. 2. Tuliskan huruf A dengan menggunakan Text Tool. 3. Klik Selection tool, pilih menu Modify>Break Apart, lalu klik frame 1. 4. Buka panel Properties, pada kotak Tween pilih Shape. 5. Klik kanan frame 25, pilih Insert Keyframe. 6. Tekan Delete untuk menghapus huruf A, ganti dengan huruf B pada tempat yang sama. Tekan Selection tool, lalu tekan Ctrl + B ( =break apart ). 7. Klik frame 1, pilih menu Modify>Shape>Add Shape Hint, atau tekan Ctrl + Shift + H secara bersamaan, maka muncul huruf 'a' kecil. 8. Drag tanda 'a' tersebut ke ujung atas huruf A. 9. Tekan Ctrl+Shift+H, untuk membuat Shape Hint baru, maka akan muncul tanda 'b' kecil. 10. Tekan Ctrl+Shift+H, maka akan muncul huruf 'c' kecil.
11. Klik frame 25, drag tanda 'c,b,a, pada posisi yang sama seperti pada huruf A.
12. Tes Movie dengan menekan Ctrl+Enter.
5. Tugas Praktikum
Membuat sebuah logo motion dari logomotion yang telah ditentukan.
6. Petunjuk Praktikum
Mulailah dari menggambar bentuk dasar dari sebuah logo. Misalnya ketika kita
ingin membuat sebuah logomotion dari bentuk kotak ke bulat, maka buatlah terlebih
dahulu bentuk kotaknya, kemudian di frame yang ke-30 buatlah bentuk bulat
kemudian shape tween kan. Apabila perpindahan dari bentuk kotak ke bentuk bulat
terasa berantakan, maka kita dapat membuatnya sesuai dengan yang kita inginkan
dengan menggunakan shape hint.
7. Hasil Praktikum
8. Kesimpulan
Untuk membuat sebuah animasi motion tween di flash, kita harus mengetahui terlebih dahulu teknik dasar flash. yakni shape tween. karena hal ini dapat menunjang kemudahan dalam membuat animasi dari pembuatan animasi motion logo tersebut.
Memantapkan kemampuan mahasiswa dalam membuat sebuah animasi melalui adobe
flash dengan Studi kasus logomotion. Kemudian setelah melakukan studi kasus
tersebut, mencoba membuat salah dua logo motion sesuai dengan logo motion yang
telah di study kasus kan, dengan teknik shape tween dan hint.
2. Alat
Adobe Flash Professional CS3+
3. Bahan
_Tidak Ada_
4. Dasar Teori
Shape Tween Shape tween
merupakan salah satu teknik dalam animasi flash yaitu perubahan bentuk dari
suatu objek ke objek lain. Jika dalam Classic Tween tidak ada perubahan bentuk
objek yang kita animasikan, maka dalam Shape Tween objek yang akan kita
animasikan dapat berubah bentuknya. Misalnya kita ingin merubah bentuk objek persegi
empat menjadi bentuk bintang, maka kita dapat menggunakan Shape Tween.
Dalam
teknik Shape Tween kita perlu mengganti objek pertama dengan objek kedua
ke posisi yang berbeda.
Jadi,
setelah kita membuat objek pada posisi A, tambahkan keyframe ke frame
yang kita inginkan. Di frame terkahir tersebut, hapus objek pertama dan
kita ganti dengan objek berbentuk lain ke posisi yang berbeda. Misalnya
dari objek lingkaran di pojok atas, dirubah menjadi objek bintang ke
pojok bawah.
Setelah itu, seleksi semua frame atau double klik frame, kemudia klik kanan tombol mouse dan pilih Create Shape Tween.
Untuk melihat hasilnya, tekan tombol Ctrl + Enter pada keyboard.
Selamat Mencoba!!!
Shape Hint
Untuk kali ini saya akan memposting tentang cara membuat perubahan
bentuk Shape Hint, untuk mengontrol perubahan bagian - bagian yang lebih
detail pada objek, maka kita dapat menambahkan titik perubahan awal dan
akhir atau lebih dikenal dengan perubahan Shape Hint.
Langkah - langkah untuk membuat animasi shape hint.
1. Buka dokumen baru, simpan dengan nama Shape Hint.
2. Tuliskan huruf A dengan menggunakan Text Tool.
3. Klik Selection tool, pilih menu Modify>Break Apart, lalu klik frame 1.
4. Buka panel Properties, pada kotak Tween pilih Shape.
5. Klik kanan frame 25, pilih Insert Keyframe.
6. Tekan Delete untuk menghapus huruf A, ganti dengan huruf B pada
tempat yang sama. Tekan Selection tool, lalu tekan Ctrl + B ( =break
apart ).
7. Klik frame 1, pilih menu Modify>Shape>Add Shape Hint, atau
tekan Ctrl + Shift + H secara bersamaan, maka muncul huruf 'a' kecil.
8. Drag tanda 'a' tersebut ke ujung atas huruf A.
9. Tekan Ctrl+Shift+H, untuk membuat Shape Hint baru, maka akan muncul tanda 'b' kecil.
10. Tekan Ctrl+Shift+H, maka akan muncul huruf 'c' kecil.
11. Klik frame 25, drag tanda 'c,b,a, pada posisi yang sama seperti pada huruf A.
12. Tes Movie dengan menekan Ctrl+Enter.
5. Tugas Praktikum
Amatilah perubahan antara satu dengan yang lain pada logomotion dan remake ulang pada salah dua logomotion dengan menggunakan shape hint.
6. Petunjuk Praktikum
Mulailah dengan
7. Hasil Praktikum
8. Kesimpulan
Untuk membuat sebuah animasi motion tween di flash, kita harus mengetahui terlebih dahulu teknik dasar flash. yakni shape tween. karena hal ini dapat menunjang kemudahan dalam membuat animasi dari pembuatan animasi motion logo tersebut.
Memantapkan kemampuan mahasiswa dalam membuat sebuah animasi melalui adobe
flash dengan membuat sebuah animasi motion logo dengan menggunakan teknik Shape Tween.
2. Alat
Adobe Flash Professional CS3+
3. Bahan
_Tidak Ada_
4. Dasar Teori
Shape Tween Shape tween
merupakan salah satu teknik dalam animasi flash yaitu perubahan bentuk dari
suatu objek ke objek lain. Jika dalam Classic Tween tidak ada perubahan bentuk
objek yang kita animasikan, maka dalam Shape Tween objek yang akan kita
animasikan dapat berubah bentuknya. Misalnya kita ingin merubah bentuk objek persegi
empat menjadi bentuk bintang, maka kita dapat menggunakan Shape Tween.
Dalam
teknik Shape Tween kita perlu mengganti objek pertama dengan objek kedua
ke posisi yang berbeda.
Jadi,
setelah kita membuat objek pada posisi A, tambahkan keyframe ke frame
yang kita inginkan. Di frame terkahir tersebut, hapus objek pertama dan
kita ganti dengan objek berbentuk lain ke posisi yang berbeda. Misalnya
dari objek lingkaran di pojok atas, dirubah menjadi objek bintang ke
pojok bawah.
Setelah itu, seleksi semua frame atau double klik frame, kemudia klik kanan tombol mouse dan pilih Create Shape Tween.
Untuk melihat hasilnya, tekan tombol Ctrl + Enter pada keyboard.
Selamat Mencoba!!!
5. Tugas Praktikum
Buatlah sebuah logo motion dengan menggunakan teknik masking
6. Petunjuk Praktikum
Mulailah dari menggambar atau istilahnya men-tracing gambar dari logo yang akan kita buat motion logonya. dalam praktikum kali ini saya memakai logo dari medsos yang sedang terkenal saat ini, yaitu instagram, path dan twitter. setelah membuat tracingan logonya, tinggal melakukan teknik shape tween yang telah dipelajari sebelumnya.
7. Hasil Praktikum
8. Kesimpulan
Untuk membuat sebuah
animasi motion tween di flash, kita harus mengetahui terlebih
dahulu teknik dasar flash. yakni shape tween. karena hal ini dapat menunjang kemudahan dalam membuat animasi
dari pembuatan animasi motion logo tersebut.
Memantapkan kemampuan mahasiswa dalam membuat sebuah animasi melalui adobe
flash dengan membuat sebuah animasi bendera berkibar dengan teknik masking dan
motion tween.
2. Alat
Adobe Flash Professional CS3+
3. Bahan
_Tidak Ada_
4. Dasar Teori
a. Masking
Langsung saja kita mulai:
1. Pertama buka flash 8> flash document.
2. Buat lingkaran atau objek lainnya, jika membuat lingkaran gunakan oval tool.
3. Buat lingkaran seperti ini.
4. Klik kanan pada frame 50> insert keyframe.
5. Klik kanan pada bagian tengah frame lalu pilih create motion tween.
6. Frame akan berubah seperti ini.
7. Klik pada frame terakhir dan pindahkan lingkaran ke sebelah kanan.
Tes animasinya dengan menekan tombol ctrl+enter secara bersamaan.
Animasi masking adalah animasi yang pada intinya menampilkan objek yang
semula kita sembunyikan. Animasi masking mempunyai 2 metode dasar yaitu : 1. Area masking yang bergerak, objek yang di mask diam. 2. Area masking yang diam dan objek yang di mask yang bergerak. Kedua
teknik tersebut akan menampilkan hasil animasi yang berbeda.. Selain
itu area masking hanya boleh berupa fill. Jadi untuk outline (garis)
tidak diperbolehkan.
Membuat animasi masking Di bawah ini akan ditunjukkan proses pembuatan animasi masking : 1. Buka file baru atau Ctrl+N. 2.
Disini kita akan berkerja dengan area background berwarna hitam, jadi
pada properties.kita ubah dulu warna background menjadi warna hitam. 3. Kemudian buat dua buah layer.dengan nama layer “text” yaitu layer yang di mask dan layer “masked” yaitu layer masking. 4. Pada layer text frame ke-1 buat sebuah tulisan “ANIMASI MASKING” dengan warna putih seperti pada gambar. 5. Kemudian klik kanan frame 50 pada layer text dan pilih Insert Frame. 6. Pada layer masked frame ke-1, buat sebuah lingkaran berbentuk elips berwarna hitam, letakkan di samping kiri dari stage. 7. Pada layer masked frame ke-50 klik kanan pilih Insert Keyframe. Lalu ubah posisi lingkaran elips ke samping kanan stage. 8. Pada layer masked frame ke-1 klik kanan pilih Create Motion Tween. 9. Pada layer masked, klik kanan pilih mask . 10. Kemudian tekan Enter untuk melihat hasilnya.
1. Pertama buka flash 8> flash document.
2. Buat lingkaran atau objek lainnya, jika membuat lingkaran gunakan oval tool.
3. Buat lingkaran seperti ini.
4. Klik kanan pada frame 50> insert keyframe.
5. Klik kanan pada bagian tengah frame lalu pilih create motion tween.
6. Frame akan berubah seperti ini.
7. Klik pada frame terakhir dan pindahkan lingkaran ke sebelah kanan.
Tes animasinya dengan menekan tombol ctrl+enter secara bersamaan.
1. Pertama buka flash 8> flash document.
2. Buat lingkaran atau objek lainnya, jika membuat lingkaran gunakan oval tool.
3. Buat lingkaran seperti ini.
4. Klik kanan pada frame 50> insert keyframe.
5. Klik kanan pada bagian tengah frame lalu pilih create motion tween.
6. Frame akan berubah seperti ini.
7. Klik pada frame terakhir dan pindahkan lingkaran ke sebelah kanan.
Tes animasinya dengan menekan tombol ctrl+enter secara bersamaan.
b. Motion Tween
Animasi Motion Tween 1. Pengertian Tweening Tweening adalah proses
membuat sebuah animasi pergerakan dengan cara memberikan perubahan pada
bentuk atau posisi objek dengan menentukankeyframe awal dan akhir
sehingga dapat terbentuk frame-frame baru. Fungsiutama tweening adalah
untuk menggerakkan objek dari satu titik ke titik lainnya. Animasi
motion tween digunakan apabila kita ingin membuat gerakan animasi yang
teratur. Animasi ini sangat mengurangi waktu karena kita tidakperlu
membuat animasi secara frame per frame. Sebaliknya hanya membuatframe
awal dan frame akhir saja. Dua alasan utama mengapa Animasi motion tween
sangat baik yaitu karena mengurangi pekerjaan mengambar dan
meminimalkan ukuran file karena isi dari setiap frame tidak perlu
disimpan.
2. Cara Kerja Tweening Cara kerja tweening adalah
dengan cara menentukan dua poin keadaan pada objek awal dan akhir,
sedangkan macromedia flash membuat rangkaian gerakan diantaranya.
Animasi yang dihasilkan menggunakan metode ini adalah gerakan yang
halus, perubahan letak, ukuran, rotasi, bentuk maupun warna. Prinsip
kerja dari animasi motion tween adalah membuat objek pada frame pertama
dan terakhir saja, sedangkan frame-frame diantaranya akan dibuat secara
otomatis. Objek yang dapat diaplikasikan dalam motion tween adalah objek
instance (simbol), group dan teks. Animasi motion tween biasa digunakan
untuk membuat animasi objek bergerak, berputar, dan mengubah ukuran
(skala).
Untuk menggerakkan animasi berupa obyek yang bergerak ,
langkah tercepat yang dapat dilakukan adalah dengan menggunakan Motion
Tween. Dengan menggunakan otion Tween, kita hanya menentukan posisi
pertama dan posisi terkahir obyek dan selanjutnya kita gerakan dengan
Motion Tween. Langkahlangkah membuat animasi tweening sederhana :
Buka halaman baru File > New > File Flash > OK 2. Pada menu Propeties tentukan size atau ukuran stage 550 x 200 pixel, warna Background Putih dan jumlah Frame per detik 12. 3. Ubahlah nama untuk Layer 1 dengan nama layer “Bola”. 4. Seleksi drame 1 pada layer Bola
Gambar . Seleksi Drame 1 pada Layer bola
5. Dengan menggunakan Oval Tool buatlah lingkaran seperti pada latihan animasi frame by
frame dan le takkan gambar bola di stage sebelah kiri.
Gambar. Menggambar menggunakan Oval Tool
6. Klik kanan frame 8 layer Bola dan pilih Insert Keyframe
Gambar . Frame 8 layer bola
7. Drag gambar bola yang berada di frame 8, geser ke sebelah kanan stage.
Gambar. Bola yang berada di frame 8, geser ke kanan stage
8. Klik kanan di frame 1 dan 8, pilih Create Motion Tween
Gambar . Create Motion Tween
9. Keadaan frame setelah ditambah Motion Tween
5. Tugas Praktikum
Buatlah sebuah animasi bendera berkibar melalui flash dengan menggunakan
teknik masking.
6. Petunjuk Praktikum
Mulailah dari menggambar benderanya terlebih dahulu pada layer 1. bendera
digambarkan panjang karena selain menggunakan masking, kita juga akan
menggunakan teknik motion tween. kemudian pada layer 2 gambar sebuah kotak yang
kemudian akan digunakan semakin maskingnya.
7. Hasil Praktikum
8. Kesimpulan
Untuk membuat sebuah
animasi bendera yang dapat berkibar di flash, kita harus mengetahui terlebih
dahulu teknik dasar flash. yakni frame by frame, motion tween, masking, dan
shape tween. karena hal ini dapat menunjang kemudahan dalam membuat animasi
dari bendera berkibar tersebut.
Setelah itu, seleksi semua frame atau double klik frame, kemudia klik kanan tombol mouse dan pilih Create Shape Tween.
Untuk melihat hasilnya, tekan tombol Ctrl + Enter pada keyboard.
Selamat Mencoba!!!
11. Klik frame 25, drag tanda 'c,b,a, pada posisi yang sama seperti pada huruf A.
12. Tes Movie dengan menekan Ctrl+Enter.
Postingan
