Computer Graphic 2

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 2 TUJUAN INSTRUKSIONAL KHUSUS Mahasiswa mampu menggunakan software Adobe CS3 yang lain, bersama dengan Adobe Flash CS3 PERTEMUAN 2

PRESENTASI TUGAS • Lima kelompok yang ditunjuk akan mempresentasikan website yang dicari di depan kelas (selama internet masih bisa). PERTEMUAN 2

MATERI KULIAH • Materi kuliah dapat didownload di share.ciputra.ac.id PERTEMUAN 2

MENGGABUNGKAN ADOBE FLASH CS3 DENGAN ILLUSTRATOR CS3 • Buka masing-masing karya dalam bentuk vector yang sudah dibawa, dalam Adobe Illustrator CS3. • Buka file baru dalam Actionscript 2.0, dalam Adobe Flash CS3 • Drag karya dari Adobe Illustrator CS3 tersebut kedalam Adobe Flash CS3, dan perhatikan pilihan berikut: • Paste as bitmap: akan merubah file vector menjadi bitmap, tidak disarankan kecuali pada kasus tertentu • Maintain layers: apabila dipilih, akan membawa layer yang ada dari Adobe Illustrator ke dalam Flash, sehingga tidak perlu melakukan pemisahan layer dalam Flash lagi. • Apply recommended import settings: lebih baik tetap dipilih kecuali ada masalah dalam hasil import, dapat digunakan bersama dengan paste as bitmap. PERTEMUAN 2

BAGAIMANA MENGATUR SUSUNAN KARYA YANG DIIMPORT DALAM FLASH? • Karya yang didrag langsung ini, tidak bisa dilepaskan didalam LIBRARY, dan harus dilepaskan di dalam STAGE. Agar karya ini bisa dimasukkan dalam LIBRARY, gunakanlah F8 (Convert to Symbol) • Berbeda dengan karya dalam bentuk bitmap, akan langsung dimasukkan dalam library. • Karya ini akan diimport sebagai shape dan line yang sudah dirangkum menjadi sebuah atau beberapa buah GROUP. • Apabila hendak melakukan editing terhadap karya yang sudah diimport kedalam Flash, ada dua cara: • Edit langsung di dalam GROUP tersebut dengan double click atau klik kanan -- edit selected, apabila perlu bisa dilakukan berulang-ulang agar bisa mencapai tahap yang diinginkan • Klik kanan -- Break Apart, agar terlepas dari GROUP yang bersangkutan, ini juga dapat dilakukan berulang-ulang hingga tahap yang diinginkan PERTEMUAN 2

CARA LAIN ADALAH DENGAN MELAKUKAN IMPORT • Karya yang lebih rumit dan kompleks memerlukan kerja dan kemampuan processor yang lebih tinggi, oleh karena itu, bisa juga digunakan menu File -- Import to Stage atau Import to Library. • Untuk animasi yang lebih rumit, bisa menggunakan Adobe Illustrator untuk menggambar vector image, dan kemudian baru diimport sebagai KEYFRAME terpisah, sehingga tidak perlu melakukan editing dalam Flash. • Menggunakan Adobe Illustrator, kita bisa membuat animasi sederhana dalam setiap layernya, kemudian diimport kedalam Adobe Flash untuk setiap KEYFRAME. • Dengan adanya berbagai macam cara untuk melakukan Import ke dalam dan Export keluar dari Adobe Flash CS3, kita diajak untuk berpikir kreatif dalam memecahkan masalah. • Silahkan mencoba menggambar, atau edit gambar diam menjadi gambar animasi dari Illustrator / Photoshop ke dalam Flash PERTEMUAN 2

CONTOH FILE HASIL IMPORT PERTEMUAN 2

BAGAIMANA MERUBAH FILE BITMAP DALAM ADOBE FLASH CS3 • FILE BITMAP TIDAK DAPAT DIUBAH DALAM FLASH, KARENA FLASH BUKAN PHOTO EDITOR. • HAL INI SAMA DENGAN ADOBE ILLUSTRATOR CS3, YANG JUGA TIDAK BISA MERUBAH FILE BITMAP. • Silahkan melakukan editing pada file bitmap tersebut dalam Photoshop, dan kemudian save dalam nama file yang sama. • Klik kanan pada file bitmap tersebut dalam LIBRARY, klik Update. • Secara otomatis, Flash akan me-refresh tampilan file bitmap tersebut dalam stage. PERTEMUAN 2

BAGAIMANA MENGATUR JALANNYA MOVIECLIP DENGAN ACTIONSCRIPT • Setiap obyek yang dibuat, dan hendak dianimasikan, lebih baik dibuat dalam movie clip • Sebuah movie clip bisa memiliki beberapa nama instance sekaligus • Dengan menggunakan actionscript, jalannya animasi bisa diatur PERTEMUAN 2

BAGAIMANA MENGATUR JALANNYA MOVIECLIP DENGAN ACTIONSCRIPT • Actionscript adalah perintah yang digunakan untuk mengatur jalannya animasi, dan diletakkan dalam sebuah, atau beberapa frame • Actionscript juga bisa diletakkan dalam sebuah symbol, dengan format penulisan yang berbeda • Apabila actionscript tersebut digunakan untuk mengatur jalannya sebuah movie clip, movie clip tersebut harus memiliki nama instance PERTEMUAN 2

BAGAIMANA MENGATUR JALANNYA MOVIECLIP DENGAN ACTIONSCRIPT Perintah AS yang digunakan: stop() gotoAndPlay() gotoAndStop() trace(nama) if() else() PERTEMUAN 2

BAGAIMANA MENGATUR JALANNYA MOVIECLIP DENGAN ACTIONSCRIPT Beberapa properties yang dimiliki movie clip: _x _y _alpha _width _height _currentframe PERTEMUAN 2

BAGAIMANA MEMBUAT SLIDESHOW DALAM ADOBE FLASH CS3 PERHATIKAN!! • Slideshow yang dimaksudkan disini adalah animasi sederhana untuk presentasi semacam Microsoft Powerpoint, atau animasi sederhana lainnya yang bisa dibuat dengan menggabungkan karya digital diluar Adobe Flash CS3 kedalam Flash. • Mari kita coba membuat slideshow tersebut! PERTEMUAN 2

TUGAS KECIL • Siapkan gambar dan tema yang akan digunakan untuk membuat PROJECT secara keseluruhan • Gambar dan tema ini harap dipresentasikan dalam bentuk semacam storyboard atau konsep lainnya • Gambar dan tema tidak perlu sampai jadi, hanya sebatas ide dan konsep, sehingga bisa dibahas bersama PERTEMUAN 2

Computer Graphic 2