FAKULTAS TEKNOLOGI INFORMASI1DESAIN DAN PEMROGRAMAN WEB 1 – PG110 – 3 SKS © 2009 Fakultas Teknologi Informasi Universitas Budi Luhur Jl. Ciledug Raya Petukangan Utara Jakarta Selatan Website: Desain dan Pemrograman Web 1 PG110 – 3 SKS

FAKULTAS TEKNOLOGI INFORMASI2DESAIN DAN PEMROGRAMAN WEB 1 – PG110 – 3 SKS ANIMASI WEB DENGAN SWISHMAX PERTEMUAN 14

FAKULTAS TEKNOLOGI INFORMASI3DESAIN DAN PEMROGRAMAN WEB 1 – PG110 – 3 SKS Materi  Teknik Dasar Animasi

FAKULTAS TEKNOLOGI INFORMASI4DESAIN DAN PEMROGRAMAN WEB 1 – PG110 – 3 SKS Apa itu SwishMax?  Salah satu software untuk membuat animasi flash (shockwave) dengan mudah.  Animasi dapat berupa teks, gambar, audio dan video  Animasi yang dihasilkan oleh SwishMax dalam bentuk SWF.  SWF merupakan bentuk animasi Flash yang dapat berjalan di atas Flash Player.

FAKULTAS TEKNOLOGI INFORMASI5DESAIN DAN PEMROGRAMAN WEB 1 – PG110 – 3 SKS Tampilan SwishMax (1)

FAKULTAS TEKNOLOGI INFORMASI6DESAIN DAN PEMROGRAMAN WEB 1 – PG110 – 3 SKS Tampilan SwishMax (2)  Main menu  File. Menu untuk operasi berhubungan dengan file, seperti membuat file baru, menyimpan file, eksport file, dsb  Edit. Menu untuk operasi pengeditan file dan movie, seperti operasi Copy, Cut, Delete, Paste, dll  View. Menu untuk pengaturan tampilan file (movie), seperti zooming, running, dll  Insert. Menu untuk menambahkan object-object movie seperti text, button, scene, effect, dll

FAKULTAS TEKNOLOGI INFORMASI7DESAIN DAN PEMROGRAMAN WEB 1 – PG110 – 3 SKS Tampilan SwishMax (3)  Main menu  Modify. Menu untuk mengatur properti dari object yang aktif.  Control. Menu menampilkan (menjalankan) movie.  Tools. Menu untuk mengatur tampilan toolbox  Panels. Menu untuk mengatur tampilan panel.  Help. Menu untuk menampilkan bantuan (help)

FAKULTAS TEKNOLOGI INFORMASI8DESAIN DAN PEMROGRAMAN WEB 1 – PG110 – 3 SKS Tampilan SwishMax (4)  Toolbar Bagian dari tampilan SwishMax yang menyediakan akses cepat terhadap item-item yang terdapat di dalam menu utama.  Tools Merupakan sekumpulan icon (tool) yang membantu pengguna SwishMax dalam membuat, mengatur dan menyusun object dalam animasi (movie). Tools dikelompokkan di dalam toolbox.

FAKULTAS TEKNOLOGI INFORMASI9DESAIN DAN PEMROGRAMAN WEB 1 – PG110 – 3 SKS Tampilan SwishMax (5)  Select  Reshape  Motion Path  Fill Transform  Line  Pencil  Bezier  Ellipse / Circle  Rectangle / Square  Auto Shapes  Pan  Zoom.  Tools

FAKULTAS TEKNOLOGI INFORMASI10DESAIN DAN PEMROGRAMAN WEB 1 – PG110 – 3 SKS Tampilan SwishMax (6)  Panel Window yang menyediakan fungsi dan fasilitas tertentu. Panel antara lain:  Layout  Outline  Timeline  Movie  Object  Script  Transform  Tint  Content  Align  Guides  Export.

FAKULTAS TEKNOLOGI INFORMASI11DESAIN DAN PEMROGRAMAN WEB 1 – PG110 – 3 SKS Elemen Dasar SwishMax  Movie  Merupakan kumpulan dari scene  Setiap scene terdiri dari timeline  Scene  Adalah kumpulan object yang telah diberi efek tertentu di dalam timeline.  Timeline dan Frame  Timeline adalah rangkaian frame

FAKULTAS TEKNOLOGI INFORMASI12DESAIN DAN PEMROGRAMAN WEB 1 – PG110 – 3 SKS Event dan Action  Event  Suatu kejadian (proses) dalam rangkaian animasi.  Event terdiri dari:  Button (onPress, onRelease, onKeypress, dll)  Frame (onFrame, onLoad, onEnterFrame)  Self Event (Press, Release, dll)

FAKULTAS TEKNOLOGI INFORMASI13DESAIN DAN PEMROGRAMAN WEB 1 – PG110 – 3 SKS Event dan Action  Action  Proses atau operasi yang terjadi saat event tertentu.  Contohnya:  Play  Stop  Load Movie dll

FAKULTAS TEKNOLOGI INFORMASI14DESAIN DAN PEMROGRAMAN WEB 1 – PG110 – 3 SKS Membuat Animasi Flash

FAKULTAS TEKNOLOGI INFORMASI15DESAIN DAN PEMROGRAMAN WEB 1 – PG110 – 3 SKS Terima Kasih Fakultas Teknologi Informasi Universitas Budi Luhur Jakarta Selatan