Top Banner
Lisensi Dokumen: Copyright © 2008-2017ilmuti.org Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org Tutorial Membuat Animasi Sederhana Menggunakan Adobe Flash Cs3 Prayudha Bima Henryanto [email protected] Abstrak Animasi adalah sebuah gambar yang bisa begerak yang terbuat dari beberapa kumpulan objek (gambar) dengan waktu jeda tertentu. Animasi biasanya dalam format GIF (Graphic Interchange Format). Untuk membuat animasi gambar bergerak dengan format GIF banyak sekali software yang bisa kita gunakan diantaranya yaitu Adobe Flash, Vectorian Giotto, PhotoScape, PhotoShop dan lain-lain. Adobe Flash adalah salah satu perangkat lunak komputer yang merupakan produk unggulan adobe system. Berkas yang dihasilkan dari perangkat lunak ini mempunyai file extension .swf dan dapat diputar di penjelajah web yang telah dipasangi Adobe Flash Player. Flash menggunakan bahasa pemrograman bernama ActionScript yang muncul pertama kalinya pada Flash 5. Kata Kunci: Animasi, Gambar, Pemrograman Pendahuluan Tujuan dari dibuatnya artikel ini adalah sebagai media pembelajaran mengenai bagaimana cara membuat animasi menggunakan Macromedia Flash Player tetapi saat ini disebut Adobe Flash. Adobe Flash adalah aplikasi yang digunakan untuk membuat gambar ataupun animasi sederhana yang penulis akan bahas kali ini.
6

Tutorial Membuat Animasi Sederhana Menggunakan …ilmuti.org/.../06/...Animasi-Sederhana-Menggunakan-Adobe-Flash-Cs3.… · Kata Kunci: Animasi, Gambar, Pemrograman Pendahuluan Tujuan

Mar 06, 2018

Download

Documents

HoàngAnh
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Tutorial Membuat Animasi Sederhana Menggunakan …ilmuti.org/.../06/...Animasi-Sederhana-Menggunakan-Adobe-Flash-Cs3.… · Kata Kunci: Animasi, Gambar, Pemrograman Pendahuluan Tujuan

Lisensi Dokumen:

Copyright © 2008-2017ilmuti.org

Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org

Tutorial Membuat Animasi Sederhana Menggunakan Adobe

Flash Cs3

Prayudha Bima Henryanto

[email protected]

Abstrak

Animasi adalah sebuah gambar yang bisa begerak yang terbuat dari beberapa kumpulan

objek (gambar) dengan waktu jeda tertentu. Animasi biasanya dalam format GIF

(Graphic Interchange Format). Untuk membuat animasi gambar bergerak dengan format

GIF banyak sekali software yang bisa kita gunakan diantaranya yaitu Adobe Flash,

Vectorian Giotto, PhotoScape, PhotoShop dan lain-lain. Adobe Flash adalah salah satu

perangkat lunak komputer yang merupakan produk unggulan adobe system. Berkas

yang dihasilkan dari perangkat lunak ini mempunyai file extension .swf dan dapat

diputar di penjelajah web yang telah dipasangi Adobe Flash Player. Flash menggunakan

bahasa pemrograman bernama ActionScript yang muncul pertama kalinya pada Flash 5.

Kata Kunci: Animasi, Gambar, Pemrograman

Pendahuluan

Tujuan dari dibuatnya artikel ini adalah sebagai media pembelajaran mengenai

bagaimana cara membuat animasi menggunakan Macromedia Flash Player tetapi saat

ini disebut Adobe Flash. Adobe Flash adalah aplikasi yang digunakan untuk membuat

gambar ataupun animasi sederhana yang penulis akan bahas kali ini.

Page 2: Tutorial Membuat Animasi Sederhana Menggunakan …ilmuti.org/.../06/...Animasi-Sederhana-Menggunakan-Adobe-Flash-Cs3.… · Kata Kunci: Animasi, Gambar, Pemrograman Pendahuluan Tujuan

Lisensi Dokumen:

Copyright © 2008-2017ilmuti.org

Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org

Pembahasan

1. Buka aplikasi Adobe Flash Cs3, pilih Flash Document. Akan terbuka lembaran baru,

lembaran ini disebut Layer 1.

2. Sekarang saya akan membuat animasi mobil berjalan berarti perlu membuat 2 buah

gambar yaitu Mobil dan Roda Depan.

3. Buat gambar mobil dengan menggunakan tool yang berada dibagian sebelah kiri,

setelah selesai berarti gambar mobil ini secara otomatis akan berada pada layer 1.

4. Lalu tambahkan layer 2 untuk membuat roda depan dengan cara, klik Insert Layer

kemudian buat gambar roda depan.

5. Jika sudah, pasang Roda Depan dengan menyeretnya kebawah mobil dan warnai

mobil dengan Paint Bucket Tool (K) yang berada pada bilah bagian kiri.

6. Pada layer 2 tekan F8 maka muncul kotak Conver to Symbol tekan Ok.

Page 3: Tutorial Membuat Animasi Sederhana Menggunakan …ilmuti.org/.../06/...Animasi-Sederhana-Menggunakan-Adobe-Flash-Cs3.… · Kata Kunci: Animasi, Gambar, Pemrograman Pendahuluan Tujuan

Lisensi Dokumen:

Copyright © 2008-2017ilmuti.org

Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org

7. Ulangi langkah nomor 6 satu kali lagi. Jika sudah, sekarang buat roda mobil bisa

berputar dengan cara doble klik pada Roda Depan, lalu tarik titik yang berada dibawah

angka satu ke angka 20.

8. Klik kanan area yang diblok tadi, pilih Insert Keyrame.

Atur kotak Properties (lihat pengaturan pada gambar dibawah).

Jika sudah kembali ke Scene 1.

Page 4: Tutorial Membuat Animasi Sederhana Menggunakan …ilmuti.org/.../06/...Animasi-Sederhana-Menggunakan-Adobe-Flash-Cs3.… · Kata Kunci: Animasi, Gambar, Pemrograman Pendahuluan Tujuan

Lisensi Dokumen:

Copyright © 2008-2017ilmuti.org

Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org

9. Langkah selanjutnya tambahkan layer 3 untuk Roda Belakang, klik Insert Layer.

10. Copy Roda Depan dengan cara klik layer 2 dan Klik layer 3 untuk paste Roda

Belakang.

11. Selanjutnya rubah juga mobil ke Movie Clip dengan cara, pada layer 1 tekan F8

kemudian Ok.

12. Sekarang kita akan membuat jalan. Terlebih dahulu geser mobil kekiri, lalu

tambahkan Layer 4 dengan cara klik Insert Layer. Buat jalan dengan menggunakan Line

Tool(N). Jika sudah letakan posisi layer 4 dibagian paling bawah.

Page 5: Tutorial Membuat Animasi Sederhana Menggunakan …ilmuti.org/.../06/...Animasi-Sederhana-Menggunakan-Adobe-Flash-Cs3.… · Kata Kunci: Animasi, Gambar, Pemrograman Pendahuluan Tujuan

Lisensi Dokumen:

Copyright © 2008-2017ilmuti.org

Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org

13. Selanjutnya, buat Keyframe dengan menarik semua titik yang berada dibawah angka

1 ke angka 80.

14. Klik kanan yang di blog pilih Insert Keyframe. Sekarang lepas blok layer 4. Seret

mobil ke kiri.

Page 6: Tutorial Membuat Animasi Sederhana Menggunakan …ilmuti.org/.../06/...Animasi-Sederhana-Menggunakan-Adobe-Flash-Cs3.… · Kata Kunci: Animasi, Gambar, Pemrograman Pendahuluan Tujuan

Lisensi Dokumen:

Copyright © 2008-2017ilmuti.org

Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org

15. Klik pada area yang di blok, pilih Create Motion Tween.

16. Sekarang coba tes mobil dengan menekan Enter. Jika sudah berhasil tinggal di Save.

Penutup

Demikianlah “Tutorial Membuat Animasi Sederhana Menggunakan Adobe Flash Cs3”

yang penulis bisa share semoga artikel ini dapat menambah pengetahuan dan

bermanfaat bagi pembaca sekalian.

Jika ada kritik dan saran mengenai isi artikel ini mohon disampaikan agar penulis dapat

mengoreksi kesalahan dan dapat membuat artikel lebih baik lagi kedepannya. Mohon

maaf apabila ada kesalahan bahasa maupun tulisan dalam artikel ini.

Referensi

Karya Sendiri

Biografi

Prayudha Bima Henryanto lahir di Kota Depok pada tanggal September 1995,

Anak pertama dari dua saudara. Sedang menjalani study S1 jurusan Sistem

Informasi. Memiliki hobi bermain sepak bola dan futsal.

E-mail : [email protected]