adobe flash tutorial 1

14
ADOBE FLASH J . D I A R G A M A . W , S . K O M WWW.ADOBE.COM/GO/FL_LEARN1

Upload: gamz-zewata

Post on 24-May-2015

3.061 views

Category:

Self Improvement


161 download

DESCRIPTION

pengenalan adobe flash cs5 / cs6 serta cara pembuatan animasi standar..

TRANSCRIPT

Page 1: Adobe flash tutorial 1

ADOBE FLASH

J . D I A R G A M A . W , S . K O M

WWW.ADOBE.COM/GO/FL_LEARN1

Page 2: Adobe flash tutorial 1

MENGENAL ADOBE FLASH• ADOBE FLASH PROFESSIONAL CS5 ADALAH APLIKASI YANG BERFUNGSI

UNTUK MEMBUAT PERSENTASI, APLIKASI, DAN KONTEN LAINNYA YANG MEMILIKI INTERAKSI DENGAN USER.

• DALAM PROJECT FLASH KITA DAPAT MENGGUNAKAN ANIMASI, GAMBAR, VIDEO, TEXT DAN SEGALA BENTUK MULTIMEDIA DIGITAL.

• DENGAN ADOBE ACTIONSCRIPT (BAHASA PEMOGRAMAN) KITA DAPAT MEMBUAT FUNGSI YANG SPESIFIK BAGAIMANA OBJEK PADA FLASH BERAKSI.

• DOKUMEN FLASH BEREXTENSION .FLA DAN FILE ANIMASINYA BEREXTENSION .SWF

Page 3: Adobe flash tutorial 1

INTERFACE ADOBE FLASH

• STAGE : LAYAR KERJA TEMPAT KITA MELEKAN BERBAGAI OBJEK

• TIMELINE : TIMING UNTUK ELEMENT TERTENTU TERLIHAT PADA STAGE

• TOOLS : TEMPAT TOOL UNTUK MEMBUAT OBJEK PADA STAGE

• PROPERTIES : MENAMPILKAN INFORMASI TENTANG ATRIBUT DARI OBJEK UNTUK KITA ATUR

• LIBRARY : BERISI ELEMEN – ELEMEN DAN BERBAGAI SIMBOL YANG AKAN DIGUNAKAN PADA PROJEK

Page 4: Adobe flash tutorial 1

MEMBUAT FLASH SEDERHANA

• KLIK FILE -> NEW

• PADA DIALOG BOX “NEW DOCUMENT” PILIH ACTIONSCRIPT 3.0

Page 5: Adobe flash tutorial 1

MEMBUAT FLASH SEDERHANA

• KLIK FILE -> NEW

• PADA DIALOG BOX “NEW DOCUMENT” PILIH ACTIONSCRIPT 3.0

Page 6: Adobe flash tutorial 1

PENGATURAN PROPERTIES

• PUBLISH : BAGIAN PENGATURAN BAGAIMANA HASILNYA PROJEK YANG KITA BUAT

• PROPERTIES : PENGATURAN OBJEK

CONTOH DI SAMPING OBJEK STAGE (BACKGROUND)

Page 7: Adobe flash tutorial 1

MEMBUAT OBJEK

• PADA TOOLSBOX KLIK BAGIAN PANAH KECIL DI KANAN BAWAH PADA BAGIAN ICON KOTAK

• KLIK OVAL TOOL

Page 8: Adobe flash tutorial 1

MEMBUAT OBJEK

• GAMBAR OBJEK BULAT PADA STAGE DENGAN KLIK&DRAG

Page 9: Adobe flash tutorial 1

TYPE OBJEK

• PILIH OBJEK DENGAN SELECTION TOOL

• KLIK MODIFY-> CONVERT TO SYMBOL (F8)

• PILIH MOVIE CLIP -> KLIK OK

• MOVIE CLIP : SYMBOL UNTUK OBJEK YANG BERGERAK

• BUTTON : SYMBOL YANG DIGUNAKAN SEBAGAI TOMBOL

• GRAPHIC : SYMBOL YANG MENYATAKAN GAMBAR, BIASANYA UNTUK BACKGROUND / GAMBAR DIAM

Page 10: Adobe flash tutorial 1

MOTION

• PADA TIMELINE, FRAME 1

• KLIK KANAN -> CREATE MOTION TWEEN

• PILIH FRAME 25, LALU PINDAHKAN OBJEK SEPERTI PADA GAMBAR

Page 11: Adobe flash tutorial 1

IMPROVE MOTION

Page 12: Adobe flash tutorial 1

ACTION SCRIPT• KLIK ICON NEW LAYER (YANG DITANDAI

DENGAN LINGKARAN MERAH PADA GAMBAR DISAMPING)

• PILIH FRAME 24, KLIK KANAN -> INSERT BLANK KEYFRAME

• KLIK KANAN -> ACTIONS

• KETIKAN SCRIPT “STOP();” SEPERTI PADA GAMBAR.

Page 13: Adobe flash tutorial 1

PUBLISHING

• TEKAN CTRL+ENTER

• ATAU KLIK FILE -> PUBLISH SETTING

• KITA BISA MENGATUR KELUARAN YANG AKAN KITA GUNAKAN SEPERTI APA.

• KLIK PUBLISH

Page 14: Adobe flash tutorial 1

+-

-Terima kasih ^_^

J.DIARGAMA.W, S.KOM

HTTP://HELPX.ADOBE.COM/LEARNING.HTML