Praktikum 9 Remake One Little Part 3

1. Tujuan

tujuan pada praktikum ini adalah untuk lebih memahami tentang cara membuat animasi dengan motion tween.

2. Alat dan Bahan

Adobe Flash Profesional CS3

3. Dasar Teori

Mengenal lebih dalam mengenai Motion Tween dan Shape Tween, Pada program flash terdapat 2 (dua) jenis animasi yaitu Animasi Motion Tween dan Animasi Shape Tween.

1.Motion Tween

Motion Tween adalah pergerakan suatu objek dari keadaan awal sampai keadaan akhir. sebagai contoh anda ingin menggerakan suatu bola dari kiri ke kanan, dengan adanya motion tween kita bisa menggunakan sedikit objek tanpa harus membuat banyak objek, 

langkah - langkah untuk membuat classic tween sederhana adalah sebagai berikut :

1 . buka adobe flash cs3 professional . 

2 . buat sebuah objek 

3 . blok objek tersebut , tekan f8 lalu ubah dari movie clip menjadi symbol 

4 . double klik pada objek tersebut 

5 . pada frame yg ke 30 insert keyframe 

6 . ubah letak objek tersebut , bila perlu ubah warna objek tersebut . 

7 . pada frame yang ke 15 klik kanan , classic tween 

8 . jalankanlah animasi tersebut . animasi objek berubah bentuk dan warna sudah jadi dengan menggunakan classic tween  

2.Shape Tween
Shape Tween adalah perubahan bentuk dari suatu objek ke objek lain. untuk Shape Tween objek yang dianimasikan harus berjenis Shape, untuk ukuran file yang dihasilkan Shape Tween lebih besar dibandingkan motion Tween 

 Langkah - langkah untuk membuat animasi sederhana dengan menggunakan shape tween adalah : 

1 . buka adobe flash cs3 professional 

2 . buat sebuah objek 

3 . blok objek tersebut , tekan f8 lalu ubah dari movie clip menjadi symbol 

4 . double klik pada objek tersebut 

5 . pada frame yg ke 30 insert keyframe 

6 . ubah letak dan bentuk serta warna dari objek tersebut . 

7 . pada frame yang ke 15 klik kanan ,shape tween 

8 . jalankanlah animasi tersebut . animasi objek berubah bentuk dan warna sudah jadi dengan 

menggunkan classic tween  

4. Tugas Praktikum

Meniru video animasi one little finger semirip mungkin.

5. Hasil Praktikum

6. Kesimpulan 

 pada adobe flash ada dua jenis motion yaitu motion tween dan motion shape yang keduanya memilik cara yang hampir sama untuk membuatnya dan fungsinya juga hampir sama. Motion Tween berfungsi untuk menggerakan suatu objek yang bergerak dari awal sampai akhir. Dan amotion shape digunakan untuk menggerakan objek yang berbentuk shape.

7. Referensi
https://www.youtube.com/watch?v=eBVqcTEC3zQ

chugy gogog " motion tween dan shape tween" http://chugygogog.blogspot.co.id/2010/01/motion-tween-dan-shape-tween.html

gunawan huang "belajar adobe flash" http://gunzhu4ng.blogspot.co.id/2013/09/shape-tween-dan-classic-tween-tween.html

Praktikum 16 Motion Guide

1. Tujuan

       Tujuan dari praktikum ini adalah untuk mempelajari dan memahami tentang cara membuat animasi dengan menggunakan teknik motion guide.

2. Alat dan Bahan

        Adobe Flash Professional CS3

3. Dasar Teori

      Animasi motion guide adalah animasi yang mempunyai gerakan sesuai dengan

jalur yang kita buat. Animasi ini merupakan lanjutan dari animasi motion tween.
Animasi ini sangat cocok digunakan untuk jenis animasi yang membutuhkan
ketelitian dalam pergerakan yang dikehendaki atau sesuai keinginan pembuat
animasi.

Membuat animasi motion guide

Di bawah ini akan ditunjukkanproses pembuatan animasi motion guide :

1. Buka file baru atau Ctrl+N
   
2. Kemudian kita pilih Oval tool (O) pada toolbox dan kita mulai membuat
   objek lingkaran pada stage dengan mengklik dan drag, jangan lupa warna
   fiil objek balok harus berbeda dari warna background stage.
   
3. Kemudian klik kanan di frame ke-1, pilih Create motion tween 
   
   
4. Pada frame ke-10 klik kanan kita pilih Keyframe,, kemudian kita
   geser lingkaran ke kanan sehingga tampak seperti pada gambar
   
5. Kemudian klik kanan layer 1 kemudian pilih Add Motion Guide
   maka akan muncul layer baru seperti tampak pada gambar.
   
   
   
6. Kemudian dengan layer guide masih terseleksi kita pilih Pencil Tool untuk
   membuat jalur yang akan menjadi lintasan animasi dari lingkaran.
   
   
7. Agar objek lingkaran dapat bergerak sesuai jalur, maka tengah objek
   haruslah berada di tengah jalur.
   
8. Oleh karena itu, klik frame 1 layer 1, Kemudian pilih Free Transform
   Tool agar bulatan tengah objek terlihat. Kemudian pindahkan objek
   sampai lingkaran tengah objek berada di ujung awal jalur.
9. Kemudian klik frame 40 layer 1, Kemudian pilih Free Transform Tool
   agar bulatan tengah objek terlihat. Kemudian pindahkan objek sampai
   lingkaran tengah objek berada di ujung akhir jalur.
   
   
10. Kemudian tekan Enter untuk melihat hasilnya

4. Tugas Praktikum

        Buatlah sebuah animasi menggunakan motion Guide

5. Hasil Praktikum

6. Kesimpulan

        Untuuk membuat animasi menggunakan teknik motion guide yang harus diperhatikan agar benda dapat mengikuti lintasan yang kita buat maka kita harus meletakkan titk objek berada ditengah garis.

7. Referensi

go8log,"animasi motion guide", http://sinauflash.blogspot.co.id/2009/03/animasi-motion-guide_2844.html

Praktikum 15 Motion Tween

1. Tujuan

       tujuan dari praktikum ini adalah untuk memahami lebih dalam lagi dalam membuat animasi dengan menggunakan motion tween.

2. Alat dan Bahan

       Adobe Flash professional CS
3. Dasar Teori

       pertama aktifkan Macromedia Flash nya setelah kalian membuka nya pilihlah Flash Document seperti gambar di bawah ini.

kemudian layar kerja akan muncul seperti gambar berikut ini, untuk membuat Motion Tween pastikan dahulu di frame mana objek yang anda ingin kan di buat.

kemudian pilih lah objek gambar yang anda ingin kan seperti contoh nya gambar lingkaran seperti gambar dibawah ini.

pastikan garis luar objek hilang agar anda mudah membuat nya ( lihat gambar untuk lebih jelasnya).

langkah berikutnya buat lah lingkaran sesuai keinginan anda , setelah anda membuat lingkaran nya klik lah frame yang anda inginkan. klik tombol kanan mouse dan pilihlah ‘Insert Keyframe’.

klik lah frame 30 dan tekan Q pada keyboard . pindahkan lah objek sesuai dengan keinginan anda .

kemudian setelah kamu menempatkan objek nya klik lah salah satu kolom yang berada dalam frame-frame yang ter-block contoh nya bisa anda liat pada gambar berikut ini. Klik lah tombol kanan mouse pada frame yang sudah ditentukan setelah itu pilihlah ‘Create Motion Tween’.

dan langkah akhir anda bisa melihat hasilnya dengan menekn Ctrl+ENTER .

4. Tugas Praktikum

        Buatlah animasi menggunakan motion tween

5. Hasil Praktikum

6. Kesimpulan

        kesimpulan yyang didapat pada praktikum ini yaitu untuk membuat animasi menggunakan motion tween kita harus membuat minimal dua objek dengan berbeda tempat agar objek dapat digerakan menggunakan motion tween\.

7. Referensi

"cara membuat motion tween pada macromedia flash", https://baaraandos.wordpress.com/2013/04/30/cara-membuat-motion-tween-pada-macromedia-flash/

Praktikum 14 Menerapkan Shape Tween Pada Logomotion

1. Tujuan

     Tujuan dari praktikum ini adalah mempelajari dan memahami motion dengan menggunakan shape tween. Dan agar bisa membuat sebuah animasi yang menggunakan teknik shape tween.

2. Alat dan Bahan

Adobe Flash Profesional CS3

3. Dasar Teori

animasi motion shape adalah sebuah animasi atau pergerakan objek dimana bentuk dari objek yang dianimasikan akan berubah dari titik awal menuju titik akhir sesuai dengan yang kita tentukan

langkah cara membuat animasi motion shape adalah :

1. pilih File new - flash document - OK
2. pada frame kesatu buat objek lingkaran dengan menggunakan oval tool yang ada pada sebelah kiri, seperti gambar dibawah ini
3. 
4. pada frame 20 lakukan klik kanan dan pilih insert keyframe
5. kemudian klik pada frame 20 lagi dan tekan delete pada keyboard
6. objek lingkaran otomatis hilang, kemudian anda buat objek baru lagi berupa persegi panjang dengan menggunakan rectangle tool pada posisi manapun
7. klik pada frame 1
8. pada menu propertis flash yang ada dibawah, ganti opsi tween dengan shape, seperti gambar dibawah ini
9. 
10. terakhir, tekan tombol Ctrl+Enter untuk melihat hasilnya

4. Tugas Praktikum

Buatlah Logomotion Menggunakan Shape Tween

5. Hasil Praktikum

 

6. Kesimpulan

     kesimpulan praktkum ini adalah untuk membuat animasi dengan menggunakan teknik shape tween maka objek yang akan kita buat menjadi shape tween tidak boleh dalam bentuk simbol. Jika kita menggunakan objek dengan bentuk simbol maka tidak bisa dijadikan shape tween.

7. Referensi
arbakid " cara membuat animasi shape tween, http://arbakid.blogspot.co.id/2009/11/cara-membuat-animasi-flash-part-1.html"

Praktikum 13 Membuat Kreativitas Shape Tween

1. Tujuan

Tujuan dari praktikum ini adalah agar lebih paham dan dapat berkreasi membuat animasi dengan shape tween.

2. Alat dan Bahan

Adobe Flash CS 3

3. Dasar Teori

       Berikut ini tutorial membuat animasi Shape Tween sederhana .

1. Buat dokumen baru , lalu buat lingkaran / kotak

2. Lalu klik kanan , pilih Insert Blank Keyframe pada frame 65

3. Gunakan text tool untuk menulis

4.Klik kanan pada bidang text , lalu pilih Break Apart (Ctrl+B)

5.Klik kanan lagi , pilih Break Apart (Ctrl+B)

6. Klik kanan diantara frame 1 - 65 lalu pilih Shape Tween 


7. Klik Ctrl + Enter untuk melihat hasilnya .

4. Tugas Praktikum

Buatlah logomotion menggunakan shape tween

5. Hasil Praktikum

6. Kesimpulan

 Kesimpulan yang didapat dalam praktikum ini adalah saya lebih dapat memahami tentang teknik untuk membuat animasi di adobe flash kususnya adobe fkash CS 3

7. Referensi

Pripun Carane, "Cara Membuat Animasi Shape Tween di Flash CS 5", http://pripuncarane.blogspot.co.id/2013/03/cara-membuat-animasi-shape-tween-di.html

Praktikum 12 Logomotion dengan shape tween

1. Tujuan

     Tujuan dari praktikum ini adalah mempelajari dan memahami motion dengan menggunakan shape tween. Dan agar bisa membuat sebuah animasi yang menggunakan teknik shape tween.

2. Alat dan Bahan

Adobe Flash Profesional CS3

3. Dasar Teori

animasi motion shape adalah sebuah animasi atau pergerakan objek dimana bentuk dari objek yang dianimasikan akan berubah dari titik awal menuju titik akhir sesuai dengan yang kita tentukan

langkah cara membuat animasi motion shape adalah :

1. pilih File new - flash document - OK
2. pada frame kesatu buat objek lingkaran dengan menggunakan oval tool yang ada pada sebelah kiri, seperti gambar dibawah ini
3. 
4. pada frame 20 lakukan klik kanan dan pilih insert keyframe
5. kemudian klik pada frame 20 lagi dan tekan delete pada keyboard
6. objek lingkaran otomatis hilang, kemudian anda buat objek baru lagi berupa persegi panjang dengan menggunakan rectangle tool pada posisi manapun
7. klik pada frame 1
8. pada menu propertis flash yang ada dibawah, ganti opsi tween dengan shape, seperti gambar dibawah ini
9. 
10. terakhir, tekan tombol Ctrl+Enter untuk melihat hasilnya

4. Tugas Praktikum

Buatlah Logomotion Menggunakan Shape Tween

5. Hasil Praktikum

6. Kesimpulan

     kesimpulan praktkum ini adalah untuk membuat animasi dengan menggunakan teknik shape tween maka objek yang akan kita buat menjadi shape tween tidak boleh dalam bentuk simbol. Jika kita menggunakan objek dengan bentuk simbol maka tidak bisa dijadikan shape tween.

7. Referensi
arbakid " cara membuat animasi shape tween, http://arbakid.blogspot.co.id/2009/11/cara-membuat-animasi-flash-part-1.html"

Praktikum 11 Masking

1. Tujuan
 
     Tujuan praktikum ini adalah agar bisa membuat sebuah animasi dengan menggunakan teknik masking. Dan agar kita memahami cara-cara membuat animasi dengan masking.

2. Alat dan Bahan

Adobe Flash Profesional CS3

3. Dasar Teori

Animasi masking adalah animasi objek yang menutup objek lain sehingga objek yang ditutupi terlihat transparan. Layer masking ditandai dengan simbol  . cara membuat layer mask adalah mengklik kanan mouse pada layer yang akan di masking lalu pilih menu mask.

Gambar 19. Cara merubah ke Animasi Mask Pada Layer

Latihan:

1. Buka lembar kerja baru, lalu ganti warna lembar kerja dengan warna hitam pada panel properti

Gambar 20. Mengubah Warna Background Pada Panel Properties

2. Klik Icon  pada toolbox, lalu ketik ANIMASI MASKING pada stage, dan letakkan di tengah stage atur setting font   seperti gambar 21

Gambar 21. Pengaturan Tulisan Pada Panel Properties

3. Klik frame 20, lalu klik menu insert > Timeline> Frame

4. Dobel klik Layer 1, ganti nama Teks

Gambar 22. Rename Layer

5. klik icon  untuk menambah layer baru dan beri nama Lingkaran pada Layer baru

6. Klik Layer Lingkaran dan buat objek lingkaran denga warna biru, lalu letakkan objek tersebut di sisi kiri teks ANIMASI MASKING

Gambar 23. Letak Lingkaran pada Frame 1

7. klik frame 10, lalu kunci dengan mengklik menu >TimeLine>Keyframe

8. Pindahkan objek lingkaran disisi kanan teks ANIMASI MASKING

 

Gambar 24. Letak Lingkaran pada Frame 10

9. Klik frame 20, kemudian kunci dengan mengklik menu Insert >Timeline> Keyframe

10. Pindahkan objek lingkaran ke sisi kiri objek teks ANIMASI MASKING

 

Gambar 25. Letak Lingkaran Pada Frame 20

11.berikutnya, klik dan Aktifkan layer Lingkaran, lalu klik menu Insert>TimeLine>CreateMotion Tween

12. Buat layer lingkaran menjadi masking Layer dengan mengklik kanan layer Lingkaran, lalu pilih menu mask sehingga hasil akhir layer seperti terlihat pada gambar 

Gambar 26. Penambahan Layer Mask

4. Tugas Praktikum

Membuat bendera berkibar menggunakan masking

5. Hasil Praktikum

6. Kesimpilan

     Kesimpulan dari praktium ini adalah untuk membuat animasi masking, kita membuat objeknya lebih dari satu, misal untuk membuat bendera kita membuat dua objek. Objek yang akan kita masking harus berbentuk simbol dan setelah itu kita bisa membuat salah satu objeknya bergerak dan objek yang lain berhenti.

7. Referensi

Muhammad Alba Rizkya Putra, "animasi masking" http://putradeathblogs.blogspot.co.id/2013/05/animasi-masking.html