Jumat, 02 Oktober 2015

Prak 4. Walk Cycle Naruto

1.      Tujuan
Membuat walk cycle pada karakter Naruto

2.      Alat
Adobe Flash CS6

3.      Dasar Teori
-          Naruto      :
Naruto adalah sebuah serial manga karya Masashi Kishimoto yang diadaptasi menjadi serial anime. Manga Naruto bercerita seputar kehidupan tokoh utamanya, Naruto Uzumaki, seorang ninja yang hiperaktif, periang, dan ambisius yang ingin mewujudkan keinginannya untuk mendapatkan gelar Hokage, pemimpin dan ninja terkuat di desanya. Serial ini didasarkan pada komik one-shot oleh Kishimoto yang diterbitkan dalam edisi Akamaru Jump pada Agustus 1997.

-          Walk Cycle:
Walk cycle dalam pelajaran animasi adalah gerakan berjalan  karakter  atau tokoh film animasi.  Disebut walk cycle karena gerak berjalannya, antara langkah pertama-kedua-ketiga dst-nya sama.  Berjalan dengan pengulangan yang sama, bedanya hanya berganti kiri dan kanan.

-          Keyframe
Keyframe merupakan suatu tempat yang digunakan untuk menaruh objek. Keyframe boleh kosong. Keyframe bisa disebut juga kepala frame karena memiliki titik, dan bila keyframe dihapus, maka frame juga ikut menghilang.

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

4.      Tugas Praktikum
Membuat Walk Cycle pada karakter Naruto

5.      Hasil Praktikum

6.      Kesimpulan
Pembuatan animasi pada Naruto mempunyai cara yang sama dengan pembuatan animasi pada stickman, hanya saja, dengan adanya karakter yang rumit, dalam menjalankannya butuh suatu ketelitian.

7.      Referensi
[Febrianto Arif, Apakah Keyframe itu?] http://blog.flashindonesia.com/2010/02/apakah-keyframe-itu/
[Moh Hasbi Assidiqi, Prak 2. Membuat Animasi Stickman Menggunakan Adobe Flash Professional] http://www.mohhasbias.com/prak-2-membuat-animasi-stickman-menggunakan-adobe-flash/


Senin, 14 September 2015

Prak 3. Membuat Walk Cycle Menggunakan Keyframe

1.      Tujuan
Dapat membuat animasi stickman berjalan secara halus dengan menambahkan proses in between

2.      Alat
Adobe Flash CS6

3.      Dasar Teori
-          In Between
in between adalah proses dari membuat transisi frame diantara 2 objek berurutan yang  terpisah untuk menampilkan perpindahan dan evolusi dari objek pertama ke objek kedua.

-          Line Tools
Tools yang digunakan untuk membuat garis lurus.

-          Oval Tools
Tools untuk membuat objek oval atau lingkaran.

-          Keyframe
Keyframe merupakan suatu tempat yang digunakan untuk menaruh objek. Keyframe boleh kosong. Keyframe bisa disebut juga kepala frame karena memiliki titik, dan bila keyframe dihapus, maka frame juga ikut menghilang.

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



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

4.      Tugas Praktikum



5.      Hasil Praktikum


6.      Kesimpulan
Untuk membuat animasi yang tampak halus pergerakannya, membutuhkan langkah in between yang menghubungkan frame sebelumnya dengan frame setelahnya.

7.      Referensi
-          [In-Betweening (Tweening)] https://www.techopedia.com/definition/104/in-betweening-tweening
-          [emo, Mengenal Flash] http://morfour.blogspot.co.id/p/mengenal-flash.html
-          [Febrianto Arif, Apakah Keyframe itu?] http://blog.flashindonesia.com/2010/02/apakah-keyframe-itu/
-          [Moh Hasbi Assidiqi, Prak 2. Membuat Animasi Stickman Menggunakan Adobe Flash Professional] http://www.mohhasbias.com/prak-2-membuat-animasi-stickman-menggunakan-adobe-flash/

Senin, 07 September 2015

Praktikum 2 Membuat Animasi Stickman di Flash

1.    Tujuan
Mengetahui cara membuat animasi dengan menggunakan tools yang ada di flash dan fungsi dari Key Frame.

2.    Alat dan Bahan
Adobe Flash CS6.

3.    Dasar Teori
Flash merupakan suatu program grafis  multimedia dan animasi yang dibuat oleh perusahan Macromedia untuk keperluan pembuatan aplikasi web interaktif mau pun animasi yang berkembang pada saat ini. Program ini banyak digunakan untuk membuat game, kartun, presentasi dan model pembelajaran interaktif. Terdapat beberapa versi dari macromedia flash yang berkembang saat ini meskipun saat ini tidak lagi milik macromedia melainkan Adobe Flash.

Keyframe merupakan suatu tempat yang digunakan untuk menaruh objek. Keyframe boleh kosong. Keyframe bisa disebut juga kepala frame karena memiliki titik, dan bila keyframe dihapus, maka frame juga ikut menghilang.

4.      Tugas Praktikum
Membuat stickman berjalan.

1. Stickman




2. Animasi Berjalan

5.    Hasil Praktikum



Untuk membuat animasi seperti di atas, pertama membuat struktur dari stickman. Kemudian, setelah membuat struktur yang pertama, selanjutnya adalah mengelompokan stickman sesuai dengan posisi badan dari stickman.

Setelah selesai mengelompokkan posisi masing-masing badan dari stickman, selanjutnya adalah membuat keyframe untuk penganimasian. Pada praktikum ini, keyframe di letakkan pada setiap frame dengan loncatan 5 frame.






Pada setiap keyframe, gerak dari stickman dibuat berbeda dan posisi stickman berubah sehingga nantinya pada saat di jalankan, stickman terlihat bergerak.














Lanjutkan untuk membuat beberapa pergerakan atau mengulang pergerakan yang sebelumnya sehingga keyframe bertambah.

Untuk melihat hasil dari animasi, tekan “Enter” pada keyboard, atau tekan kombinasi tombol “Ctrl+Enter”.

Setelah selesai membuat animasi, simpan hasil animasi dengan memilih menu “File-Save”

1.    Kesimpulan
Keyframe pada Adobe Flash berfungsi untuk membuat sebuah animasi karena apabila ditambahkan keyframe dan posisi dari animasi sebelumnya diubah maka ketika di play akan ada pergerakan pada objek.

2.    Referensi
[Terry Irawan, Animasi Stickman dengan Adobe Flash CS3 (Latihan Animasi Frame by Frame] http://news.palcomtech.com/animasi-stickman-dengan-adobe-flash-cs3-latihan-animasi-frame-by-frame/

Selasa, 01 September 2015

Praktikum 1 Mengenal Interface Adobe Flash

1. Tujuan
     untuk mengenal tampilan (interface) dari Adobe Flash Professional.

2. Dasar Teori
    Flash merupakan suatu program grafis  multimedia dan animasi yang dibuat oleh perusahan Macromedia untuk keperluan pembuatan aplikasi web interaktif mau pun animasi yang berkembang pada saat ini. Program ini banyak digunakan untuk membuat game, kartun, presentasi dan model pembelajaran interaktif. Terdapat beberapa versi dari macromedia flash yang berkembang saat ini meskipun saat ini tidak lagi milik macromedia melainkan Adobe Flash.

3. Tugas Praktikum
    menjelaskan fungsi dari masing-masing bagian tampilan Adobe Flash di bawah ini :
 

4. Hasil Praktikum



1.      Toolbar
Tempat kumpulan tools yang nantinya akan digunakan pada saat mengoperasikan Adobe Flash Player. Untuk dapat mengoperasikan Adobe Flash Player, memahami fungsi dari setiap tools yang terdapat pada flash sangatlah penting, karena fungsi setiap tools berbeda.

2.      Stage
Stage merupakan area untuk menempatkan gambar dan atau komponen-komponen yang diperlukan dalam pembuatan animasi.

3.      Other Panel
Fungsi dari bagian panel adalah untuk menambahkan pengeditan pada gambar atau komponen animasi. Panel ini dapat di tambah atau di kurangi dengan cara mengedit penampilan (interface) dari flash melalui menu bar window.

4.      Panel Properties
Pada panel properties terdapat beberapa bagian antara lain   :
-          Publish                  : publish digunakan dalam pengaturan hasil publishan dari pekerjaan pada flash, dalam publish setting terdapat beberapa pilihan jenis publish diantaranya adalah swf, exe, jpg, fla, html, dll.
-          Properties              : properties digunakan untuk mengatur warna dari stage, mengatur ukuran stage, dan fps (kecepatan jalannya pergerakan animasi persecondnya)
-          Position and size   : panel ini akan muncul ketika dalam stage terdapat komponen animasi dan komponen tersebut di klik. Fungsi dari panel ini adalah untuk melakukan pengaturan ukuran dan juga posisi dari komponen animasi.

5.      Zoom, Scene, Symbol
-          Zoom digunakan untuk mengatur dekat jauhnya stage dari flash.
-          Scene digunakan untuk memilih scene mana yang diaktifkan atau di tampilkan pada stage, ada kalanya pada 1 name file terdapat lebih dari 1 scene yang digunakan.
-          Symbol digunakan untuk memilih symbol mana yang akan diedit, dengan memilih symbol dari tools Symbol ini pengeditan symbol dapat dilakukan dengan mudah karena dalam stage hanya akan muncul symbol yang akan diedit.

6.      Timeline
Timeline adalah tempat dimana dilakuakannya eksekusi pembuatan keyframe dalam pembuatan animasi pada flash.

7.      Name File
Fungsi dari name file adalah memberikan informasi mengenai nama file yang sedang aktif.

8.      Esentials
Esentials memberikan pilihan mengenai pengaturan interface yang dapat digunakan pada flash.

9.      Panel properties dan Library
Untuk mengaktifkan pilihan property atau library. Ketika property yang diaktifkan, maka akan muncul pengaturan mengenai property tepat di bawah panel. Namun apabila panel Library yang diaktifkan maka akan muncul History Library yang digunakan pada pembuatan animasi.

5. Kesimpulan
    Salah satu aplikasi yang dapat digunakan untuk membuat animasi adalah Adobe Flash. Untuk dapat mengaplikasikan Adobe Flash maka perlu untuk memahami interface dari Adobe Flash.

6. Referensi
[Emo "Mengenal Flash"] http://morfour.blogspot.com/p/mengenal-flash.html

Sabtu, 04 Juli 2015

cerpen (Akankah)

AKANKAH

Suasana jam istirahat sekolah, semua tempat di luar kelas dipenuhi oleh siswa yang sedang menikmati jam istirahat dari rutinitas kelas. Hari itu Desi sedang duduk di bangku taman sekolahnya dengan membaca novel yang baru saja dia beli dari toko buku. Sementara itu, Andre taerlihat sedang bercanda bersama teman-temannya di kantin sekolah. Dari jauh tampak seorang remaja putri Laras sedang memperhatikan Andre.

Dari belakang, teman Laras, Kia menepuk Laras dari belakang sehingga Laras tersadar dari lamunannya dan mengajak Laras untuk beranjak dari kantin dan menuju ruang kelas mereka.

Laras” Kia datang dari belakang tanpa sepengetahuan Laras dan menegur Laras dengan suara keras
eh, bikin kaget aja kamu” Laras terkejut akan kedatangan Kia yang tiba-tiba
balik yuk ke kelas. Udah kenyang nih” Kia meminta ke Laras dengan wajah manja
emmmm” Laras ragu dan sesekali melihat ke Andre
ayolah” Kia menarik tangan Laras dengan wajah manjanya
Ok Ok” Laras akhirnya setuju dan berdiri dari tempat duduk

Setelah Laras pergi, Andre yang sedang keasyikan bercanda dengan teman-temannya teringat akan janjinya dengan Desi dan bergegas untuk menuju Desi yang sedang berada di taman sekolah.
gokil banget deh pokoknya. (tertawa)” Andre dan teman-temannya sedang bercanda
Oh My God, jam berapa ini?” Andre teringat tentang janjinya ke Desi dan terlihat bingung
kenapa Ndre” salah satu teman Andre bertanya kepada Andre
aduh telat deh gue, sorry ya gue duluan. Dahhh” Andre terburu-buru dan langsung berlari meninggalkan teman-temannya

Desi yang sedang duduk di bangku taman sekolah mulai resah menunggu Andre, sesekali dia melihat jam tangan yang melingkar di tangannya. Tak lama kemudian Andre muncul dari belakangDesi. Dari belakang Desi, Andre tersenyum melihat Desi yang duduk sendirian kemudian berjalan pelan dan menyelinap dengan tujuan Desi tidak menyadari kehadirannya. Ketika Andre berada tepat di  belakang Desi, Andre menutup mata Desi dengan kedua tangannya yang membuat Desi terkejut.
siapa ini? Oohh aku tau, udah lah Ndre, lepaskan tanganmu” Desi berhasil menebak bahwa Andre yang menutup matanya
kok semudah itu sih kamu taunya? Jadi nggak seru deh”Andre melepaskan tangannya dan merasa kecewa karena rencananya untuk membuat Desi terkejut gagal
lain kali, kalau mau usil ganti dulu parfummu
oh iya ya, kamu pasti tau dari parfumku
iya sudahlah, sini duduk. Lama tau aku nunggu kamu tadi” Desi meminta Andre untuk yang saat itu masih berdiri di belakangnya untuk duduk di sampingnya
iya iya maaf” Andre meminta maaf dengan menempelkan kedua telapak tangannya kemudian duduk di samping Desi

Sementara itu, Laras dan temannya Kia sedang berjalan menuju kelasnya dan melewati taman dimana Andre dan Desi sedang bertemu. Ketika melewati taman itu, Laras tanpa sengaja melihat mereka berdua. Seketika wajah yang tadinya sumringah karena sedang bercanda dengan Kia berubah menjadi sedih ketika melihat Desi dan Andre. Dan seketika itu pula Laras tidak merespon Kia dan membiarkan Kia berjalan sendiri meninggalkan dirinya.

Kia yang menyadari bahwa Laras tidak disampingnya pun berhenti dan bingung. Kemudian dia menoleh ke belakang dan mendapati Laras sedang berhenti dan diam pada satu tempat. Kia kemudian menghampiri Laras dan memperhatikan ekspresi Laras yang saat itu sedang melamun.
Kemudian Kia mendekatkan wajahnya ke wajah Laras yang membuat Laras seketika tersadar dari lamunannya. Laras yang tersadar dari lamunannya pun bertanya kepada Kia sampai mana pembicaraan mereka berdua tadi.
Laras” Kia menegur Laras dengan lembut yang saat itu sedang melamun
ehh... Kia, eemm sampai mana pembicaraan kita tadi?” Laras tersadar dari lamunannya dan merasa salah tingkah
kamu kenapa? Kamu sehat kan hari ini?” Kia merasa heran dengan sikap Laras satu hari ini.
iya, aku sehat kok, tidak terjadi apa-apa. Ayo kita lanjut ke kelas saja” Laras menjawab dengan gugup.
yakin tidak terjadi apa-apa?” Kia belum yakin dengan jawaban Laras
iya yakin. Sudahlah, ayo ke kelas, sebentar lagi kan bel masuk berbunyi” Laras meyakinkan Kia sekali lagi dan langsung menuju kelasnya

Laras kemudian melanjutkan perjalanannya menuju kelas sementara Kia tidak. Kia masih bingung dengan apa yang terjadi terhadap Laras. Kemudian, tanpa sengaja Kia menoleh ke kiri dan melihat Andre dengan Desi. Pada saat itu juga, Kia mendapatkan jawaban dari apa yang mengganggu fikiran Laras.
Andre, Desi. Jadi ini penyebabnya. Gitu tadi bilangnya baik-baik saja. Eh Laras” Kia langsung berlari menuju Laras ketika melihat Andre dan Desi

Laras sampai di kelas lebih dulu dari pada Kia. Kemudian, Laras duduk di bangkunya. Tak lama kemudian, Kia sampai di kelas dan langsung menghampiri Laras dengan duduk di kursinya yang memang satu meja dengan Laras. Tanpa ragu dan tanpa basa-basi, Kia langsung menanyakan mengenai Andre dan Desi.
Laras, kamu jujur aja deh sama aku
jujur mengenai apa?” Laras terlihat bingung
kamu tadi nggak enak hati kan waktu lihat Andre sama Desi?
eeehhmmm.... enggak kok. Emangnya kenapa sama mereka berdua?” Laras menjawab dengan terbata-bata
udah jujur saja kenapa sih? Lagi pula, di buku harianmu ada namanya Andre kan?
eh kok kamu tau? Tau dari mana? Perasaan aku nggak pernah cerita tentang itu” Laras terkejut
hehehe maaf Laras, nggak sengaja baca waktu aku main ke kamarmu. Emangnya ada apa sih antara kamu sama Andre?
nggak ada apa-apa sih? Cuma dulu aku ada hubungan sama dia. Hanya saja beberapa bulan lalu hubunganku selesai, karena aku akan dipindahkan sama orang tua ku ke luar negeri” Laras akhirnya menceritakan masalahnya ke Kia
apa? Jadi kalian dulu pasangan?” Kia terkejut dengan jawaban Laras
jangan keras-keras. Tidak ada yang tau masalah itu
sorry sorry. Eh tapi tunggu deh. Ke luar negeri? Memangnya kamu mau pindah ke luar negeri? Kapan?” Kia bingung karena sebelumnya Laras tidak pernah menceritakan mengenai rencananya ke luar negeri
besok” Laras menjawab pertanyaan Kia dengan perasaan bersalah
besok? Kok kamu nggak cerita apa-apa ke aku?” Kia sedikit marah pada Laras
iya Kia maaf, bukannya aku nggak mau cerita, hanya aku nggak tega aja kalau lihat kamu sedih karena aku mau pindah” Laras merasa bersalah kepada Kia
jadi, intinya hari ini kamu resah karena besok kamu ke luar negeri sementara Andre, masa lalu kamu itu sedang dalam masa bahagianya dengan Desi?” Kia mencoba memastikan apa yang ada difikirannya mengenai penyebab Laras sedikit bertindak aneh satu hari itu
nggak juga sih, tapi bisa dibilang begitu juga” Laras menjawab dengan senyum sedihnya
ehh tapi kamu balik lagi kan ke Indonesia, disana nggak selamanya kan?” Kia mencoba mengalihkan pembicaraan karena melihat Laras yang mulai sedih
ya pasti balik lagi lah. Kan hanya untuk sekolah sama kuliah, aku janji deh, balik ke Indonesia, orang pertama yang aku temui itu, kamu” Laras tersenyum kepada Kia
oh so sweet J” Kia memeluk Laras yang disampingnya

Keesokan harinya, matahari menyambut dengan sinar hangatnya. Laras sedang sibuk mempersiapkan dirinya untuk berangkat ke bandara menuju luar negeri tempat dia akan melanjutkan pendidikannya. Kia terlihat menemani Laras untuk bersiap.

Setelah semua siap, Laras, Kia, dan kedua orang tua Laras masuk ke mobil dan berangkat menuju bandara. Sampai di bandara Kia dan kedua orang tua Laras menemani Laras masuk ke bandara sampai pada lokasi boardingpass. Disana, Laras berpamitan dengan kedua orang tuanya dan juga dengan Kia sahabatnya.

Selesai berpamitan, Laras kemudian melihat ke luar bandara berharap agar Andre datang mengantar keberangkatannya ke luar negeri, namun Laras tidak melihat sosok Andre sama sekali. Wajah Laras seketika sedih. Kia yang menyadari akan kesedihan sahabatnya pun menenangkan Laras dan Laras memberikan senyumnya kepada Kia.

Laras kemudian berbalik badan dan bersiap untuk keberangkatannya ke luat negeri. Pada saat Laras akan melangkahkan kakinya. Terdengar suara seseorang yang berteriak memanggilnya. Laras kemudian berhenti dan membalikkan badannya. Tampak Andre yang sedang terengah-engah karena mengejar Laras.
Laras” Andre berteriak memanggil Laras yang saat itu akan melangkahkan kakinya
Andre” Laras berkata lirih ketika berbalik badan dan melihat Andre

Andre kemudian menghampiri Laras. Wajah Laras berubah haru menyadari bahwa ternyata Andre datang dan memberikan ucapan selamat jalan kepadanya. Laras hampir meneteskan air matanya karena keharuannya. Namun, sebelum air mata itu jatuh, Laras menghapusnya.

Ketika Andre telah sampai di depan Laras, Andre mengulurkan tangannya. Laras melihat tangan Andre kemudian melihat wajah Andre. Andre tersenyum dan menganggukkan kepala memberikan isyarat untuk Laras menjabat tangannya. Laras kemudian menjabat tangan Andre. Pada saat itu juga, Andre mengucapkan selamat jalan kepada Laras dengan senyum manisnya yang sangat dirindukan oleh Laras. Laras yang semakin tidak dapat menahan rasa harunya pun tanpa sadar meneteskan air matanya.
Selamat jalan ya. Semoga kamu mendapatkan kesuksesanmu, impianmu, cita-citamu dan semua harapanmu di sana. Di sini, aku akan selalu mengingat kamu dan mendoakanmu” Andre mengulurkan tangannya namun belum di sambut oleh Laras dan kemudian memberikan kode kepada Laras untuk menjabat tangannya
Thank you” Laras akhirnya mengerti kode yang diberikan Andre dan menjabat tangan Andre


Setelah Laras dan Andre berjabat tangan, terdengar suara informasi bahwa keberangkatan pesawat Laras sebentar lagi akan take off. Laras bergegas mengambil kopernya yang berada di sampingnya dan berpamitan untuk terakhir kalinya kepada orang tuanya, Kia, dan Andre. Laras kemudian berbalik badan dan dan melangkahkan kakinya untuk keberangkatannya ke luar negeri.