Transcript pertemuan3

Computer Graphic 2
NOMOR KODE/SKS
: VCD0029 / 3 SKS / Semester III - Agustus 2010 / 13 Week
DOSEN PEMBINA
: Andre Oentoro
: Rudi Margono
TUTOR
: Agus Susanto
: David Junaedi
PERTEMUAN 2
PERTEMUAN 3
TUJUAN INSTRUKSIONAL KHUSUS
Mahasiswa mampu membuat animasi 2D
PERTEMUAN 2
FORMAT ACTIONSCRIPT
Perintah AS yang umum digunakan:
stop()
gotoAndPlay()
gotoAndStop()
trace(“text”)
if()
else()
PERTEMUAN 2
FORMAT ACTIONSCRIPT
stop()
namainstance.stop()
Digunakan untuk menghentikan movieclip
play()
namainstance.play()
Digunakan untuk menjalankan movieclip
contoh:
bola.stop()
akan menghentikan gerakan movieclip bernama bola
bola.play() akan melakukan sebaliknya
PERTEMUAN 2
FORMAT ACTIONSCRIPT
gotoAndPlay(nomor frame)
namainstance.gotoAndPlay(nomor frame)
Digunakan untuk menjalankan movieclip mulai
nomor frame yang disebutkan
gotoAndStop(nomor frame)
namainstance.gotoAndStop(nomor frame)
Digunakan untuk menjalankan movieclip pada
nomor frame yang disebutkan
Contoh:
gotoAndPlay(5)
akan menjalankan movieclip mulai nomor frame ke 5
PERTEMUAN 2
FORMAT ACTIONSCRIPT
trace(“text”)
Digunakan untuk menampilkan pesan dalam bentuk
text pada output window.
Hanya berguna pada saat program Adobe Flash
digunakan, dan umumnya digunakan untuk mencari
kesalahan pada animasi.
Contoh:
trace(“animasi selesai”)
Akan menampilkan tulisan animasi selesai pada output
window
PERTEMUAN 2
FORMAT ACTIONSCRIPT
if(kondisi) {action}
Digunakan untuk melakukan loop if..then, dimana
pada kondisi tertentu akan melakukan perintah
tertentu.
if(kondisi) {action} else {other action}
Apabila dikehendaki, bisa ditambahkan perintah
else, agar dapat melakukan perintah lainnya.
Contoh:
if(bola._x >= 100) {stop()} else {trace(“bola belum
mencapai posisi 100”)}
Akan melakukan pengecekan, apabila posisi x dari movieclip yang
bernama bola sudah mencapai 100, maka movieclip akan
dihentikan, apabila belum, maka akan menuliskan bola belum
mencapai posisi 100
PERTEMUAN 2
FORMAT ACTIONSCRIPT
Format penulisan dalam kurung {}, bisa juga
dituliskan dalam baris lainnya untuk mempermudah
pembacaan, misalnya:
if(bola._x >= 100) {
stop()
} else {
trace(“bola belum mencapai posisi 100”)
}
PERTEMUAN 2
FORMAT ACTIONSCRIPT
Beberapa properties yang dimiliki movie clip:
_x
_y
_alpha
_width
_height
_currentframe
Contoh:
bola._x adalah posisi X bola
bola_currentframe adalah
PERTEMUAN 2posisi frame bola
BAGAIMANA MEMBUAT ANIMASI
DALAM ADOBE FLASH CS3?
• Dasar animasi adalah membuat
serangkaian gambar yang apabila
ditunjukkan dengan cara bergantian akan
membuat ilusi seolah-olah gambar
tersebut dapat bergerak.
PERTEMUAN 2
BAGAIMANA MEMBUAT ANIMASI
DALAM ADOBE FLASH CS3?
• Pembuatan animasi secara digital ini didasarkan
pada cara tradisional animasi dengan frame-perframe, dimana yang perlu diperhatikan adalah:
1. Ukuran animasi
2. Jumlah Frame per Second (FPS)
3. Keteraturan dalam penyusunan gerak agar
memudahkan pembuatan animasi
PERTEMUAN 2
BAGAIMANA MEMBUAT ANIMASI
DALAM ADOBE FLASH CS3?
• Dalam menggunakan Adobe Flash, yang
perlu diperhatikan adalah :
1. Bagaimana cara membuat karya digital tersebut
dalam bentuk static image
2. Bagaimana cara membagi gambar tersebut
menjadi bagian-bagian yang mudah untuk
dianimasikan
3. Bagaimana membuat Motion Tween dan Shape
Tween dapat memudahkan pekerjaan seorang
Animator
PERTEMUAN 2
PEMBUATAN STORYBOARD
• Dasar dari pembuatan storyboard adalah
mempresentasikan ide tentang animasi
kedalam gambar konsep yang mudah dipahami
oleh orang lain.
• Storyboard diadaptasi dari pembuatan animasi
kartun, dimana membuat dan membaca
storyboard adalah tugas para animator. Seiring
dengan perkembangan waktu, sekarang
storyboard juga digunakan dalam
pengembangan website
dan
layout lainnya.
PERTEMUAN
2
APA YANG HARUS ADA DALAM
STORYBOARD
• Gambar sketsa atau gambar jadi dari
produk tersebut
• Narasi atau keterangan mengenai
gambar
• Keterangan mengenai waktu (atau
apabila untuk website, keterangan
mengenai interaktivitas dan lainnya)
PERTEMUAN 2
TIMELINE EFFECTS
• TIMELINE EFFECTS adalah serangkaian animasi yang secara
otomatis dihasilkan oleh perhitungan komputer, tanpa harus
membuat keyframe sendiri.
Efek yang bisa dihasilkan antara lain adalah:
•
•
•
•
Blur
Drop Shadow
Expand
Explode
Selain itu, bisa juga digunakan untuk:
• Transform
• Transition
PERTEMUAN 2
TIMELINE EFFECTS
• Semua efek yang dihasilkan oleh Timeline
Effects adalah merupakan gabungan dari
beberapa efek yang ada, untuk lebih memiliki
kontrol yang presisi, hasil yang dicapai akan
lebih bagus dengan menggunakan animasi
secara manual.
• Bagaimana melakukan animasi secara manual
akan dijelaskan pada pertemuan-pertemuan
berikut.
PERTEMUAN 2
SYMBOLS
Apakah perbedaan antara Movie Clip, Button,
dan Graphic?
PERTEMUAN 2
MOVIECLIP
MovieClip adalah Symbol yang paling
fleksibel dalam Flash, pada Movie Clip
dapat dilakukan:
• Pemberian Nama Instance
• Blending (Darken, Multiply, Screen, Difference,
dsb)
• Filter (Blur, Drop Shadow, dsb)
• Perubahan Warna (Alpha, Tint, dsb)
PERTEMUAN 2
• Animasi
BUTTON
•
•
•
•
•
•
Button adalah Symbol yang dikhususkan
sebagai pembuatan tombol:
Memiliki nama instance dan properties lainnya
yang terdapat dalam movie clip
Ada empat mode dalam timeline:
Up, ketika tombol diam
Over, ketika tombol dilewati oleh pointer
Down, ketika tombol ditekan
Hit, bagian tombol yang bisa ditekan, dan
tidak akan tampak
PERTEMUAN 2
GRAPHIC
Graphic adalah Symbol yang dikhususkan
untuk pembuatan animasi.
• Tidak dapat diberikan nama Instance
• Secara otomatis akan dihasilkan oleh Tween
apabila pada obyek yang dalam layer yang
dilakukan Tween tersebut tidak terdapat dalam
library
PERTEMUAN 2
PENJELASAN MENGENAI PROJECT
• Siapkan sebuah animasi yang akan
dipergunakan sebagai intro dalam project akhir
masing-masing kelompok
• Minggu depan akan dipilih beberapa kelompok
untuk mempresentasikan intro yang sudah
dibuat didepan kelas
PERTEMUAN 2
PENJELASAN MENGENAI PROJECT
• Lama intro = 30 – 60 detik
• Project akan dikumpulkan pada akhir pertemuan
ke 6 sebelum UTS
• Selama project belum dikumpulkan, masingmasing kelompok dipersilahkan untuk
melakukan revisi dan perbaikan seiring dengan
bertambahnya kemampuan menggunakan
Adobe Flash
PERTEMUAN 2
PENJELASAN MENGENAI PROJECT
•
•
•
•
•
•
Intro dapat berupa:
Animasi kartun
Animasi film
Slideshow
Musik dan Sound Effect
Narasi
PERTEMUAN 2
PENJELASAN MENGENAI PROJECT
Penilaian:
Ide, konsep, tema
40%
Tingkat kehalusan dan detail animasi
30%
Originalitas
20%
Tingkat kesulitan pengerjaan
10%
PERTEMUAN 2
TUGAS
• Lihat contoh yang sudah diupload di folder
share.ciputra.ac.id
• Gunakan asset yang sudah diberikan
untuk menghasilkan animasi seperti
contoh
• Dilarang keras mengcopy pekerjaan
mahasiswa lainnya
• Yang selesai silahkan absen pulang
PERTEMUAN 2