Lultimedia Interaktif (software) yang umum digunakan dalam Pembuatan h yang dikenal mudah dan ‘nyaman dalam Adobe Flash identik dengan salah a uk unggulan Adobe Systems yang an Aplikasi B. Prosedur Pengopera Jenis perangkat lune media interaktif yaitu Adobe Flas mengoperasikan aplikasi tersebut. perangkat lunak komputer sekaligus pro’ : : digunakan untuk membuat gambar vektor beserta animasinya. Berkas yang dihasilkan dari perangkat lunak tersebut memiliki file berekstensi swf schingga dapat diputar di penjelajah web yang telah terinstal aplikasi Adobe Flash Player, Flash menggunakan bahasa pemrograman bernama ActionScript yang muncy| pertama kalinya pada Flash 5. Hal ini disebabkan adanya fungsi animasi dan bitmap yang sangat menarik untuk keperluan pembangunan situs web yang interaktif dan dinamis. Eo COA OTe) ees MI Gambar 2.21 Penggunaan Adobe Flash ttps://animationstation.com/wp-content/uploads/2016/08/turtleillustration 0013. Screen- Shot-2016-09-02-at-8.38.10-PM. jpg ee Dipindai dengan CamScannerae DESAIN MEDI ‘RAKTI 1A INTE! IF Kelas Xi 1, Persiapan Mengoperasikan Apiik . asi Secara umum, Fi, ee ' Flash termasuk je dipelajari serta memitii rab aplikasi perangkat lunak yang mudah menganimasikannya, Adobe Flas Aphis dalam menggambar sekaligus digunakan dalam memproduksi ivy lentik dengan standard profesional yang pada logo, navigasi web, a tgh-impact web, misalnya membuat animasi atau aplikasi web. Salah ee bahkan memasukkan Flash dalam situs animasi yang memiliki fil ‘egunaan Adobe Flash adalah membuat gambar berorientasi abjek a. 2 swf. Di dalam Flash juga berisi bahasa a Kebutuhan Sistem TPL ¥Ane ditlis dalam bahasa C++ Software kel a eae ani ps Hae ini memuat beberapa program yang sangat ee ae a ingsinya, di mana salah satunya digunakan untuk Shae engembangkan desain multimedia interaktif dan ae ne oa efektif menggunakan Adobe Flash. Beberapa mputer yang dibutuhkan i kasi meee ae untuk menginstal aplikasi Adobe Tabel 2.2 Perangkat komputer yang dibutubkan untuk menginstal aplikasi Adobe Flash [No. | Kebutuhan Seimei Sistem : 1. | operasi Linux, Mac OS X, Microsoft Windows, Netbook Edition pendukung (Optional), Solaris, Symbian, dan Windows Mobile. Seperangkat komputer/laptop dengan prosesor Intel Pentium 4 3. 2GHz (direkomendasikan menggunakan dual prosesor Intel Xeon), Monitor dengan resolusi Persyaratan | sinimal 1024 x 768 pixel (disarankan 1280 x 800 pixel), a hardware GB RAM atau yang lebih tinggi, 1Gb Ethernet card 64- bit yang mendukung program 32-bit, Hard disk dengan keapasitas minimal 200 gb, dan DVD-ROM drive. : QuickTime 7.6.6 software a |e DirectX 9 pendukung — | 5,7 Runtime Environment 1.6 (included) b. Tahap Instalasi Aplikast ‘Adobe Flash memiliki ke erafis untuk memberikan efék pada anvil Stam, Di samping ita juga mendulung pada dan video, serta kemampuan dalam menangka keyboard, mikrofon, dan kamers Langan Flash Professional CS6 adalah sebagat berikut. lam memanipulasi vektor dan asi teks, gambar, dan gambar bidirectional streaming audio p input melalui: mouse, dalam instalasi Adobe mampuan dal Dipindai dengan CamScannerDESAIN MEDIA INTERAKTIF Kelas XII 2. Fungsi-Fungsi Tool Apikass =SSStS*~*S Beberapa kelebihan Adobe Flash d tethadap produk aplikasi web, me : pengembangan produk interaktit interaktivitas da : anta aplikasi ini sangat dinamis miliki cross-platform yang sesuai dengan ae memiliki lingkungan lebih stabil untuk | applet JavaTM, pada situs web yang membutuhk yang lebih menarik dan interaktif dari ia ate membutubl sesuatu i ; alam HTML. serta pada at 'S 4 at saat dieksekusi dapat meningkatkan konten pada situs Web, Namun demikian, salah satu kekurangan Adobe Flash yang sangat signifikan adalah tidak memiliki cross-browser dan lintas-platform tethadap masalah Kompatibilitas dalam wadah DHTML. Dengan mengoperasikan aplikasi Adobe Flash, maka seorang end-user dapat mengenali beberapa jenis menu dan interface serta prosedur membuat, membuka hingga proses menyimpan file multimedia dengan benar. Dengan fitur-fitur yang ada pada program Adobe Flash CS6 menjadikan program tersebut sebagai program animasi, presentasi, dan multimedia. Di samping itu, program Adobe Flash CS6 mampu mengolah teks maupun objek dengan efek 3D schingga tampak lebih menarik. a. Welcome Screen Prosedur standar dalam mengaktifkan Adobe Flash CS6 adalah sebagai berikut. 1) Double klik pada icon Adobe Flash CS6 yang ada di desktop. 2) Klik pada Start > All Program > Adobe Master Collection CS6 > ‘Adobe Flash CS6 sehingga akan tampil gambar Weleome Screen berikut. = tanto a Recent hem a nee = peseatret3 00088 1 Neen Bee = nasomsvivwees |) aman fend Bi novos Gambar 2.33 Welcome Screen -//1.bp.blogspot.com/- 2walhVL eVE/UnbMd6uRINAAAAAAAASASYSlgyn¥/1600/Flash mg 2walhVLs! Dipindai dengan CamScannerDESAIN MEDIA INTERAKTIF ee a 66 —— perintah pada Welcome sereen Tabel 2.3 Empat pilihan po — aa a a ~Fungsi______| Perintsl a lembar kerja dengan [No | __ Perini ——F ak membuk template yang ters from Template 1, | Create from Ter pl rach CS6. See! membuka kembali file yang pernah untuk mer anda simpan atau pernal Recent Item a | sebelumny®. untuk membuka Jembar kerja baru dengan dia, ‘edia dalam program 3. | Create New beberapa pilihan script yang terse untuk membuka jendela Help yang berguna aoe untuk mempelajari suatu perintah. b. Workspace (Paste Board) Workspace merupakan yang dapat dimanfaatkan yang akan dipergunakan un! bidang berwarna abu-abu di layar kerja Flash untuk proses pembuatan gambar maupun teks nk bahan animasi. Objek yang terletak pada bidang ini pada saat animasi dijalankan tidak akan ikut ditampilkan dalam animasi karena hanya digunakan untuk persiapan. Beberapa fungsi yang dapat dikenali antara lain pada pembuatan animasi objek, membuat presentasi, animasi iklan, game, pendukung animasi halaman web, hingga pada pembuatan film animasi. Pada dasarnya Adobe Flash CS6 ae versi terbaru dari versi Adobe Flash CSS yang secara es iliki tampil : Se cea Se oss sainbalat Gur’ Scat gi las! CS6 memiliki beberapa garis besar, lingkun; kerj: Adobe Flash CS6 terdiri dari beberay oe ke pa Komponen utama sebagai berikut. Gambar 23 hitps/fdeS32dshared coming eeP aCe Ashared pada aS! a0b0/WORKSPACE Dipindai dengan CamScanner~ DESAIN MEDIA In Beberapa kom, CS6 di antara 1) Menu Bar TERAKTIF Kelas 67 POnen pada je: nd MYA Sebagai berikan * Mam (main window) Adabe Flash Timeline id ‘ z lentik den; 9% durasi animasi, frame nn Panel untuk menentukan jumlah layer, ‘4 ie, ts animasi lainnya, Be Penempatan script beserta beberapa keperluan pe berapa ke : Timeline adalah sebagai ee Mh ber va) Layer yang di mak ‘ : objek yang akan die sett lembar kerja yang menampung oe dianimasikan di dalam timeline. ) Timeline yang digunakan sebagai tabulasi dari lembar keri isi dari lembar kerja at: Fe) Song ne dang dikesjokan = c 101 i 5 cal eeatal on Layers yang digunakan untuk menyembunyikan ilkan semua isi layer. y 4) Lock or Unlock All Layers yang digunakan untuk mengunci atau melepas kunci objek dari semua layer. v ¢) Show All Layer as Outlines yang digunakan untuk menampitkan objek pada semua layer dalam bentuk outline. f) Playhead yang digunakan untuk membaca frame pada saat animasi dijalankan. J g) Blank Keytrame sebagai sebuah simbol lingkaran kosong yang menampung suatu objek. uh) Frame yang digunakan sebagai bagian dari layer yang yang digunakan untuk mengatur pembuatan animasi. i) Tombol Menu yang digunakan untuk mengatur tampilan frame. j) New Layer yang digunakan untuk menambah layer bar, i) New Folder yang digunakan untuk menambah folder bar i i k menghapus layer. 1) Delete yang digunakan untul . mn) Simbol Pensil yang digunakan untuk menunjukkan bahwa layer a tif dalam kondisi terpilih atau aktif. ; n) Titik Show or Hide yang digunakan untuk menampilkan atau enyel ikan layer aktif. ; ) a en Gaui untuk mengunci atau melepas kunci o) Titik ig layer yang aktif. dalam jek ) Kotak Outline yang digunakan untuk menampilkan objel : layer aktif menjadi bentuk outline. ye pol Control jgunakan untuk mengontrol animasi. q) Tombol Co jer yang di Dipindai dengan CamScannerreraxriF Kelas Xl untuk mengaktifkan pengulang, DESAIN MEDIA I 68 igunak 1) Tombol Loop yi animasi. s) Tombol Pe! tampilan animast t) Current Frame yal tur tampilan animasi yang digunakan untuk mengatu; ngatur 2 didalam stage- ng digunakan untuk menunjukkan posisi frame - Rate yang digunakan untuk mengatur kecepatan gerak u) Frame animasi dalam tiap detiknya. y) Elapsed Time yang digunakan untu Jamanya animasi. w) Scrollbar yang digunal secara vertikal/horizontal. «3) Panel Overview Panel Overview digunakan untuk mengubah layout area kerja agar dapat disesuaikan berdasarkan kebutuhan dan objek yang akan dibuat, 4) Color Panel Color Panel yang digunakan untuk memberi warna pada objek dan mengatur komposisi warna pada objek yang akan dibuat. * 5) Property Inspector Properties panel dapat menampilkan informasi tentang ukuran dan posisi objek yang sedang dipilih. Di samping itu, property inspector digunakan untuk mengatur setting stage, atribut objek beserta fungsi 6) filter hingga proses publikasi pada movie. 6) yk menunjukkan durasi atay kan untuk menggulung jendela timeline })) Toolbox Secara mendasar, Toolbox banyak digunakan untuk membuat dan aon isi = dalam Timeline dan Stage. Toolbox identik dengan ia = naa ‘menampung tombol-tombol yang berguna dalam ‘atu desain animasi mulai dari tombol seleksi, pen, pensil, text, 3D Rotati ae untuk neem aii Toolbox berisi alat-alat yang digunakan objek di 5 modifier. Setiap tool ne stage. Toolbox terbagi menjadi tool dan 2 emiliki A ketika end-user mem ukuran Modifier tertentu yang ditampilkan maka modifier seperti v = tersebut. Misalnya memilih Texttool > ukuran huruf, warna huruf dapat diatur. c Dipindai dengan CamScanner 1. — L__DESAIN MEDIA INTERAKTIF. Kelas XIT (Hj Hand Stroke Color Black ana whne Snapto objects 69 Faicolor ‘swap colors Tombolpendutung daritombol Lyvangterpan Gambar 2.35 Toolbox i hitps://de532.4shared.com/img/mkDpNostee’s23/1661 Scdest¥/toolbox20K Tabel 2.4 Keterangan tombol-tombol pada Toolbox [No.| Tombol |Shortkey Fungsi 1 Selection v 7 ae = es - | Tool intuk menyeleksi objek. | Free | z ae Q | Untuk mengubah bentuk objek secara bebas. | 00] 3 [Lasso Tool | _L | Untuk menycleksi objek dengan pola seleksi bebas. 4. | Pen Tool P _| Untuk menggambar objek. | 5, | Line Tool N | Untuk menggambar objek garis lurus. 6 [Pencil Tool | _Y __| Untuk menggambar dengan bentuk goresan pensil. Untuk menggambar corak dekorasi dengan 7. | Deco Tool : ad simbol graphic. ° ‘Untuk membuat animasi pertulangan dengan 8. | Bone Tool }| X — | menambahkan titik sendi pada object. 9 Eyedropper I Untuk mengambil sampel warna dari sebuah | Tool object. 10. | Hand Tool TE | Untuk menggeser area lembar kerja atau stase. 11. | Stroke Color Untuk menentukan warna garis. = Black and Tintuk mengubah warna garis dan bidang menjadi 12. | white ~ _[tritam dan putih. : Snap to Untuk mengaktifkan atau mematikan fungsi Snap 13. | Object . to Object. Dipindai dengan CamScanner70 DESAIN MEDIA INTERAKTIF Kelas XII Subselectio Untuk menyeleksi bagian objek pada proses —~ 14. | n Tool A | editing ; ji ] 3D Rotation Untuk melakukan rotasi 3D pada objck ~J ': | Toot W | berdasarkan sumbu X, ¥ dan Z. 16. | Text Tool uy Untuk mengetik teks dan paragraf. i. | Recransle |_| Untuk menggambar objek kotak. 18. | Brush Tool B Untuk menggambar dengan bentuk polesan kuas, Paint Bucket . 7 ‘ok —| 19. Tool K Untuk memberi warna bidang objek. Erasser : 7 — 20. Tool E Untuk menghapus bidang object. 21. | Zoom Tool | o,z_ | Untuk memperbesar atau memperkecil tampilan - : lembar kerja atau stage. 22. | Fill Color - Untuk menentukan warna bidang object. 23. | Swap Color 7 Untuk membalikan warna antara warna garis dan warna bidang object. 7) Stage Stage (lembar kerja) yang digunakan untuk mendesain objek yang akan dianimasikan, Jenis-jenis objek dalam stage (lembar kerja) antara lain sebagai berikut. a) Scene untuk menunjukkan nama scene yang aktif. b) Tanda panah digunakan untuk berpindah dari lembar kerja simbol ke lembar kerja utama. 7 c) Edit scene digunakan untuk memilih nama Scene yang akan diedit. 4) Edit symbols digunakan untuk memilh nama simbol yang ake» diet e) Zoom digunakan untuk mengatur besarnya tampilan st. i lembar kerja. ee f) Scrollbar digunakan untuk menggulung lembar kerja se cara horizontal dan vertikal. Dipindai dengan CamScanner