Ratna Nuha Mufida Ghozali: 2015

Selasa, 29 Desember 2015

Prak 15 – Animasi menggunakan Programming

1. Tujuan

Mengenal bentuk lain pembuatan animasi. Yaitu pembuatan animasi menggunakan programming.

2. Alat

Adobe Flash Professional CS3+
(diuji di Flash CC)

3. Bahan

Flint Particle Engine
Download file tersebut kemudian extract. Ambil file “Flint2d_4.0.1.swc”

4. Dasar Teori

Membuat animasi bisa dilakukan dengan berbagai cara. Salah satunya dengan menggunakan programming. Salah satu bentuk programming untuk membuat animasi adalah Particle System.

5. Tugas Praktikum

Lakukan petunjuk praktikum yang diberikan
Ubah posisi dari animasi tersebut
Ubah warna dari animasi tersebut
Ubah radius dari animasi tersebut
Ubah posisi animasi tersebut setiap kali muncul

6. Petunjuk Praktikum

Buat project ActionScript 3
Buka action window dengan menekan tombol “actions” pada panel di sebelah kanan
Salin kode berikut pada “actions” window

import org.flintparticles.common.actions.*;

import org.flintparticles.common.counters.*;

import org.flintparticles.common.displayObjects.Dot;

import org.flintparticles.common.easing.Quadratic;

import org.flintparticles.common.events.EmitterEvent;

import org.flintparticles.common.initializers.*;

import org.flintparticles.twoD.actions.*;

import org.flintparticles.twoD.emitters.Emitter2D;

import org.flintparticles.twoD.initializers.*;

import org.flintparticles.twoD.renderers.*;

import org.flintparticles.twoD.zones.*;

var emitter:Emitter2D = new Emitter2D();

emitter.counter = new Blast( 700 );

emitter.addInitializer( new SharedImage( new Dot( 2 ) ) );

emitter.addInitializer( new ColorInit( 0xFFFFFF00, 0xFFFF6600 ) );

emitter.addInitializer( new Velocity( new DiscZone( new Point( 0, 0 ), 200, 120 ) ) );

emitter.addInitializer( new Lifetime( 5 ) );

emitter.addAction( new Age( Quadratic.easeIn ) );

emitter.addAction( new Move() );

emitter.addAction( new Fade() );

emitter.addAction( new Accelerate( 0, 50 ) );

emitter.addAction( new LinearDrag( 0.5 ) );

emitter.addEventListener( EmitterEvent.EMITTER_EMPTY, restart, false, 0, true );

var renderer:BitmapRenderer = new BitmapRenderer( new Rectangle( 0, 0, 500, 400 ) );

renderer.addFilter( new BlurFilter( 2, 2, 1 ) );

renderer.addFilter( new ColorMatrixFilter( [ 1,0,0,0,0,0,1,0,0,0,0,0,1,0,0,0,0,0,0.95,0 ] ) );

renderer.addEmitter( emitter );

addChild( renderer );

emitter.x = 250;

emitter.y = 150;

emitter.start();

function restart( ev:EmitterEvent ):void

{

Emitter2D( ev.target ).start();

}

Sehingga “actions” window berisi kode seperti berikut
Buka “ActionScript Setting”
Pilih tab “Library Path” klik icon “Browse to SWC”
Pilih file swc “Flint2d_4.0.1.swc”
Pastikan file swc tersebut muncul pada daftar
Tekan “OK” kemudian jalankan movie-nya (Test Movie, Ctrl + Enter)

7. Hasil Praktikum

8. Kesimpulan

9. Referensi

Create Fireworks animation using Flint Particle Engine

Senin, 21 Desember 2015

Fighting Sports, Olahraga yang Menggunakan Otak dan Kontrol Emosi

Ternyata masih banyak yang punya persepsi bahwa fighting sports itu olahraga yang tidak memakai otak, pokoknya punya fisik yang kuat gitu aja. Padahal, justru sebaliknya. Fighting sports adalah olahraga yang mengandalkan otak. Fisik itu nanti, nomor dua setelah otak. Fisik hanya alat bantu.

Tahukah Anda? Pada saat bertarung, fighter dituntut untuk cepat dalam memperkirakan serangan selanjutnya, cepat dalam membaca gerakan yang datang dalam waktu sepersekian detik, cepat dalam mengambil keputusan mengambil tindakan selanjutnya dengan bijak. Anda pikir itu tidak pakai otak?

Didalam fighting sports juga ada strategi dalam bertarung. Tentunya strategi itu harus tepat. Strategi bisa saja diubah ketika jeda waktu menuju ronde selanjutnya. Sedangkan jeda waktu itu tidaklah lama. Lagi-lagi harus berpikir cepat dalam waktu yang singkat. Anda pikir itu tidak pakai otak?

"Yang penting badannya kuat, berotot, powernya besar."

Oh ya? Tidak semua fighter punya fisik seperti itu. Fighter yang kurus memang kelemahannya terletak pada power, tapi itu bisa ditutupi dengan mengandalkan otaknya untuk menyusun strategi dan melatih speed. Tapi bukan berarti fighter bertubuh besar juga tidak mengandalkan otak dan speed. Tidak!

Dalam fighting sports juga dituntut untuk berpikir dengan jernih. Bagaimana caranya? Caranya adalah dengan mengontrol emosi. Emosi yang terkontrol dapat membuat fighter berpikir dengan jernih. Emosi terkontrol, maka pikiran jernih. Dan jika pikiran sudah jernih, maka dapat bertarung dengan baik.

So, mulai sekarang, singkirkan persepsi bahwa fighting sports itu olahraga yang hanya mengandalkan kekuatan fisik!

- Ratna Nuha MG -

Copas? Sertakan CR!

Prak 14 - Shape Tween

1. Tujuan
Menguasai penggunaan tool bernama Shape Tween.

2. Alat
Adobe Flash Professional CS3+

3. Bahan

4. Dasar Teori
Shape tween adalah tool yang memungkinkan penganimasian perubahan bentuk antar dua keyframe secara otomatis

5. Tugas Praktikum
Buatlah tiruan dari animasi kotak menjadi matahari dan matahari menjadi kotak

6. Petunjuk Praktikum
Silahkan tirukan animasi tersebut sebaik mungkin

7. Hasil Praktikum

8. Kesimpulan
Ahamdulillah, yang ini tidak terlalu sulit buat saya

9. Referensi
Shape Tween

Prak 13 – Shape Tween

1. Tujuan
Mengenal dan menguasai fitur shape tween

2. Alat
Adobe Flash Professional CS3+

3. Bahan

4. Dasar Teori
A. Classic Motion Tween
B. Shape Tween
C. Mask

5. Tugas Praktikum
Buatlah tiruan dari animasi berikut
1. circle-to-square
2. d-to-dd

6. Petunjuk Praktikum
Tirukan sebaik mungkin

7. Hasil Praktikum

8. Kesimpulan
Terkadang apa yang terlihat simple ternyata tidak sesimple yang kita bayangkan ketika kita mencoba me-remake-nya.

9. Referensi
www.mohhasbias.com

Kamis, 17 Desember 2015

Prak 12 – Shape Tween

1. Tujuan
Mengenal dan menguasai fitur shape tween

2. Alat
Adobe Flash Professional CS3+

3. Bahan
Logomotion

4. Dasar Teori
A. Classic Motion Tween
B. Shape Tween
C. Mask

5. Tugas Praktikum
Membuat animasi 5 logo

6. Petunjuk Praktikum
- Insert blank keyframe > gambar logo
- Insert blank keyframe > gambar logo lainnya
- Gunakan fitur Classic Motion Tween, Shape Tween, maupun Mask untuk mengkreasikan transisi logo

7. Hasil Praktikum

8. Kesimpulan
Gampang-gampang susah, tapi seru juga. Sebenarnya disuruh 5 logo, tapi ketika praktikum, saya hanya bisa menyelsaikan sampai 4 logo saja. :( Mohon maaf.

9. Referensi
www.mohhasbias.com

Zi Tao - M.O.M + English Translate

*)
Wú Fa Xiang Xiàng Ni Lí Kai Wo De Shí Hòu
[I cannot image a time when you will leave me.]

Méi You Ni Zài De Dì Fang Jia Dou Bú Suàn Ba
[A place without you cannot be considered a home.]

Wo Huì Qian Zhù Ni De Shou Ma Ma
[I will hold your hand, Mom.]

Yong Yuan Qian Zhù Ni De Shou Ma Ma
[I’ll always hold your hand, Mom.

Wú Fa Xiang Xiàng Ni Lí Kai Wo De Shí Hòu
[I cannot image a time when you will leave me.]

Méi You Ni Zài De Dì Fang Jia Dou Bú Suàn Ba
[A place without you cannot be considered a home.]

Wo Huì Qian Zhù Ni De Shou Ma Ma
[I will hold your hand, Mom.]

Yong Yuan Qian Zhù Ni De Shou Ma Ma
[I’ll always hold your hand, Mom.]

Yeah ah yeah

Sì Nián Li , Wo Bú Zài
[In these four years, I wasn’t there.]

Si Niàn Li Wo Guà Niàn Zhe Ni , Ni Bú Zài
[In my nostalgic thoughts, I’m missing you (but) you’re not here.]

Bù Jiu De Jiang Lái , Wo Yí Dìng Huì Chéng Gong , Kàn Ni Jiao Ào De Xiào Róng
[In the near future, I will definitely be successful so I can see your proud smile.]

Dài Ni Huán Yóu Shì Jiè Wo Men Bú Zài , Fen Kai
[I’ll take you around the world (so) we won’t ever be separated (again.)]

Kai Xin De Nà Xie , Hé Nán Guò De Nà Xie , Wèi Wo Zuò De Nà Xie , Ma Ma Xìng Fú De Nà Xie
[Those (times) of happiness and those (times) of sadness, those (things) you did for me, your happiness,]

Suo You De Yí Qiè , Kè Zài Wo De Sheng Mìng Li , Chéng Wéi Huí Yì , Jí Shi Shí Jian Huì Yì Zhí Liú
[Every “everything” is carved into my life, becoming memories; even if time will continuously flow,]

Shì Ye Bú Huì , Wàng Jì naver
[I’ll naver forget, even if I die.]

Xi Wàng Shí Jian , Dào Zhuan Huí Cóng Qián Hao Ma
[(Let’s) hope for time to rewind back to the past, okay?]

Mí Bu Huí Nà Xie Cuò Guò De Mei Hao
[So we can make up for the happiness that we missed out on.]

Bù Ren Xin Zài Kàn Zhe Ta
[I cannot bear to look at the,]

Hui Shou Gào Bié De Mó Yàng
[Image of her waving her hand goodbye any longer.]

Repeat*)

Rú Guo Ni Ting Dào
[If you can hear me,]

Bié Ku Qì Hao Ma
[(Please) don’t cry, all right?]

Wo Zhi Xiang Yào Kàn Dào Ni De smile
[I just want to see your smile.]

Qù Na Li , Dou Xiang Péi Zhe Ni , Qù Ni Xiang Qù De Dì Fang
[I want to accompany you to all of the places you want to go to.]

Jiù Xiàng Ma Ma Xiao Shí Hòu , Péi Zhe Wo Yí Yàng
[Just like in my childhood when Mom accompanied me.]

Ba Yí Qiè Dou Fàng Qì , Gei Le Wo , Gei Le Wo
[You gave up everything and gave it all to me, gave it all to me.]

Ye Xu Zài Quán Shì Jiè , Suo You Rén Zhong Zhi You Ni Wèi Wo Fù Chu De Zuì Duo , Xi Sheng De Zuì Duo
[Perhaps, out of everyone in the whole world, you were the only one who devoted and sacrificed the most for me.]

Bú Guò Wo Yi , Zhang Dà Bú Huì Ràng Zì Ji Duò Luò
[But I’m already grown up, so I won’t let myself become depraved.]

Mei Lì De Ma Ma Xiàn Zài You Wo Péi Ni Ba
[My beautiful mom, you have me to accompany you now.]

Kàn Ni Mei Tian Xiào De Jiù Xiàng Xiao Hái Yí Yàng Kai Xin Ba
[Seeing you smiling every day makes me happy like a child.]

Zhi Dào Ma , Rú Guo Ni Bú Zài , Wú Bi Xiang Niàn De Wo mom let me love you Bú Zài Ràng Ni Shi Wàng Le
[Do you know, if you’re not here, I’ll miss you beyond compare; Mom, let me love you, I won’t disappoint you any longer.]

Repeat *)

I don’t know what to say no more

Wo Wèi Ma Ma Zuò Guò Shén Me Wo Dou Bù Zhi Dào
[What I’ve done for you, Mom, I don’t even know.]

You Shí , Ni Duì Wo De Ài Wo , Méi You Li Jie Ni Duì Wo De Guan Xin Bèi Wo De Fán Zào Tì Dài
[Sometimes I don’t understand your love for me and your concern for me is replaced by my fretfulness.]

Ke Ni Zong Shì Miàn Dài Wéi Xiào
[But you are always facing me with a smile.]

Jiù Suàn , Quàn Ma Ma Shuo , Bú Yào , Gen Zhe , Wo Zou Le go home
[Even if I urge you not to follow me, I’m leaving, go home,]

So what so what Dan Xin Wo Tou Tou Cáng Zài Jiao Luò
[So what, so what, you secretly hide in the corner and worry about me.]

Wo Gan Shòu Dào Ni Xin Zài Liú Lèi sorry mom
[I feel the tears in your heart, sorry, Mom.]

Zhen De , Zài Bú Huì , Ràng Ni Nán Guò Le , Wo Huì Yong Yuan love you mom
[I really won’t make you sad anymore, I will always love you, Mom.]

Rabu, 25 November 2015

Prak 11 - Mask

1. Tujuan
Mengetahui, menguasai, mengaplikasikan fitur mask pada Adobe Flash

2. Alat
Adobe Flash CS3

3. Bahan
Contoh pengaplikasian mask pada logo game

4. Dasar Teori
- Classic Tween
- Masking

5. Tugas Praktikum
Buatlah pengaplikasian fitur masking pada logo loading, bendera berkibar dan globe.

6. Petunjuk Praktikum
Gunakan fitur masking

7. Hasil Praktikum

8. Kesimpulan
Saya bisa menerapkan masking pada flash. Tapi, saya salah paham. Harusnya ada 3 karya, saya hanya membuat satu karya, karena saya gagal paham menangkap instruksi. :(

9. Referensi
www.mohhasbias.com

Prak 9 - Remake "One Little Finger" by Super Simple Song (Part 3)

1. Tujuan

Mempercepat penguasaan Adobe Flash Professional melalui kegiatan remake.

2. Alat

Adobe Flash Professional CS3+

3. Bahan

One little finger by super simple song

4. Dasar Teori

A. Classic Motion Tween
B. Graphic Symbol
C. Movie Clip Symbol and Filters

5. Tugas Praktikum

Buatlah tiruan dari video “One Little Finger”
semakin mirip semakin bagus

6. Petunjuk Praktikum

Mulailah dari bentuk animasi yang sederhana seperti gerakan title opening dan gerakan awan.

7. Hasil Praktikum

8. Kesimpulan

9. Referensi

Motion Tween
Graphic Symbol
Graphic Filters

Senin, 09 November 2015

Prak 8 – Remake “One Little Finger” by Super Simple Song (Part 2)

Jumat, 16 Oktober 2015

Prak 7 – Remake “One Little Finger” by Super Simple Song (Part 1)

Sesuai petunjuk praktikum :)

8. Kesimpulan

Pergerakan awan dan title diawali dengan mengubahnya ke simbol, kemudian motion tween (Pada Adobe Flash CS3. Atau Create Classic Tween pada Adobe Flash CS6)

9. Referensi

Motion Tween
Graphic Symbol
Graphic Filters

Kamis, 08 Oktober 2015

Prak 6 – Walk Cycle Using Tween

1. Tujuan

Menerapkan walk cycle pada sebuah karakter yang populer dengan bantuan Tween.

2. Alat

Adobe Flash Professional CS3+

3. Bahan

Gambar referensi berisi salah satu karakter animasi yang populer misalnya naruto.

4. Dasar Teori

Secara prinsip, ada minimal 4 konsep yang perlu dipenuhi, antara lain:
- Pose
- Timing
- In-between
- Arcs
Secara teknis, adobe flash memiliki fitur untuk in between otomatis yang disebut dengan Tween
(tambahkan contoh penggunaan tween untuk mengerakkan sebuah kotak)

5. Tugas Praktikum

Buatlah walk cycle dari naruto dengan menggunakan bantuan Classic Tween

6. Petunjuk Praktikum

Berikut adalah langkah-langkah membuat walk cycle untuk kaki:

1. Pecah kaki naruto menjadi 4 Graphic Symbol yang mewakili kaki bagian atas dan bawah untuk bagian kiri dan kanan
2. Gunakan symbol tersebut untuk membuat contact position pada frame ke 1
3. Gunakan transform tool (Q) untuk mengatur pivot dari masing-masing symbol. Dimana pivot kaki bagian atas terletak pada pinggul dan pivot kaki bagian bawah terletak pada lutut
4. Buat keyframe (F6) pada frame ke 9. Buat contact position kebalikan dari frame ke 1
5. Copy contact position pada frame 1 ke frame ke 17
6. Klik kanan pada timeline diantara frame 1 dan 9 kemudian pilih menu “Create Classic Tween”
7. Klik kanan pada timeline diantara frame 9 dan 17 kemudian pilih menu “Create Classic Tween”
8. Uji animasi yang dibuat dengan menekan tombol Ctrl+Enter. Jika menghasilkan animasi kaki sliding seperti di danau es, maka lanjutkan ke langkah berikutnya. Jika tidak, perbaiki dulu animasinya.
9. Buat keyframe (F6) pada frame ke 5 dan 13. Buatlah passing position pada frame tersebut.
10. Jika semua berjalan lancar, maka akan diperoleh good enough walk cycle.

untuk memperhalus animasinya, dapat dilanjutkan dengan menambahkan gambar lutut dan menambahkan pose down dan up.

7. Hasil Praktikum

8. Kesimpulan

Menggunakan tween lebih mudah dan menghasilkan walk cycle yang lebih halus.

9. Referensi
www.mohhasbias.com
Josiah Brooks, How To Animate – Walk Cycle (Tweened)

Kamis, 01 Oktober 2015

Prak 5 – Popular Character Walk Cycle

1. Tujuan
Menerapkan konsep walk cycle pada sebuah karakter yang populer.

2. Alat
Adobe Flash Professional CS3+

3. Bahan
Gambar referensi berisi salah satu karakter animasi yang populer misalnya Naruto.

4. Dasar Teori
Secara teori, sebuah walk cycle dari sembarang karakter dapat diperoleh dengan me-replace stickman pada praktikum sebelumnya dengan karakter populer yang diinginkan.

5. Tugas Praktikum
Buatlah walk cycle dari character populer tersebut

6. Hasil Praktikum

2 jam praktikum progress saya baru segini, karena saya terkendala dengan tangan saya yang tiba-tiba kram ditengah-tengah proses tracing

7. Kesimpulan
Menerapkan walk cycle pada karakter tidak semudah menerapkan walk cycle pada stickman. Untuk tracingnya saja bisa memakan waktu yang agak lama. Bahkan bisa lebih lama lagi jika tangan menjadi kram ditengah-tengah proses tracing. Dan kram itu berlangsung tidak sebentar, kram itu berlangsung cukup lama. Mungkin ini terjadi karena saya tracing hanya menggunakan tangan dan touchpad laptop serta posisi tangan yang salah. Dari sini saya tahu seharusnya saya menggunakan bantuan mouse untuk tracing.

8. Referensi
www.mohhasbias.com

Kamis, 17 September 2015

Prak 3 – Memperhalus Walk Cycle Menggunakan Konsep Arcs

1. Tujuan

Memperhalus walk cycle menggunakan konsep Arcs

2. Bahan

Sebuah walk cycle yang memiliki kriteria berikut:
1. Pose lengkap (contact, down, passing, up)
2. Timing tepat ( 8 frame atau 16 frame )
3. Inbetween antar pose (seluruh frame terisi keyframe)

3. Alat

Adobe Flash Professional CS3

4. Dasar Teori

Salah satu cara memperhalus animasi adalah dengan memperhatikan arcs-nya. Arcs yang dimaksud adalah lengkungan lintasan pergerakan. Untuk gerakan walk cycle, arcs yang muncul lebih dari satu macam. Arcs yang perlu diperhatikan pada walk cycle adalah arcs dari titik penting sebuah stickman. Ada banyak titik penting yang perlu di-cek arcs-nya. Salah satunya adalah titik tumit. berikut adalah contoh cara mengecek arcs yang dihasilkan dari pergerakan tumit.

Cara mengecek arcs bisa dimulai dengan menandai titik pentingnya. Titik tumit ditandai dengan titik warna hijau. Setelah seluruh titik tumit pada seluruh frame ditandai, maka kita akan dapat kumpulan titik sebagai berikut

titik penanda posisi tumit pada setiap frame

jika titik-titik hijau tersebut dihubungkan, maka akan bisa dievaluasi apakah animasinya sudah halus atau belum. jika garis yang dihasilkan tidak berbentuk kurva mulus, maka animasinya termasuk kurang halus.
berikut adalah contoh titik-titik yang menghasilkan arcs yang kurang mulus. perhatikan pada daerah yang dilingkari biru. jika daerah ini dibetulkan, yaitu dengan menggeser posisi tumit pada keyframe tersebut, maka akan diperoleh hasil animasi yang lebih halus.

Contoh titik yang merusak arcs

5. Tugas Praktikum

Perbaiki arcs pada titik:
1. pinggul
2. tumit

6. Hasil Praktikum

7. Kesimpulan Praktikum

Dengan konsep arcs, pergerakan animasi menjadi lebih halus dan benar.

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

Kamis, 10 September 2015

PRAKTIKUM 2 – Membuat Animasi Stickman Menggunakan Adobe Flash Professional

1. Tujuan

Membuat animasi pertama menggunakan adobe flash professional

2. Alat

Adobe Flash Professional CS5.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.

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.

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

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

hasil proses inbetween

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

Ada ada banyak teknik untuk membuat walk cycle. Tradisional walk cycle yang digambar tangan tapi seiring waktu dengan pengenalan teknologi baru untuk media baru, berjalan siklus dapat dibuat dalam seni pixel, komputer grafis 2d, komputer grafis 3D, berhenti metode gerak, cut-out animasi atau menggunakan teknik seperti rotoscoping .

4. Tugas Praktikum

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

5. Hasil Praktikum

6. Kesimpulan

Membuat stickman tidak sesederhana yang kita bayangkan. Butuh ketelatenan dan banyak latihan, terutama membuat walk cyclenya.

7. Referensi

http://www.mohhasbias.com/
https://en.wikipedia.org/wiki/Walk_cycle

Kamis, 03 September 2015

PRAKTIKUM 1 – Mengenal Tampilan Adobe Flash Professional

1. TUJUAN

Agar lebih dekat dengan flash, sehingga makin hari makin mahir dengan flash

2. DASAR TEORI

Adobe Flash adalah software animasi 2D. Kelebihan dari Adobe Flash adalah dengan software ini kita tidak hanya bisa membuat anime, tapi kita juga bisa membuat motion graphic,dan lain sebagainya. Namun, Adobe Flash juga memiliki kekurangan,

3. TUGAS PRAKTIKUM

Identifikasi masing-masing bagian user interface berikut

4. HASIL PRAKTIKUM

1. Nama file / judul file / nama project

2. Essentials : Untuk memilih model interface

3. Edit Symbol, Edit Scene, Zoom, Scroll

a. Edit Symbol : untuk mengedit symbol / bentuk objek

b. Edit Scene : untuk mengedit scene

c. Zoom : untuk memperbesar atau memperkecil tampilan scene

d. Scroll : untuk menscroll tampilan

4. Properties dan Library

5. Stage : Lembar kerja yang digunakan untuk membuat atau mendesain objek yang akan dianimasikan. Objek yang dibuat dalam lembar kerja dapat berupa objek vector, movie clip, text, button dan lain-lain.

6. Tool Pallete : Kumpulan panel-panel yang berbentuk pallete

7. 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.

8. Toolbox : berisi tool-tool yang digunakan untuk menggambar, menyeleksi dan memanipulasi stage maupun time line

9. Time line : Berisi frame-frame. 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

3. KESIMPULAN

Saya sempat mengalami pengalaman buruk dengan adobe flash. Namun, sekarang, setelah saya review kembali, Flash yang sekarang itu menarik. Saya mulai tertarik kembali untuk belajar flash dan trauma saya mulai memudar.

4. REFERENSI

http://latihanflash.blogspot.co.id/2013/05/mengenal-program-adobe-flash-cs5.html