PROGRAM STUDI TEKNIK INFORMATIKA JURUSAN (3)
LAPORAN PRAKTIKUM
JOB 7
“ANIMASI OBYEK BERPUTAR, UNION SKIN
SHAPE TWEEN DAN MASK ”
Disusun oleh :
Nama : Meyla Yan Sari
NIM : 3.34.13.1.10
PROGRAM STUDI TEKNIK INFORMATIKA JURUSAN TEKNIK
ELEKTRO POLITEKNIK NEGERI SEMARANG
2015
BAB VII
ANIMASI OBYEK BERPUTAR, UNION SKIN
SHAPE TWEEN DAN MASK
I.
Tujuan Intruksional Khusus
Setelah menyelesaikan praktek ini mahasiswa dapat :
II.
-
Memahami pengertian tentang animasi dalam Flash MX
-
Dapat membuat animasi sesuai dengan teori semaksimal mungkin
Dasar Teori
Animasi Obyek berputar
Kita bisa membuat animasi obyek berputar yaitu :
a. Searah jarum jam (Clockwise)
b. Berlawanan jarum jam (counter clockwise) Langkah
Union skin
Union skin dipakai untuk menampilkan gambar-gambar in between frame pada suatu
rangkaian animasi obyek. Union skin outline, dipakai hanya untuk menampilkan outline dari
gambar-gambar in between frame.
Animasi shape tween
Animasi shape tween
hamper sama dengan motion tween, bedanya gambar yang
dianimasikan dengan motien tween telah di group dalam symbol.
Dengan shape tween kita dapat menggunakan gambar yan belum digroup sehingga
memudahkan dalam editing dan manipulasi gambar, seperti mengubah ukuran, warna, posisi
dan bentuk gambar kita.
Animasi mask
Animasi mask adalah animasi yang mampu menyembunyikan bagian tertentu dan hanya
menampilkan sebagian saja pada oyek yang dianimasikan.
III.
Alat dan Bahan
1. PC atau laptop
2. Adobe flash player
IV.
Langkah Kerja
7.1 Animasi Obyek berputar
Kita bisa membuat animasi obyek berputar yaitu :
a. Searah jarum jam (Clockwise)
b. Berlawanan jarum jam (counter clockwise) Langkah
pembuatannya sebagai berikut :
1. Buat animasi motion tween, tentukan obyek di posisi awal dan posisi akhir
2. Klik frame 1 untuk memilih obyek pada stage
3. Pilih Rotate : CW pada panel properties
Gambar 7.1 Panel Properties
4. Jika ingin mengatur putaran obyek, masukkan jumlah putaran yang anda iginkan pada
bagian times., Masukkan nilai 3 maka obyek akan berputar 3 kali setiap 12 fps.(jika anda
pilih animasi standard 12 frame per detik)
5. Jalankan animasi anda
Gambar 7.2 Animasi berputar
7.2 Menggunakan Union Skin
Union skin dipakai untuk menampilkan gambar-gambar in between frame pada suatu rangkaian
animasi obyek.
Union skin outline, dipakai hanya untuk menampilkan outline dari gambar-gambar in between
frame.
Langkahnya sebagai berikut :
1. Klik di frame 1
2. Klik tombol Union Skin pada timeline
3. Drag union skin marker hingga ke frame terakhir
Gambar 7.3 Animasi Union Skin
4. Klik union skin outline pada timeline, maka gambar pada posisi akhir tidak di tampilkan
Gambar 7.4 Union Skin Outline
5. Untuk menampilkan gambar frame trakhir klik edit multiple frames 6. Jalankan animasi
anda
7.3 Animasi Shape Tween
Animasi shape tween hampir sama dengan motion tween, bedanya gambar yang dianimasikan
dengan motien tween telah di group dalam symbol.
Dengan shape tween kita dapat menggunakan gambar yan belum digroup sehingga memudahkan
dalam editing dan manipulasi gambar, seperti mengubah ukuran, warna, posisi dan bentuk
gambar kita.
Gambar 7.5 Animasi Shape Tween
Gambar bola diatas jika dijalankan akan jatuh dan memantul kembali.
Langkah langkahnya :
1. Siapkan file baru buat layer bola
2. klik oval tool buat bola
3. klik di frame 5 insert > keyframe
4. Klik lagi di frame 10 insert > keyframe
5. Klik selection tool klik di frame 5 pada timeline
6. Plih obyek lingkaran lalu drag pindahkan ke bawah.
7. Klik di frame 1 kemudian pilih tween : shape pada panel properties
8. Atur nilai ease = 40 kemudian pilih Blend = Distributive
9. Klik di frame 5 pilih tween = shape lagi, nilai ease = 0
10. Jalankan animasi
7.4 Animasi Mask
Animasi mask adalah animasi yang mampu menyembunyikan bagian tertentu dan hanya
menampilkan sebagian saja pada oyek yang dianimasikan.
Langkah-langkahnya sbb :
1. Klik di frame 1 bada layer background, gambar gunung salju
2. Klik menu insert > create motion tween
3. Klik di frame 30 insert > keyframe
4. Klik insert > layer, untuk membuat layer baru beri nama sorot
5. Klik di Frame 1 dan klik oval tool, klik fill color untuk memilih warna lalu buat lingkaran
kecil di tengah gambar background.
6. Pada layer sorot klik di frame 1, insert > create motion tween
7. Klik di frame 30 dan klik menu insert > keyframe
8. Masih di frame 30, pilih obyek lingkaran pada stage, kemudian klik free transform tool.
9. Klik dan drag salah satu handle bagian sudut pada bingkai transform lingkaran, untuk
memperbesar ukuran obyek lingkaran melebihi gambar background.
10. Pilih layer sorot pada timeline lalu klik tombol kanan mouse dan pilih mask, maka layer
sorot dan background akan di masking.
11. Jalankan animasi, aniamsi mask akan menampilkan gambar latar dimulai dari lingkaran kecil
membesar hingga gambar terlihat semua.
Gambar 7.6 Animasi Mask
V.
Latihan
1. Jalankan Flash MX, Start > Programs > Macromedia > Macromedia Flash MX , buatlah
gambar dengan tema sesuai kreasi !
2. Buat gambar_71.fla seperti gambar 71 untuk membuat animasi berputar !
Gambar_71.fla
3. Buatlah gambar_72a.fla dan gambar_72b.fla seperti gambar 72 dengan membuat sebuah
animasi berputar dengan menampilkan union skin dan union skin outline !
a. Gambar_72a.fla
- Membuat motion tween > berputar searah jarum jam > aktifkan union skin
Gambar_72a.fla
-
Membuat motion tween > berputar searah jarum jam > aktifkan union skin outline
Gambar_72b.fla
4. Buatlah gambar dengan animasi Shape tween sebuah benda jatuh dan berubah bentuk ,
seperti gambar 73, simpan dengan gambar_73.fla
Gambar_73.fla
5. Buat animasi mask seperti gambar 74, dengan lebih dulu anda buat animasi motion
tween, simpan dengan gambar_74.fla
Gambar_74.fla
6. Jelaskan perbedaan yang diketahui dengan animasi Berputar, dengan union skin dan
union skin outline dengan lengkap !
Jawab :
Animasi berputar dipakai untuk memberi animasi berputar pada sebuah objek yang
telah dibuat dan ditentukan posisi awal danposisi akhirnya, serta arah
pemutarannya.
Union skin : dipakai untuk menampilkan gambar-gambar in between frame pada
suatu rangkaian animasi objek.
Union skin outline : dipakai hanya untuk menampilkan putline dari gambar-gambar
in between frame.
7. Jelaskan animasi shape tween, bedakan dengan motien tween dalam bentuk gambar !
Jawab :
-
Motion Tween : pergerakan suatu pbjek dari keadaaan awal sampai keadaan akhir.
Sebagai contoh anda ingin menggerkan suatu bola dari kiri ke kanaan, dangan adanya
motion tween kita bias menggunkaan sedikit objek tanpa harus membaut banyak
-
objek,
Shape Tween : perubahan bentuk dari suatu objek ke objek lain. Untuk Shape Tween
objek yang dianimasikan harus berjenis Shape, untuk berukuran file yang dihasilkan
Shape Tween lebih besar dibandingkan motion Tween.
8. Jelaskan animasi mask dan untuk aplikasi yang bagaimana !
Jawab :
Animasi mask adalah animasi yang mampu mnyembunyikan bagian tertentu dan hanya
menampilkan sebgaian saja pada objek yang dianimasikan. Animasi maskin biasanya
digunakan untuk membuat movie clip.
VI.
Kesimpulan
1. Animasi berputar dapat dibuat searah jarum jam (Clckwise) dan berlawanan jarum jam
(counter clckwise). Union Skin dipakai untuk menampilkan gambar-gambar in
between frame pada suatu rangkaian animsi obyek, sedangkan Union skin outline
dipakai hanya untuk menampilkan outline dari gambar-gambarin between frame.
2. Animasi shape tween hampir sama dengan motion tween, bedanya gambar yang
dianimasikan dengan motion tween telah di group dalam symbol.
Dengan shape tween kita dapat menggunakan gambar yang belum di group, sehingga
memudahkan dalam editing dan manipulasi gambar, seperti mengubah ukuran, warna,
posisi, dan bentuk gambar kita.
3. Animasi mask adalah asnimasi yang mampu menyembunyikan bagian tertentu dan
hanya menampilkan sebagian saja
JOB 7
“ANIMASI OBYEK BERPUTAR, UNION SKIN
SHAPE TWEEN DAN MASK ”
Disusun oleh :
Nama : Meyla Yan Sari
NIM : 3.34.13.1.10
PROGRAM STUDI TEKNIK INFORMATIKA JURUSAN TEKNIK
ELEKTRO POLITEKNIK NEGERI SEMARANG
2015
BAB VII
ANIMASI OBYEK BERPUTAR, UNION SKIN
SHAPE TWEEN DAN MASK
I.
Tujuan Intruksional Khusus
Setelah menyelesaikan praktek ini mahasiswa dapat :
II.
-
Memahami pengertian tentang animasi dalam Flash MX
-
Dapat membuat animasi sesuai dengan teori semaksimal mungkin
Dasar Teori
Animasi Obyek berputar
Kita bisa membuat animasi obyek berputar yaitu :
a. Searah jarum jam (Clockwise)
b. Berlawanan jarum jam (counter clockwise) Langkah
Union skin
Union skin dipakai untuk menampilkan gambar-gambar in between frame pada suatu
rangkaian animasi obyek. Union skin outline, dipakai hanya untuk menampilkan outline dari
gambar-gambar in between frame.
Animasi shape tween
Animasi shape tween
hamper sama dengan motion tween, bedanya gambar yang
dianimasikan dengan motien tween telah di group dalam symbol.
Dengan shape tween kita dapat menggunakan gambar yan belum digroup sehingga
memudahkan dalam editing dan manipulasi gambar, seperti mengubah ukuran, warna, posisi
dan bentuk gambar kita.
Animasi mask
Animasi mask adalah animasi yang mampu menyembunyikan bagian tertentu dan hanya
menampilkan sebagian saja pada oyek yang dianimasikan.
III.
Alat dan Bahan
1. PC atau laptop
2. Adobe flash player
IV.
Langkah Kerja
7.1 Animasi Obyek berputar
Kita bisa membuat animasi obyek berputar yaitu :
a. Searah jarum jam (Clockwise)
b. Berlawanan jarum jam (counter clockwise) Langkah
pembuatannya sebagai berikut :
1. Buat animasi motion tween, tentukan obyek di posisi awal dan posisi akhir
2. Klik frame 1 untuk memilih obyek pada stage
3. Pilih Rotate : CW pada panel properties
Gambar 7.1 Panel Properties
4. Jika ingin mengatur putaran obyek, masukkan jumlah putaran yang anda iginkan pada
bagian times., Masukkan nilai 3 maka obyek akan berputar 3 kali setiap 12 fps.(jika anda
pilih animasi standard 12 frame per detik)
5. Jalankan animasi anda
Gambar 7.2 Animasi berputar
7.2 Menggunakan Union Skin
Union skin dipakai untuk menampilkan gambar-gambar in between frame pada suatu rangkaian
animasi obyek.
Union skin outline, dipakai hanya untuk menampilkan outline dari gambar-gambar in between
frame.
Langkahnya sebagai berikut :
1. Klik di frame 1
2. Klik tombol Union Skin pada timeline
3. Drag union skin marker hingga ke frame terakhir
Gambar 7.3 Animasi Union Skin
4. Klik union skin outline pada timeline, maka gambar pada posisi akhir tidak di tampilkan
Gambar 7.4 Union Skin Outline
5. Untuk menampilkan gambar frame trakhir klik edit multiple frames 6. Jalankan animasi
anda
7.3 Animasi Shape Tween
Animasi shape tween hampir sama dengan motion tween, bedanya gambar yang dianimasikan
dengan motien tween telah di group dalam symbol.
Dengan shape tween kita dapat menggunakan gambar yan belum digroup sehingga memudahkan
dalam editing dan manipulasi gambar, seperti mengubah ukuran, warna, posisi dan bentuk
gambar kita.
Gambar 7.5 Animasi Shape Tween
Gambar bola diatas jika dijalankan akan jatuh dan memantul kembali.
Langkah langkahnya :
1. Siapkan file baru buat layer bola
2. klik oval tool buat bola
3. klik di frame 5 insert > keyframe
4. Klik lagi di frame 10 insert > keyframe
5. Klik selection tool klik di frame 5 pada timeline
6. Plih obyek lingkaran lalu drag pindahkan ke bawah.
7. Klik di frame 1 kemudian pilih tween : shape pada panel properties
8. Atur nilai ease = 40 kemudian pilih Blend = Distributive
9. Klik di frame 5 pilih tween = shape lagi, nilai ease = 0
10. Jalankan animasi
7.4 Animasi Mask
Animasi mask adalah animasi yang mampu menyembunyikan bagian tertentu dan hanya
menampilkan sebagian saja pada oyek yang dianimasikan.
Langkah-langkahnya sbb :
1. Klik di frame 1 bada layer background, gambar gunung salju
2. Klik menu insert > create motion tween
3. Klik di frame 30 insert > keyframe
4. Klik insert > layer, untuk membuat layer baru beri nama sorot
5. Klik di Frame 1 dan klik oval tool, klik fill color untuk memilih warna lalu buat lingkaran
kecil di tengah gambar background.
6. Pada layer sorot klik di frame 1, insert > create motion tween
7. Klik di frame 30 dan klik menu insert > keyframe
8. Masih di frame 30, pilih obyek lingkaran pada stage, kemudian klik free transform tool.
9. Klik dan drag salah satu handle bagian sudut pada bingkai transform lingkaran, untuk
memperbesar ukuran obyek lingkaran melebihi gambar background.
10. Pilih layer sorot pada timeline lalu klik tombol kanan mouse dan pilih mask, maka layer
sorot dan background akan di masking.
11. Jalankan animasi, aniamsi mask akan menampilkan gambar latar dimulai dari lingkaran kecil
membesar hingga gambar terlihat semua.
Gambar 7.6 Animasi Mask
V.
Latihan
1. Jalankan Flash MX, Start > Programs > Macromedia > Macromedia Flash MX , buatlah
gambar dengan tema sesuai kreasi !
2. Buat gambar_71.fla seperti gambar 71 untuk membuat animasi berputar !
Gambar_71.fla
3. Buatlah gambar_72a.fla dan gambar_72b.fla seperti gambar 72 dengan membuat sebuah
animasi berputar dengan menampilkan union skin dan union skin outline !
a. Gambar_72a.fla
- Membuat motion tween > berputar searah jarum jam > aktifkan union skin
Gambar_72a.fla
-
Membuat motion tween > berputar searah jarum jam > aktifkan union skin outline
Gambar_72b.fla
4. Buatlah gambar dengan animasi Shape tween sebuah benda jatuh dan berubah bentuk ,
seperti gambar 73, simpan dengan gambar_73.fla
Gambar_73.fla
5. Buat animasi mask seperti gambar 74, dengan lebih dulu anda buat animasi motion
tween, simpan dengan gambar_74.fla
Gambar_74.fla
6. Jelaskan perbedaan yang diketahui dengan animasi Berputar, dengan union skin dan
union skin outline dengan lengkap !
Jawab :
Animasi berputar dipakai untuk memberi animasi berputar pada sebuah objek yang
telah dibuat dan ditentukan posisi awal danposisi akhirnya, serta arah
pemutarannya.
Union skin : dipakai untuk menampilkan gambar-gambar in between frame pada
suatu rangkaian animasi objek.
Union skin outline : dipakai hanya untuk menampilkan putline dari gambar-gambar
in between frame.
7. Jelaskan animasi shape tween, bedakan dengan motien tween dalam bentuk gambar !
Jawab :
-
Motion Tween : pergerakan suatu pbjek dari keadaaan awal sampai keadaan akhir.
Sebagai contoh anda ingin menggerkan suatu bola dari kiri ke kanaan, dangan adanya
motion tween kita bias menggunkaan sedikit objek tanpa harus membaut banyak
-
objek,
Shape Tween : perubahan bentuk dari suatu objek ke objek lain. Untuk Shape Tween
objek yang dianimasikan harus berjenis Shape, untuk berukuran file yang dihasilkan
Shape Tween lebih besar dibandingkan motion Tween.
8. Jelaskan animasi mask dan untuk aplikasi yang bagaimana !
Jawab :
Animasi mask adalah animasi yang mampu mnyembunyikan bagian tertentu dan hanya
menampilkan sebgaian saja pada objek yang dianimasikan. Animasi maskin biasanya
digunakan untuk membuat movie clip.
VI.
Kesimpulan
1. Animasi berputar dapat dibuat searah jarum jam (Clckwise) dan berlawanan jarum jam
(counter clckwise). Union Skin dipakai untuk menampilkan gambar-gambar in
between frame pada suatu rangkaian animsi obyek, sedangkan Union skin outline
dipakai hanya untuk menampilkan outline dari gambar-gambarin between frame.
2. Animasi shape tween hampir sama dengan motion tween, bedanya gambar yang
dianimasikan dengan motion tween telah di group dalam symbol.
Dengan shape tween kita dapat menggunakan gambar yang belum di group, sehingga
memudahkan dalam editing dan manipulasi gambar, seperti mengubah ukuran, warna,
posisi, dan bentuk gambar kita.
3. Animasi mask adalah asnimasi yang mampu menyembunyikan bagian tertentu dan
hanya menampilkan sebagian saja