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 CamScannerae 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 CamScannerDESAIN 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 CamScannerDESAIN 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 CamScannerreraxriF 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 CamScanner70 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