Pak 4 - Membuat Walk Cycle Menggunakan Keyframe

1. Tujuan

Membuat walk cycle menggunakan menu keyframe pada Adobe Flash Professional CS3

2. Bahan

– Tanpa Bahan –

3. Alat

Adobe Flash Professional CS 5.5

4. Dasar Teori

Ada beberapa dasar teori yang bisa digunakan sebagai petunjuk (guidance) dalam pembuatan stickman berjalan, antara lain

1. Pose
2. Timing
3. Inbetween

1. Pose

Berikut adalah pose-pose yang perlu ada dalam sebuah walk. Seringkali disebut dengan walk cycle. Dinamakan cycle karena pose ini dipilih sedemikian rupa sehingga pose terakhir identik dengan pose awal sehingga bisa disusun menjadi sebuah siklus tanpa henti.

Walk Cycle Poses Collection

Perhatikan bahwa ada 4 pose yang diperlukan, yaitu contact, down, passing, dan up.
Untuk mempermudah proses belajar, ada baiknya jika fokus pada pergerakan kaki dahulu. kemudian baru dilanjut bagian tubuh yang lain pada kesempatan berikutnya.

2. Timing

Timing yang dimaksud adalah jumlah frame yang diperlukan untuk menghasilkan animasi yang diinginkan. Timing juga berhubungan dengan durasi animasi yang diinginkan, apakah cepat atau lambat. Yang perlu diingat, untuk memperlambat animasi, tidak dilakukan dengan cara mengubah setting FPS, akan tetapi dengan cara mengubah jumlah frame yang dibuat. Dalam animasi baik 2D dan 3D, standar FPS adalah 24.
Untuk walk cycle, ada beberapa timing yang bisa digunakan tergantung jenis walk yang diinginkan
normal walk: 12 frame (0.5 detik)
cartoon walk: 8 frame
Timing yang relatif mudah untuk keperluan belajar adalah 8 frame. Dengan spesifikasi berikut,
pose contact –> frame 1
pose down –> frame 3
pose passing –> frame 5
pose up –> frame 7
pose contact –> frame 9
berikut adalah susunan keyframe pada timeline

timing untuk 4 pose walk cycle

berikut adalah tampilan onion skin dari 4 pose dasar walk cycle

4 basic walk cycle in onion skin

3. Inbetween

4 pose hanya bisa untuk 4 keyframe. Sedangkan untuk walk cycle dengan timing cartoon, perlu 8 frame. Sehingga perlu 4 tambahan frame atau 1 tambahan perantara frame yang biasa disebut dengan inbetween. Proses pembuatan inbetween sangat sederhana.

1. Cukup aktifkan onion sehingga bisa tampak keyframe frame sebelumnya dan frame setelahnya. Sebagai contoh, berikut adalah kondisi frame 2 saat masih baru ditambahkan empty keyframe dengan mode onion skin aktif.

   

   onion skin

2. Tambahkan gambar yang mewakili pertengahan dari kedua frame tersebut. Berikut adalah contoh hasil penambahan inbetween untuk keyframe pada frame 2.
   

   

   hasil proses inbetween

3. Ulangi langkah tersebut untuk menambahkan keyframe pada frame 4, 6, dan 8. Sehingga diperoleh keyframe untuk masin-masing frame seperti berikut ini
   

   

   1 frame 1 keyframe

5. Tugas Praktikum

1. Buatlah sebuah stickman. Bisa menggunakan line tool dengan ketebalan stroke 8
2. Animasikan stickman tersebut sehingga terlihat berjalan
3. Berikan warna merah pada bagian tangan dan kaki, untuk membedakan pergerakan tangan dan kaki sebelah kanan maupun kiri!

6.  Hasil Praktikum

7.Kesimpulan

Alhamdulillah saya dapat belajar membuat stickman berjalan dengan rapi menggunakan walkcycle

8.Referensi

1. Richard Williams, The Animator’s Survival Kit: A Manual of Methods, Principles and Formulas for Classical, Computer, Games, Stop Motion and Internet Animators

2. Adk, Only Wallpapers free 

3. Moh. Hasbi, Animasi 2D 2015 

Prak. 2 - Membuat Animasi Stickman di Flash Professional

1. Tujuan

Agar dapat mengerti cara membuat animasi yang sederhana melalui adobe flash.

2. Bahan dan Alat

Adobe Flash Professional CS 5.5

3. Dasar Teori

Ada beberapa dasar teori yang bisa digunakan sebagai petunjuk (guidance) dalam pembuatan stickman berjalan, antara lain

1. Pose
2. Timing
3. Inbetween

1. Pose

Berikut adalah pose-pose yang perlu ada dalam sebuah walk. Seringkali disebut dengan walk cycle. Dinamakan cycle karena pose ini dipilih sedemikian rupa sehingga pose terakhir identik dengan pose awal sehingga bisa disusun menjadi sebuah siklus tanpa henti.

Walk Cycle Poses Collection

Perhatikan bahwa ada 4 pose yang diperlukan, yaitu contact, down, passing, dan up.
Untuk mempermudah proses belajar, ada baiknya jika fokus pada pergerakan kaki dahulu. kemudian baru dilanjut bagian tubuh yang lain pada kesempatan berikutnya.

2. Timing

Timing yang dimaksud adalah jumlah frame yang diperlukan untuk menghasilkan animasi yang diinginkan. Timing juga berhubungan dengan durasi animasi yang diinginkan, apakah cepat atau lambat. Yang perlu diingat, untuk memperlambat animasi, tidak dilakukan dengan cara mengubah setting FPS, akan tetapi dengan cara mengubah jumlah frame yang dibuat. Dalam animasi baik 2D dan 3D, standar FPS adalah 24.
Untuk walk cycle, ada beberapa timing yang bisa digunakan tergantung jenis walk yang diinginkan
normal walk: 12 frame (0.5 detik)
cartoon walk: 8 frame
Timing yang relatif mudah untuk keperluan belajar adalah 8 frame. Dengan spesifikasi berikut,
pose contact –> frame 1
pose down –> frame 3
pose passing –> frame 5
pose up –> frame 7
pose contact –> frame 9
berikut adalah susunan keyframe pada timeline

timing untuk 4 pose walk cycle

berikut adalah tampilan onion skin dari 4 pose dasar walk cycle

4 basic walk cycle in onion skin

3. Inbetween

4 pose hanya bisa untuk 4 keyframe. Sedangkan untuk walk cycle dengan timing cartoon, perlu 8 frame. Sehingga perlu 4 tambahan frame atau 1 tambahan perantara frame yang biasa disebut dengan inbetween. Proses pembuatan inbetween sangat sederhana.

1. Cukup aktifkan onion sehingga bisa tampak keyframe frame sebelumnya dan frame setelahnya. Sebagai contoh, berikut adalah kondisi frame 2 saat masih baru ditambahkan empty keyframe dengan mode onion skin aktif.

   

   onion skin

2. Tambahkan gambar yang mewakili pertengahan dari kedua frame tersebut. Berikut adalah contoh hasil penambahan inbetween untuk keyframe pada frame 2.
   

   

   hasil proses inbetween

3. Ulangi langkah tersebut untuk menambahkan keyframe pada frame 4, 6, dan 8. Sehingga diperoleh keyframe untuk masin-masing frame seperti berikut ini
   

   

   1 frame 1 keyframe

4. Tugas Praktikum

1. Buatlah sebuah stickman. Bisa menggunakan line tool dengan ketebalan stroke 8
2. Animasikan stickman tersebut sehingga terlihat berjalan

5.  Hasil Praktikum

6. Kesimpulan 

Dengan mengerkannya tugas ini saya mengerti cara membuat animasi yang sederhana menggunakan adobe flash professional CS 5.5

7. Referensi

Walk Cycle Animation

Prak 1 - Mengenal Tampilan Adobe Flash Professional

1. TUJUAN
 Praktikum 1 Animasi 2D bertujuan untuk mengenal bagian-bagian yang ada di dalam Adobe Flash. Sehingga kedepannya mahasiswa Teknologi Multimedia Broadcasting-B dapat mengerti dan paham dengan adobe flash dan mudah untuk menggunakanannya.

2. DASAR TEORI

Flash merupakan suatu program animasi yang telah banyak dibunakan oleh para

pengguna (user) untuk menghasilkan desain yang professional.Flash digunakan untuk membuat animasi website ,profil perusahaan,cd interaktif, game ,media pembelajaran dan lainnya.

Flash adalah program animasi yang diproduksi oleh Macromediacorp,yaitu

sebuah vendor software yang bergerak dibidang animasi web.Macromedia Flash

diproduksi dalam beberapa versi,diantaranya adalah Macromedia Flash 1.0,Macromedia Flash 2.0,Macromedia Flash 3.0,Macromedia Flash 4.0,Macromedia Flash 5.0,Macromedia Flash MX ,Macromedia Flash MX 2004,Macromedia Flash Professional 2004,Macromedia Flahs Basic 8,dan Macromedia Flash professional 8.sekarang Flash sudah berpindah vendor menjadi Adobe.

3. TUGAS PRAKTIKUM
 Identifikasi masing-masing bagian user interface berikut.

4. HASIL PRAKTIKUM

Tampilan Adobe Flash Professional CS 5.5

Berikut penjelasan dari masing-masing bagian.
1. Toolbox
  Berisikan icon-icon. berikut ini icon-icon yang ada pada toolbox

•  Selection Tool, Digunakan untuk memilih dan memindahkan objek-objek yang ada di dalam stage.
• Subselection, Mirip dengan Selection Tool, tetapi kita bisa memilih komponen-komponen terkecil bila objek yang aktif merupakan objek shape.
• Free Transform, Digunakan untuk memanipulasi objek yang terpilih. Manipulasi yang bisa kita lakukan antara lain rotate, scaling, skew, dll.
• Gradient Transform, Digunakan untuk memanipulasi warna gradien yang ada pada objek.
• 3D Rotation, Memanipulasi objek menjadi gambar tiga dimensi.
• Lasso Tool, Digunakan untuk memilih bagian dar objek shape dengan bentuk yang kita inginkan. Tidak seperti selection Tool yang hanya memungkinkan kita memilih objek Shape dengan cakupan wilayah persegi.
• Pen Tool, Digunakan untuk menggambar objek shape secara manual.
• Add Anchor Point, Digunakan untuk menggambar objek shape secara manual.
• Delete Anchor Point, Digunakan untuk menghapus vertex yang ada pada garis shape.
• Convert Anchor Point, Merubah garis menjadi bentuk kurva.
• Text Tool, Digunakan untuk menambahkan komponen teks pada satge, typenya antara lain Static text, dynamic text, input text.
• Line Tool, Digunakan untuk menggambar garis lurus, hasilnya berupa garis shape.
• Rectangle, Digunakan untuk membuat objek shape berbentuk persegi.
• Oval Tool, Digunakan untuk membuat objek shape berbentuk oval/lingkaran.
• Rectangle Primitive Tool, Digunakan untuk membuat gambar berupa persegi, yang modifikasinya tetap dipertahankan pada bentuk aslinya, type gambarnya bersifat vektor tapi bukan shape.
• Oval Primitive Tool, Digunakan untuk membuat gambar berupa Oval, yang modifikasinya tetap dipertahankan pada bentuk aslinya, type gambarnya bersifat vektor tapi bukan shape.
• Polystar Tool, Digunakan untuk membuat objek shape dengan banyak sisi.
• Pencil, Digunakan Untuk Menggambar garis secara bebas, hasilnya berupa garis shape.
• Brush, Digunakan untuk mewarnai stage, seakan layaknya sebuah cat, bentuk yang dihasilkan merupakan objek shape.
• Deco, Tool baru pada adobe flash yang digunakan untuk membuat objek dekorasi.
• Bone, Digunakan sebagai alat bantu untuk melakukan pergerakan animasi.
• Paint Bucket, Digunakan untuk mewarnai pada suatu bidang/objek yang dipilih.
• Ink Bottle Tool, Digunakan untuk mewarnai pada tepi/edge dari objek yang dipilih.
• Eyedropper, Digunakan untuk mengeset warna yang dipilh sebagai warna aktif untuk Stroke atau Fill Color.
• Eraser, Digunakan untuk mengahapus objek shape yang ada dalam stage.
• Hand, Digunakan untuk bernavigasi secara bebas.
• Zoom, Digunakan untuk memperbesar/memperkecil ukuran semua objek yang ada pada stage.

2.Stage
yaitu tempat  untuk membuat obyek-obyek  berupa grafik, teks button dan sebagainya. serta user juga bisa memodifikasi obyek-obyek tersebut atau membuat obyek baru atau pun membuat animasi.

3. Timeline
berguna untuk menentukan durasi animasi, jumlah layer, frame, menempatkan script dan beberapa keperluan animasi lainnya. Semua bentuk animasi yang Anda buat akan diatur dan ditempatkan pada layer dalam timeline.

Yaitu menyediakan frame-frame yang dapat di gunakan untuk membuat obyek animasi menjadi bergerak.

·         Single keyframe dan frame

Yaitu cara menambahkan frame dengan cara satu persatu (f5 dan f6)

·         Motion tweened frame

Lebih sering digunakan untuk frame objek.

·         Shape tweened frame

Di gunakan untuk frame warna / untuk perubahan bentuk 

·         Labeled frame
adalah untuk menunjuk tempat animasi /frame 

·         Sripted frame

            cara menghentikan frame / stop frame
            caranya dengan memilih batas frame yang ingin di hendtikan tekan f9 tulis ( stop();)    

4. Berisi kumpulan windows group, seperti : swatches, color, align, info, dll

5.Panel Properties

berguna untuk menampilkan parameter dari sebuah tombol yang terpilih sehingga Anda dapat memodifikasi dan memaksimalkan fungsi dari  tombol tersebut. Panel properties menampilkan parameter sesuai dengan tombol yang terpilih.

6. Nama lembar kerja (Project)

  berguna untuk menunjukkan bahwa lembar kerja yang sedang berjalan atau sedang digunakan.

7. Workspace

 berguna untuk memilih workspace

8. Edit Bar 

 ada 3 tombol pada edit bar, yaitu:

Edit Scene untuk memeilih scene yang ingin diedit

Edit Symbol untuk memilih symbol yang ingin diedit

Zoom untuk mengatur perbesaran pada stage

9. Window Group untuk berpindah ke window lain dalam satu grup.


5. KESIMPULAN
 Alhamdulillah saya dapat mengerti bagian-bagian dari adobe flash.

6. REFERENSI

• http://latihanflash.blogspot.com/2013/05/mengenal-program-adobe-flash-cs5.html
• Aan Agustan, http://aan-agustan.blogspot.com/2013/03/fungsi-menu-dalam-flash.html
• Ridwan Fadli, Universitas Sumatera Utara, http://repository.usu.ac.id/bitstream/123456789/45877/3/Chapter%20II.pdf

 

20 Etika Berbicara dan 20 Etika di Dalam Forum

Etika Berbicara

1. Suara jelas. Tidak terlalu keras juga tidak terlalu pelan

2. Tidak membentak, berbicara keras

3. Tidak menyindir, mencela atau sinis dan hindari membicarakan kejelekan orang lain.

4. Tidak sambil makan/merokok

5. Menatap lawan bicara

6. Tidak bertele-tele

7. Tidak mendominasi  pembicaraan atau tidak merasa paling pintar.

8. Bersikap ramah, tenang, tidak emosi dan santun

9. Memperhatikan lawan bicara

10. Tidak mengobrol dengan seseorang tanpa menghiraukan yang lain

11. Menyimak dan mendengarkan dengan seksama

12. Hindari perdebatan yang tidak perlu

13. Hindari menggunakan bahasa asing yang berlebihan

14. Menggunakan bahasa indonesia yang baik dan benar

15. Berdasarkan fakta atau tidak mengada-ada

16. Tidak memotong pembicaraan orang lain

17. Menyejukkan dan tidak memprovokasi

18. Menggunakan bahasa yang dipahami audience

19. Hindari bercanda dengan kata-kata jorok dan kasar

20. Tidak berbicara tinggi atau sombong

Etika Berdiskusi atau di Dalam Forum

1. Jangan mendominasi pembicaraan

2. Mendengarkan dengan baik

3. Tidak fanatik dan mengakui kesalahan

4. Jujur

5. Menghormati pihak lain atau saling menghargai pendapat orang lain

6. Tidak emosi dan bersikap tenang

7. Tidak menggunakan kata ganti orang pertama karena tanpa disadari hal itu merujuk pada sikap memuji diri sendiri

8. Menggunakan Bahasa Indonesia yang baik dan benar

9. Tidak bersinggungan dengan hal-hal yang berbau SARA

10. Tidak menggunakan forum diskusi sebagai ajang promosi

11. Tidak membuat forum di dalam forum

12. Suara jelas, tidak terlalu keras juga tidak terlalu pelan

13. Hindari perdebatan yang tidak perlu

14. 

Your life depends on you

                “If you can dream it, you can do it” kutipan dari walt disney ini berarti “Jika kamu dapat memimpikannya, kamu dapat melakukannya atau mewujudkannya. Sekali kamu punya mimpi yang membuat kamu tertarik dan kamu menaruh kepercayaan kalau kamu bisa mencapainya, itu akan terwujud. Hanya masalah waktu dimana mimpi kamu menjadi kenyataan.

                Inti dari kutipan tersebut adalah mimpimu tidak akan berkembang jika kamu tidak mampu mencapainya. Dimana mimpi itu akan membuatmu percaya bahwa kamu dapat melakukannya. Percayalah bahwa kamu bisa mengubah hidupmu sendiri dan tidak ada seorangpun yang dapat melakukannya.

                Hanya kamu yang dapat melakukannya. Dan jika kamu ingin membuat perubahan di dalam hidupmu dan menjadi lebih dari kamu sebelumnya, kamu harus menjadi seseorang yang penuh energi dalam mengambil langkah dan selalu percaya kepada dirimu sendiri. Your life depends on you

Subject, Verb, Agreement

Sentence: Subject + Verb

ü  Example:

a.       I work

b.      She works

c.       The car in the garage is mine

Basic Rule / Principle

Singular subjects need singular verbs

Plural subjects need plural verbs

ü  Example:

a.       My brother is a nutritionist

b.      My sisters are mathematicians

      Tips and Tricks

1)      Rule 1. Indefinite Pronouns

The indefinite pronouns abyone, everyone, someone, no one, nobody are always singular, and therefore, require singular verbs. Example:

a.       Everyone has done his homework
b.      Nobody is in the room

Collective Noun

Collective nouns adalah nomina atau kata benda yang menunjukkan pada suatu kelompok/kumpulan orang, binatang, atau benda.