Modul Macromedia Flash

Click here to load reader

  • date post

    06-Nov-2015
  • Category

    Documents

  • view

    253
  • download

    3

Embed Size (px)

description

Tutorial Membuat Animasi Menggunakan Macromedia Flash

Transcript of Modul Macromedia Flash

BAB 1Mengenal Macromedia Flash

Program komputer Macromedia Flash 8 hadir untuk menambah kemampuan dan keterampilan siswa dalam animasi seperti animasi gambar, teks, dan aplikasi dengan program lain. Harapannya agar materi yang disampaikan dalam modul ini dapat dimengerti secara lebih atraktif, menarik dan mudah.

Macromedia Flash merupakan sebuah program yang didesain khusus oleh Macromedia, saat itu sebagai pengembangnya yang saat ini sudah dibeli oleh Adobe Incorporated sehingga berubah nama menjadi Adobe Flash, Flash didesain dengan kemapuan untuk membuat animasi 2 dimensi yang handal dan ringan sehingga flash banyak digunakan untuk membangun dan memberikan efek animasi pada website, CD Interaktif dan yang lainnya.

Keunggulan yang dimiliki oleh Flash ini adalah ia mampu diberikan sedikit code pemograman baik yang berjalan sendiri untuk mengatur animasi yang ada didalamnya atau digunakan untuk berkomunikasi dengan program lain seperti HTML, PHP, dan Database dengan pendekatan XML.

Beberapa jenis macromedia berdasarkan perkembangannya antaranya ada macromedia flash versi 5, kemudian berkembang kembali menjadi Macromedia 6 atau sering disebut sebagai macromedia MX, berkembang kembali menjadi Macromedia 7 atau sering disebut sebagai Macromedia MX 2004, dan berkembang kembali menjadi Macromedia Flash 8 dan saat ini setelah dibeli oleh Adobe berkembang kembali menjadi Adobe Flash CS3

Dibawah ini adalah beberapa Screenshoot Tampilan Utama Flash :

Macromedia Flash 8

Berikut penjelasan gambar di atas tentang tempat kerjaThe working environment di flash 8:

Bagian-bagian penting dalam area kerja di atas diantaranya: Menu, Toolbox, Timeline, Stage dan Panel. 1.1. Menu Menu pada Macromedia Flash Pro 8 terdiri dari: File, Edit, View, Insert, Modify, Text Commands, Control, Window dan Help. Anda dapat melihat submenu yang terdapat pada masing-masing menu dengan mengeklik satu kali pada menu yang ingin Anda pilih. Gambar 1.2: Contoh menu dan submenu Macromedia Flash Pro 8 1.2. Toolbox Dalam toolbox terdapat komponen-komponen penting diantaranya: Tools, View, Colors dan Options. Toolbox memiliki peran untuk memanipulasi atau memodifikasi objek dalam stage. Berikut komponen-komponen dalam toolbox beserta fungsi atau kegunaannya: Gambar toolNama toolFungsiShortcut

Selection ToolMemilih dan memindahkan objekV

Subselection ToolMengubah bentuk objek dengan edit pointsA

Free Transform ToolMengubah atau memutar bentuk objek sesuai keinginan Q

Gradient Transform Tool Mengubah warna gradasiF

Line Tool Membuat g arisN

Lasso ToolMenyeleksi bagian objek yang akan dieditL

Pen ToolMembuat obyek secara bebas berupa titik-titik sebagai penghubngP

Text ToolMembuat teks (kata atau kalimat)T

Oval ToolMembuat objek elips atau lingkaran O

Ractangle ToolMembuat objek berbentuk segi empat atau segi banyakR

Pencil ToolMenggambar objek secara bebasY

Brush ToolMenggambar objek secara bebas dengan ukuran ketebalan dan bentuk yang sudah disediakanB

Ink Bottle ToolMemberi warna garis tepi (outline) S

Paint Bucket ToolMemberi warna pada objek secara bebasK

Eyedropper ToolMengambil contoh warnaI

Eraser ToolMenghapus objekE

Hand ToolMenggeser stageH

Zoom ToolMemperbesar atau memperkecil objekM atau Z

Stroke ColorMemberi warna pada g aris tepi-

Fill ColorMemberi warna pada pada objek-

1.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 lay er, maka semakin lama animasi akan berjalan.

Gambar 1.3: Layer dan frame pada Timeline1.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 dan lain-lain. 1.5. Panel Beberapa panel penting dalam Macromedia Flash Pro 8 diantaranya panel: Properties & Filters & Parameters, Actions, Library, Color dan Align & Info & Transform. 1.5.1 Panel Properties & Filters & Parameters Panel ini terdapat di bawah stage. Untuk mengeluarkan atau menyembunyikan panel ini dapat digunakan shortcut Ctrl+F3. Panel Properties & Filters & Parameters digunakan untuk untuk meng atur ukuran background, warna background, kecepatan animasi dan lain-lain. Gambar 1.4: Panel Properties & Filters & Parameters1.5.2 Panel Actions Panel Actions digunakan untuk menuliskan script atau bahasa pemrograman flash (ActionScript). Anda dapat mengetikkan secara langsung pada layar Actions atau menggunakan bantuan yang disediakan oleh Macromedia Flash Pro 8. Untuk memunculkan atau menyembunyikan panel ini dapat dig unakan shortcut F9. Gambar 1.5: Panel Actions untuk membuat ActionScript1.5.3 Panel Library Library merupakan panel yang digunakan untuk menyimpan objek-objek berupa graphic atau gambar, button atau tombol, movie dan suara baik yang dibuat langsung pada stage ataupun hasil proses impor dari luar stage. Untuk memunculkan atau menyembunyikan panel ini dapat digunakan shortcut Ctrl+L.

Gambar 1.6: Panel Library1.5.4 Panel Color Panel Color merupakan panel yang digunakan untuk memilih warna yang digunakan dalam pembuatan objek-objek pada stage. Ada dua jenis subpanel, yaitu: Color Mixer dan Swatches. Shortcut untuk Color Mixer adalah Shift+F9 dan shortcut untuk Color Swatches adalah Ctrl+F9. Gambar 1.7: Bagian dari panel Color1.5.5 Panel Align & Info & Transform Untuk menampilkan panel ini Anda dapat menekan Ctrl+K pada keyboard. Panel ini digunakan untuk mengatur posisi objek, ingin diletakkan pada tengah stage, sebelah kiri atau kanan dan lain-lain. Dengan panel ini Anda juga dapat memutar objek dengan Transform. Gambar 1.8: Bagian dari panel Align & Info & TransformBAB 2Bekerja Dengan Macromedia Flash Pro 8A. Menjalankan Macromedia Flash 8

Pilih Start, All Programs, Macromedia, Maromedia Flash 8.

B. Membuat Dokumen Baru

Kegiatan 1

Untukmembuat dokumen baru , ikuti langkah-langkah sebagai berikut :

Pilih File, New

Muncul jendela New DocumentPilih General, Flash Document,Ok

C. Mengatur Dokumen Flash

Digunakan untuk untuk mengatur tayangan, background.

Untuk mengatur tayangan background , ikuti langkah-langkah sbb :

Pilih properties, size: 550 x 400 pixels

Muncul jendelaDocument properties.

Isikan Title: ::: Dasar-dasar Flash

Description: Dasar-dasar animasi menggunakan Macromedia Flash Dimention: 550 ppx (width x 500 px (height) Background color: ganti warna abu-abu.

Pilih Ok untuk mengakhiri.

Lihatlah perubahan background

D. Menyimpan Dokumen Flash

Pilih File, Save As

Simpan di flash disk masing-masing dan beri nama dasar-dasar flash, pilih save untuk mengakhiri.

E. Mengimpor Media

Digunakan untuk mengambil gambar dari tempat/folder lain yang sudah jadi seperti foto atau hasil scan.

Pilih File, Import, Import to Stage.

Muncul Jendela Import, pilih missal gambar picture1.wmf (atau ekstensi lain seperti jpg, bmp),

Pilih open untuk membuka gambar.

Gunakan View, Zoom Out untuk menampakkan seluruh gambar (memperkecil gambar).

Untuk memperbesar gambar gunakan menu View, Zoom In.

Gunakan Scroll horizontal atau vertikal di sebelah stage untuk memposisikan gambar.

Import dapat dilakukan langsung ke library (disimpan di program Flash) dengan cara

Pilih File, Import, Import library.

Agar gambar yang dipilih tersedia/muncul di library, pilih menu Window, Library

.

Gambar muncul di kotak library seperti berikut ini.

F. Mengorganisir Layer

Double klik pada layer1 ganti tulisan dengan mengetikkan kata foto, lakukan double enter untuk mengakhiri.

G. Membuat layer baru

Pilih insert layer ( ), double klik layer 2, ketik tulisan teks. Maka terbentuk layer baru.

H. Membuat Teks

Pilih Text tool (T) , tekan dan geser pointer pada gambar (stage) sampai berbentuk kotak, ketik Kampus SMA 6 Malang sehingga menjadi bentuk seperti berikut. Klik sebarang lokasi untuk mengakhiri tulisan.

I. Menggambar Obyek (Object Drawing )

Kegiatan 2

Diawali dengan membuka file baru, kali ini menggambar obyek kotak dan menulis teks.

Menggambar Obyek ( ikuti langkah-langkah sebagai berikut ) Pilih file, New

Muncul kotak New Document, pada general pilih flash document, akhiri dengan Ok.

Pilih rectangle tool ( )

x Lakukan penggambaran dengan tekan mouse, geser ke kanan dan bawah, lepaskan mouse.

J. Merubah Warna

Pilih selection tool ( )

Pilih properties pada property panel, pilih fill color ( ) untuk mengganti warna arsir, dan stroke color () untuk perubahan warna garis.

K. Mengganti nama layer

Double klik pada layer 1, ketik kotak.

L. Membuat Layer baru

Pilih insert layer ( ), double klik pada layer 2, ketik teks akhiri dengan menekan tombol enter pada keyboard. Pilih text tool (), buatlah kotak untuk mengisi tulisan, lakukan pengetikan menggambar akhiri dengan enter sehingga menghasilkan bentuk berikut ini.

M. Mengganti warna huruf