Animasi Pembelajaran Operasi Matematika Untuk Taman Kanak-Kanak Menggunakan Flash CS3
BAB 2
LANDASAN TEORI
2.1 Animasi
Animasi berasal dari kata Animation yang dalam bahasa Inggris to animate yang
berarti menggerakkan. Bustaman (2001) menyatakan bahwa “Animasi adalah
suatu proses dalam menciptakan efek gerakan atau perubahan dalam jangka waktu
tertentu, dapat juga berupa perubahan warna dari suatu objek dalan jangka waktu
tertentu dan bisa juga dikatakan berupa perubahan bentuk dari suatu objek ke
objek lainnya dalam jangka waktu tertentu”. Zeembry (2006) menyatakan bahwa
”Animasi adalah rangkaian gambar yang disusun secara berurutan”. Suciadi
(2003) menyatakan bahwa ”Animasi adalah sebuah objek atau beberapa objek
yang tampil bergerak melintasi stage atau berubah bentuk, berubah ukuran,
berubah warna, berubah putaran, berubah properti-properti lainya”.
Perkembangan animasi pada saat ini berjalan cepat dalam berbagai bidang.
Animasi begitu dikenal dalam bidang perfilman, terutama dunia anak - anak.
Akan tetapi, sekarang animasi tidak hanya digunakan dalam dunia hiburan seperti
pembuatan film dan permainan, tetapi juga dalam pembuatan desain web dan
dunia pendidikan.
Animasi dalam dunia pendidikan berperan dalam sebagai media
pembelajaran yang menarik. Animasi merupakan salah satu bentuk visual
Universitas Sumatera Utara
9
bergerak yang dapat dimanfaatkan untuk menjelaskan materi pelajaran yang sulit
disampaikan secara konvensional. Animasi dapat diintegrasikan ke media lain
seperti video atau presentasi sehingga cocok untuk menjelaskan materi - materi
pelajaran yang sulit disampaikan secara langsung melalui buku.
Animasi dalam dunia pendidikan memberikan berbagai keuntungan bagi
siswa dan pengajar. Bagi siswa, animasi dapat meningkatkan minat belajar dan
pemahaman terhadap suatu bidang ilmu tertentu. Bagi pihak pengajar, animasi
dapat mempermudah proses pembelajaran dan pengajaran dalam penyampaian
materi kepada siswa.
2.2 Sekilas Tentang Flash
Flash adalah adalah salah satu software yang merupakan produk unggulan
pembuat animasi gambar vektor yang sangat diminati saat ini. Berkas yang
dihasilkan dari perangkat lunak ini mempunyai file extension *.swf dan dapat
diputar di penjelajah web yang telah dipasangi Flash Player. Flash menggunakan
bahasa pemrograman bernama ActionScript.
Tahun 1993 ia mendirikan FutureWave Software dengan produk pertama
SmartSketch. Inilah cikal bakal Macromedia Flash. Tahun 1995 SmartSketch
berganti nama menjadi CelAnimator. Juli 1996 CelAnimator berubah nama
kembali menjadi FutureSplash Animator. Desember 1996,
FutureSplash
Animator berubah nama menjadi Flash 1.0. Selanjutnya Flash 2 dirilis
pertengahan 1997. Flash 3 dan Generator menyusul April 1998.
Universitas Sumatera Utara
10
Flash 4 dan 5 menyusul 1999 dan Juli 2000. Versi 5 menambahkan
integrasi dengan XML, Generator, dan ActionScript. Penetrasi browser terus
meningkat hingga kini mencapai 96%. Player Flash telah tersedia untuk berbagai
platform: Windows, Mac, Unix, BeOS, hingga OS/2 dan PocketPC.
Adobe
Flash
(dahulu
bernama
Macromedia
Flash
dikarenakan
Macromedia yang merupakan produsen pembuat flash profesional kini telah
merjer dengan adobe corp, perubahan terjadi pada macromedia flash series 9
menjadi Adobe Flash CS3 pada April 16, 2007 ) merupakan tools yang
dikembangkan untuk membuat berbagai aplikasi berbasis internet. Pada awalnya,
Flash yang dilengkapi bahasa pemrograman ActionScript digunakan oleh
developer web untuk mendesain web menjadi lebih interaktif dengan berbagai
macam animasi.
Sebelum tahun 2005, Flash dirilis oleh Macromedia. Flash 1.0
diluncurkan pada tahun 1996. Versi terakhir yang diluncurkan di pasaran dengan
menggunakan nama Macromedia' adalah Macromedia Flash 8. Pada tanggal 3
Desember 2005 nama Macromedia Flash berubah menjadi Adobe Flash.
2.3 Sekilas Adobe Flash CS3
Yahya Kurniawan (2005) menyatakan bahwa “Flash MX 2004 adalah contoh
nyata dari kombinasi animasi dan pemrograman”. Script (2008) menyatakan
bahwa “Flash adalah software grafis animasi yang dapat membuat objek grafis
dan menganimasikannya sehingga kita dapat langsug membuat objek desain tanpa
Universitas Sumatera Utara
11
harus menggunakan software grafis pendukung seperti illustrator atau photoshop”.
Waluyo (2004) menyatakan bahwa “Macromedia Flash adalah software grafis
animasi professional untuk menghasilkan halaman web yang menarik dan
interaktif”. DigiBook (2009) menyatakan bahwa “Adobe Flash adalah software
paling popular untuk membuat animasi”.
Macromedia Flash merupakan program grafis animasi web yang
diproduksi oleh Macromedia corporation. Macromedia Flash pertama kali
diproduksi pada tahun 1996. pada awal produksi, Macromedia Flash merupakan
software untuk membuat animasi sederhana berbasis .gif. Seiring dengan
perkembangannya, Macromedia Flash mulai digunakan dalam pembuatan desain
situs web. Macromedia Flash telah diproduksi dengan beberapa versi terbaru yang
sekarang beredar di pasaran adalah Macromedia Flash versi 8 di rilis tahun 2005.
Seiring dengan perkembangannya, Macromedia Flash telah diproduksi
dengan beberapa versi. Versi yang kini banyak digunakan adalah Macromedia
Flash MX dan Macromedia Flash 8. Meskipun versi terbarunya sudah beredar di
pasaran yakni Adobe Flash CS3 yang hak ciptanya telah dimiliki oleh Adobe
bukan Macromedia Corp lagi. Keunggulan dari program Adobe Flash dibanding
program lain yang sejenis, antara lain :
1. Mampu membuat animasi vector dan interaktivitas yang menarik.
2. Dapat membuat website, cd-interaktif, animasi web, animasi kartun, kartu
elektronik, iklan TV, banner di web, presentasi interaksi, permainan,
aplikasi web dan handphone.
Universitas Sumatera Utara
12
3. Adanya Action Script. Dengan action script anda dapat membuat animasi
dengan menggunakan kode sehingga memperkecil ukuran file. Karena
adanya action script ini juga Flash dapat untuk membuat game karena
script dapat menyimpan variable dan nilai, melakukan perhitungan, dsb.
yang berguna dalam game.
4. Ukuran file yang kecil dengan kualitas yang baik
Area kerja Adobe Flash CS3 terdiri atas beberapa komponen, yaitu Menu
Bar, Toolbar, Timeline, Stage, Panel, Properties, Library. Di bawah ini
merupakan window dari Adobe Flash CS3 yang digunakan dalam pekerjaan
pembuatan animasi, baik itu berupa graphic atau animasi bergerak.
1. Menu Bar
Berisi kumpulan menu atau perintah-perintah yang digunakan dalam
Adobe Flash CS3 yaitu: File, Edit, View, Insert, Modify, Text, Commands,
Control, Debug, Window, Help.
Gambar 2.1 Area Kerja Adobe Flash CS3
Universitas Sumatera Utara
13
2. Toolbar
Toolbar merupakan panel berisi berbagai macam tool. Tool-tool tersebut
dikelompokkan menjadi 4 kelompok yaitu:
a. Tools : Berisi tombol-tombol untuk membuat dan mengedit gambar.
b. View : Untuk Mengatur tampilan kerja.
c. Colors : Menentukan warna yang di pakai saat mengedit.
d. Option : Alat bantu lain untuk mengedit
Gambar 2.2 Toolbar
Keterangan Gambar 2.2:
1. Selection tools (V) digunakan untuk memilih dan memindahkan
objek.
2. Subselection tool (A) untuk mengubah bentuk objek dengan edit
points.
3. Free Transform tool (Q) untuk mentransformasi bentuk suatu objek.
Universitas Sumatera Utara
14
4. Gradient Transform tool (F) untuk mengatur setting gradasi ( fiil )
suatu objek.
5. Line tool (N) untuk membuat garis lurus.
6. 6. Lasso tool (L) untuk memilih bagian dari objek atau memilih objek
yang tidak teratur.
7. Pen tool (P) untuk menambah atau mengurangi titik-titik pada garis
suatu objek.
8. Text tool (T) untuk mebuat objek yang berupa teks.
9. Oval tool (O) untuk membuat objek lingkaran atau oval.
10. Ractangle tool (R) untuk membuat persegi atau polystar.
11. Pencil tool (Y) untuk membuat objek bebas berupa garis.
12. Brush tool (B) untuk membuat objek bebas berupa sapuan kuas.
13. Ink Bottle tool (S) untuk memberi warna outline (garis luar) suatu
objek.
14. Paint Bucket tool (K) untuk memberi warna fiil (bagian dalam) suatu
objek.
15. Eyedropper tool (I) untuk mengambil atau meniru warna suatu objek.
16. Eraser tool (E) untuk menghapus bagian objek tertentu.
17. Hand tool (H) untuk menggeser bidang kanvas ke atas atau ke bawah.
18. Zoom tool (M atau Z) untuk mengatur ukuran persentase stage.
19. Fill Colors untuk memberi warna pada objek.
20. Stroke Colors untuk memberi atau memilih warna garis tepi
21. Option Tool untuk mengatur fungsi tambahan pada tool yang sedang
aktif
Universitas Sumatera Utara
15
3. Timeline
Timeline atau garis waktu merupakan komponen yang digunakan untuk
mengatur
atau
mengontrol
jalannya
animasi.
Timeline
terdiri
dari
beberapa layer. Layer digunakan untuk menempatkan satu atau beberapa objek
dalam stage agar dapat diolah dengan objek lain. Setiap layer terdiri dari
frame-frame yang digunakan untuk mengatur kecepatan animasi. Semakin
panjang frame dalam layer, maka semakin lama atau lambat jalannya animasi
tersebut.
Gambar 2.3 Layer
4. Stage
Stage disebut juga layar atau panggung. Stage digunakan untuk memainkan
objek-objek yang akan diberi animasi. Dalam stage kita dapat membuat
gambar,
teks, memberi warna, dll
Universitas Sumatera Utara
16
5. Panel
Beberapa panel penting dalam Adobe Flash CS3, diantaranya panel:
Properties, Filter dan Parameters, Actions, Library, Color dan align dan Info
serta Transform
Gambar 2.4 Panel
6. Properties
Panel Properties akan berubah tampilan dan fungsinya mengikuti bagian mana
yang sedang diaktifkan Misalnya Anda sedang mengaktifkan Line tool, maka
yang muncul pada jendela Properties adalah fungsi-fungsi untuk mengatur
line/garis seperti besarnya garis, bentuk garis, dan warna garis.
Gambar 2.5 Properties
Universitas Sumatera Utara
17
7. Library
Panel Library mempunyai fungsi sebagai perpustakaan simbol/media yang
digunakan dalam animasi yang sedang dibuat. Simbol merupakan kumpulan
gambar baik movie, tombol (button), sound, dan gambar statis (graphic).
Gambar 2.5 Library
Universitas Sumatera Utara
LANDASAN TEORI
2.1 Animasi
Animasi berasal dari kata Animation yang dalam bahasa Inggris to animate yang
berarti menggerakkan. Bustaman (2001) menyatakan bahwa “Animasi adalah
suatu proses dalam menciptakan efek gerakan atau perubahan dalam jangka waktu
tertentu, dapat juga berupa perubahan warna dari suatu objek dalan jangka waktu
tertentu dan bisa juga dikatakan berupa perubahan bentuk dari suatu objek ke
objek lainnya dalam jangka waktu tertentu”. Zeembry (2006) menyatakan bahwa
”Animasi adalah rangkaian gambar yang disusun secara berurutan”. Suciadi
(2003) menyatakan bahwa ”Animasi adalah sebuah objek atau beberapa objek
yang tampil bergerak melintasi stage atau berubah bentuk, berubah ukuran,
berubah warna, berubah putaran, berubah properti-properti lainya”.
Perkembangan animasi pada saat ini berjalan cepat dalam berbagai bidang.
Animasi begitu dikenal dalam bidang perfilman, terutama dunia anak - anak.
Akan tetapi, sekarang animasi tidak hanya digunakan dalam dunia hiburan seperti
pembuatan film dan permainan, tetapi juga dalam pembuatan desain web dan
dunia pendidikan.
Animasi dalam dunia pendidikan berperan dalam sebagai media
pembelajaran yang menarik. Animasi merupakan salah satu bentuk visual
Universitas Sumatera Utara
9
bergerak yang dapat dimanfaatkan untuk menjelaskan materi pelajaran yang sulit
disampaikan secara konvensional. Animasi dapat diintegrasikan ke media lain
seperti video atau presentasi sehingga cocok untuk menjelaskan materi - materi
pelajaran yang sulit disampaikan secara langsung melalui buku.
Animasi dalam dunia pendidikan memberikan berbagai keuntungan bagi
siswa dan pengajar. Bagi siswa, animasi dapat meningkatkan minat belajar dan
pemahaman terhadap suatu bidang ilmu tertentu. Bagi pihak pengajar, animasi
dapat mempermudah proses pembelajaran dan pengajaran dalam penyampaian
materi kepada siswa.
2.2 Sekilas Tentang Flash
Flash adalah adalah salah satu software yang merupakan produk unggulan
pembuat animasi gambar vektor yang sangat diminati saat ini. Berkas yang
dihasilkan dari perangkat lunak ini mempunyai file extension *.swf dan dapat
diputar di penjelajah web yang telah dipasangi Flash Player. Flash menggunakan
bahasa pemrograman bernama ActionScript.
Tahun 1993 ia mendirikan FutureWave Software dengan produk pertama
SmartSketch. Inilah cikal bakal Macromedia Flash. Tahun 1995 SmartSketch
berganti nama menjadi CelAnimator. Juli 1996 CelAnimator berubah nama
kembali menjadi FutureSplash Animator. Desember 1996,
FutureSplash
Animator berubah nama menjadi Flash 1.0. Selanjutnya Flash 2 dirilis
pertengahan 1997. Flash 3 dan Generator menyusul April 1998.
Universitas Sumatera Utara
10
Flash 4 dan 5 menyusul 1999 dan Juli 2000. Versi 5 menambahkan
integrasi dengan XML, Generator, dan ActionScript. Penetrasi browser terus
meningkat hingga kini mencapai 96%. Player Flash telah tersedia untuk berbagai
platform: Windows, Mac, Unix, BeOS, hingga OS/2 dan PocketPC.
Adobe
Flash
(dahulu
bernama
Macromedia
Flash
dikarenakan
Macromedia yang merupakan produsen pembuat flash profesional kini telah
merjer dengan adobe corp, perubahan terjadi pada macromedia flash series 9
menjadi Adobe Flash CS3 pada April 16, 2007 ) merupakan tools yang
dikembangkan untuk membuat berbagai aplikasi berbasis internet. Pada awalnya,
Flash yang dilengkapi bahasa pemrograman ActionScript digunakan oleh
developer web untuk mendesain web menjadi lebih interaktif dengan berbagai
macam animasi.
Sebelum tahun 2005, Flash dirilis oleh Macromedia. Flash 1.0
diluncurkan pada tahun 1996. Versi terakhir yang diluncurkan di pasaran dengan
menggunakan nama Macromedia' adalah Macromedia Flash 8. Pada tanggal 3
Desember 2005 nama Macromedia Flash berubah menjadi Adobe Flash.
2.3 Sekilas Adobe Flash CS3
Yahya Kurniawan (2005) menyatakan bahwa “Flash MX 2004 adalah contoh
nyata dari kombinasi animasi dan pemrograman”. Script (2008) menyatakan
bahwa “Flash adalah software grafis animasi yang dapat membuat objek grafis
dan menganimasikannya sehingga kita dapat langsug membuat objek desain tanpa
Universitas Sumatera Utara
11
harus menggunakan software grafis pendukung seperti illustrator atau photoshop”.
Waluyo (2004) menyatakan bahwa “Macromedia Flash adalah software grafis
animasi professional untuk menghasilkan halaman web yang menarik dan
interaktif”. DigiBook (2009) menyatakan bahwa “Adobe Flash adalah software
paling popular untuk membuat animasi”.
Macromedia Flash merupakan program grafis animasi web yang
diproduksi oleh Macromedia corporation. Macromedia Flash pertama kali
diproduksi pada tahun 1996. pada awal produksi, Macromedia Flash merupakan
software untuk membuat animasi sederhana berbasis .gif. Seiring dengan
perkembangannya, Macromedia Flash mulai digunakan dalam pembuatan desain
situs web. Macromedia Flash telah diproduksi dengan beberapa versi terbaru yang
sekarang beredar di pasaran adalah Macromedia Flash versi 8 di rilis tahun 2005.
Seiring dengan perkembangannya, Macromedia Flash telah diproduksi
dengan beberapa versi. Versi yang kini banyak digunakan adalah Macromedia
Flash MX dan Macromedia Flash 8. Meskipun versi terbarunya sudah beredar di
pasaran yakni Adobe Flash CS3 yang hak ciptanya telah dimiliki oleh Adobe
bukan Macromedia Corp lagi. Keunggulan dari program Adobe Flash dibanding
program lain yang sejenis, antara lain :
1. Mampu membuat animasi vector dan interaktivitas yang menarik.
2. Dapat membuat website, cd-interaktif, animasi web, animasi kartun, kartu
elektronik, iklan TV, banner di web, presentasi interaksi, permainan,
aplikasi web dan handphone.
Universitas Sumatera Utara
12
3. Adanya Action Script. Dengan action script anda dapat membuat animasi
dengan menggunakan kode sehingga memperkecil ukuran file. Karena
adanya action script ini juga Flash dapat untuk membuat game karena
script dapat menyimpan variable dan nilai, melakukan perhitungan, dsb.
yang berguna dalam game.
4. Ukuran file yang kecil dengan kualitas yang baik
Area kerja Adobe Flash CS3 terdiri atas beberapa komponen, yaitu Menu
Bar, Toolbar, Timeline, Stage, Panel, Properties, Library. Di bawah ini
merupakan window dari Adobe Flash CS3 yang digunakan dalam pekerjaan
pembuatan animasi, baik itu berupa graphic atau animasi bergerak.
1. Menu Bar
Berisi kumpulan menu atau perintah-perintah yang digunakan dalam
Adobe Flash CS3 yaitu: File, Edit, View, Insert, Modify, Text, Commands,
Control, Debug, Window, Help.
Gambar 2.1 Area Kerja Adobe Flash CS3
Universitas Sumatera Utara
13
2. Toolbar
Toolbar merupakan panel berisi berbagai macam tool. Tool-tool tersebut
dikelompokkan menjadi 4 kelompok yaitu:
a. Tools : Berisi tombol-tombol untuk membuat dan mengedit gambar.
b. View : Untuk Mengatur tampilan kerja.
c. Colors : Menentukan warna yang di pakai saat mengedit.
d. Option : Alat bantu lain untuk mengedit
Gambar 2.2 Toolbar
Keterangan Gambar 2.2:
1. Selection tools (V) digunakan untuk memilih dan memindahkan
objek.
2. Subselection tool (A) untuk mengubah bentuk objek dengan edit
points.
3. Free Transform tool (Q) untuk mentransformasi bentuk suatu objek.
Universitas Sumatera Utara
14
4. Gradient Transform tool (F) untuk mengatur setting gradasi ( fiil )
suatu objek.
5. Line tool (N) untuk membuat garis lurus.
6. 6. Lasso tool (L) untuk memilih bagian dari objek atau memilih objek
yang tidak teratur.
7. Pen tool (P) untuk menambah atau mengurangi titik-titik pada garis
suatu objek.
8. Text tool (T) untuk mebuat objek yang berupa teks.
9. Oval tool (O) untuk membuat objek lingkaran atau oval.
10. Ractangle tool (R) untuk membuat persegi atau polystar.
11. Pencil tool (Y) untuk membuat objek bebas berupa garis.
12. Brush tool (B) untuk membuat objek bebas berupa sapuan kuas.
13. Ink Bottle tool (S) untuk memberi warna outline (garis luar) suatu
objek.
14. Paint Bucket tool (K) untuk memberi warna fiil (bagian dalam) suatu
objek.
15. Eyedropper tool (I) untuk mengambil atau meniru warna suatu objek.
16. Eraser tool (E) untuk menghapus bagian objek tertentu.
17. Hand tool (H) untuk menggeser bidang kanvas ke atas atau ke bawah.
18. Zoom tool (M atau Z) untuk mengatur ukuran persentase stage.
19. Fill Colors untuk memberi warna pada objek.
20. Stroke Colors untuk memberi atau memilih warna garis tepi
21. Option Tool untuk mengatur fungsi tambahan pada tool yang sedang
aktif
Universitas Sumatera Utara
15
3. Timeline
Timeline atau garis waktu merupakan komponen yang digunakan untuk
mengatur
atau
mengontrol
jalannya
animasi.
Timeline
terdiri
dari
beberapa layer. Layer digunakan untuk menempatkan satu atau beberapa objek
dalam stage agar dapat diolah dengan objek lain. Setiap layer terdiri dari
frame-frame yang digunakan untuk mengatur kecepatan animasi. Semakin
panjang frame dalam layer, maka semakin lama atau lambat jalannya animasi
tersebut.
Gambar 2.3 Layer
4. Stage
Stage disebut juga layar atau panggung. Stage digunakan untuk memainkan
objek-objek yang akan diberi animasi. Dalam stage kita dapat membuat
gambar,
teks, memberi warna, dll
Universitas Sumatera Utara
16
5. Panel
Beberapa panel penting dalam Adobe Flash CS3, diantaranya panel:
Properties, Filter dan Parameters, Actions, Library, Color dan align dan Info
serta Transform
Gambar 2.4 Panel
6. Properties
Panel Properties akan berubah tampilan dan fungsinya mengikuti bagian mana
yang sedang diaktifkan Misalnya Anda sedang mengaktifkan Line tool, maka
yang muncul pada jendela Properties adalah fungsi-fungsi untuk mengatur
line/garis seperti besarnya garis, bentuk garis, dan warna garis.
Gambar 2.5 Properties
Universitas Sumatera Utara
17
7. Library
Panel Library mempunyai fungsi sebagai perpustakaan simbol/media yang
digunakan dalam animasi yang sedang dibuat. Simbol merupakan kumpulan
gambar baik movie, tombol (button), sound, dan gambar statis (graphic).
Gambar 2.5 Library
Universitas Sumatera Utara