Tutorial SWISH MAX

MEMBUAT PRESENTASI MULTIMEDIA

Pengenalan
1. Mengenal Movie
Untuk memulai membuat Movie, pertama kita harus mengatur ukuran movie pada Menu Panel

Untuk Presentasi kita menggunakan ukuran default 800 x 600 pixel, Frame rate 12 per second. Maksudnya
Movie akan menjalankan 12 frame per detik. Lalu selanjutnya kita atur Warna Background Movie.

2. Mengenal Scene
Pengertian dari Scene mudahnya adalah sebuah halaman buku. Tiap halaman kita dapat menampilkan gambar
yang berbeda. Tiap Scene kita dapat memasukan baik Text maupun gambar sekaligus.

3. Mengenal Timeline
Kunci dari Animasi terletak dari penguasaan tentang Timeline. Sebuah Movie berjalan sesuai dengan Frame.
Didalam Timeline kita dapat mengatur panjang pendek suatu Effect dari Tampilan animasi dengan mengatur

1 Oleh Wawan Darmawan, S.Kom

Samudra Anugrah Fajar, PT
Tutorial SWISH MAX

jumlah frame suatu effect tampilan.

4. Mengenal Penggunaan Toolbox

Penggunaan Toolbox harus dibiasakan karena sesuai namanya yaitu sebagai alat bantu dalam menggambar,
memilih object dan mempermudah pengeditan suatu animasi.

CONTOH KASUS

Kita akan membuat sebuah presentasi sederhana tentang Profil Company.

1. Buatlah Movie dengan ukuran 800x600 dengan 12 frame per second, background putih. Pada Panel
Scene kita ganti nama scene dengan “Loading” (Tanpa tanda petik), Biarkan pilihan check kita
kosongkan.
2. Pada tollbox kita pilih Zoom Out agar ukuran layer scene mengecil, lalu pilih Rectangle kemudian kita
penuhi scene dengan menutupnya. Perhatikan Panel disebelah kiri berubah menjadi panel Shape. Beri
nama dengan “Background” (Tanpa tanda petik), pada line kita beri nilai “none” kemudian pada fill kita
ganti dengan “Radial Gradient”.

Pilih warna yang diinginkan dengan mengklik

tanda panah kecil. Atau kita dapat mengganti
warna dengan mengklik dua buah kotak kecil
yang melambangkan dua buah warna dari
gradient dibawah kotak warna gradient.

3. Memberi Judul Presentasi, dengan memilih insert Text, perhatikan panel disebelah kanan telah berubah
menjadi panel text. Atur ukuran dan jenis huruf lalu ketik “COMPANY PROFILE PT. SAF” (Tanpa tanda
petik) pada panel Text. Kita atur Letaknya dengan menggunakan select tool pada toolbox.

2 Oleh Wawan Darmawan, S.Kom

Samudra Anugrah Fajar, PT
Tutorial SWISH MAX

4. Sekarang perhatikan menu Outline disebelah kiri. Kini kita mempunyai satu buah scene dengan dua buah
object, yaitu background dan text.

Untuk mengedit tampilan kita dapat memilih salah satu dari object tersebut.

5. Kini kita akan memberikan effect agar tampilan menjadi menarik. Pilih object text lalu pada Menu Timeline
kita pilih “Add Effect” – Zoom In. Perhatikan pada tampilan time line kita mendapatkan object text kita
telah mendapatkan effect dengan ditandai kotak putih sepanjang 10 frame. Artinya text tersebut akan
menjalankan effect zoom in dengan panjang 10 frame, kita dapat memperpanjang lamanya effect tersebut
dengan mengklik ganda effect tersebut pada timeline hingga muncul tampilan menu effect. Rubah ukuran
durasinya menjadi 20 frame lalu klik tombol close. Jalankan animasi dengan mengklik tombol play movie
pada menu control. Klik tombol stop untuk dapat mengedit kembali.

3 Oleh Wawan Darmawan, S.Kom

Samudra Anugrah Fajar, PT
Tutorial SWISH MAX

6. Membuat Scene kedua dengan mengklik menu insert scene. Kita mendapatkan layer kosong, Beri nama
“Sesi 1” (tanpa tanda petik). Beri tanda check pada bagian Stop playing at end scene. Beri backgrond
dengan mengimport gambar yang telah tersedia pada komputer anda dengan cara insert image,
kemudian atur hingga menutupi layar scene seperti langkah kedua. Jika object text tertutup oleh gambar
kita dapat mengaturnya dengan mengklik tombol send to backward pada menu toolbar atau outline
toolbar.
7. Beri effect pada object teks, disini saya memberi effect transform dengan mengklik add effect - core effect
– transform. Catatan : (Kita dapat memberikan beberapa buah effect pada satu object).
8. Buatlah object teks dari isi visi dan misi kemudian berikanlah effect yang berbeda. Perhatikan urutan dari
masing-masing effect dari masing-masing object !!.
9. Sekarang kita membuat tombol navigasi. Tombol navigasi dapat kita import dari image diluar. Biasanya
saya membuat dahulu 2 buah tombol yang sama tetapi dengan warna yang berbeda dengan photoshop,
biasakan menyimpan tombol dengan format gif dan bentuknya transparan. Hal ini berguna jika kita ingin
membuat tombol tersebut lebih menarik, seperti berubah warna ketika terlewati oleh mouse.

10. Sebelum mengimport gambar tombol kita buat dahulu tempatnya pada SWISH dengan memilih insert
button beri nama “Next”. Lalu kita klik insert image pilih gambar tombol pertama. Kemudian pada menu
outline panel kita klik mouse kanan pilih has over state.atau pada panel button di sebelah kanan kita beri
tanda silang pada Has separate over state. Insert image tombol kedua. (masing-masing state memiliki
gambar yang berbeda). Klik Play Scene untuk melihat effect yang dihasilkan.

4 Oleh Wawan Darmawan, S.Kom

Samudra Anugrah Fajar, PT
Tutorial SWISH MAX

11. Buatlah tombol navigasi kembali, tapi kebalikan dari yang pertama beri nama “Preview”. Contohnya bila
tombol yang pertama kita buat kita asumsikan sebagai tombol “Next” atau “Lanjut” yang kedua kita
asumsikan sebaga tombol “Preview” atau “Kembali”.

12. Membuat gambar berjalan dari berbagai arah.

Kita membutuhkan beberapa gambar yang akan kita tampilkan pada presentasi kita. Import sebuat
gambar, atur ukuran gambar lebih kecil dari ukuran scene lalu letakan diluar area scene sebelah kiri atas.

13. Pada Toolbox kita pilih “Motion Path”. Klik gambar tersebut tahan tombol mouse lalu tarik ke pojok kanan
bawah. Akan terlihat garis putus-putus. (hati hati dalam menarik gambar)

5 Oleh Wawan Darmawan, S.Kom

Samudra Anugrah Fajar, PT
Tutorial SWISH MAX

14. Lakukan langkah 12 dengan menggunakan beberapa image yang berbeda dan arah yang berbeda.

15. Langkah Selanjutnya kita membuat Scene ke 3. Beri nama “Sesi 2” (tanpa tanda petik). Lakukan langkah
ke 6 sampai 14, tapi gunakanlah effect yang berbeda. Misalnya profil dari perusahaan.

16. Bekerja dengan Scipt. Agar dapat menggunakan navigasi, kita harus menggunakan bahasa Scipt.
Perhatikan menu layout yang terbagi menjadi dua bagian, yaitu layout dan script tab.

6 Oleh Wawan Darmawan, S.Kom

Samudra Anugrah Fajar, PT
Tutorial SWISH MAX

17. Pertama kita klik tombol preview di scene ke dua (sesi 1) pada menu Outline. Klik Sript tab pilih Add
Script – Event – Button – On (Release)/On (Press). Maksudnya kita menggunakan perintah jika tombol
di tekan. Selanjutnya kita memberikan action selanjutnya. Klik Add Script – Movie Control – GoTo and
Play – PrevSceneAndPlay.

18. Gunakan Langkah ke 17 untuk memberikan navigasi pada tombol Next, tapi yang kita pilih pada langkah
terakhir adalah NextSceneAndPlay.

19. Ulangi kembali langkah ke 17 -18 untuk sceene ke 3 (Sesi 2). Untuk melihat hasilnya Klik Play Movie.
Perhatian, untuk mengeditnya kembali. Movie harus dalam keadaan Stop.

20. Sekarang kita mencoba membuat halaman grafik penjualan. Langkah pertama buatlah scene ke 4, beri
nama Sesi_3. Buat judul “Grafik Penjualan”, dengan cara insert teks lalu tempatkan di tengah atas.
Jangan diberikan gambar sebagai background, jika ingin gunakan satu warna saja. Buatlah garis vertikal
dengan menggunakan menu tool disebelah kiri layar, kemudian buatlah garis horizontal. Satukan hingga
membentuk sudut 90 derajat ( L ). Ini berguna sebagai batas dari grafik (sumbu x dan sumbu y). Buatlah
Batasannya, misalnya tahun digaris/sumbu ( x ) dan angka di garis ( y ).

21. Buatlah shape rectangle dengan posisi tepat dibawah garis horisontal beri nama tutup, lihat pada outline
panel geser dibagian paling bawah (Lihat gambar). Ubah warnanya menjadi putih (sesuai dengan warna
latar).

7 Oleh Wawan Darmawan, S.Kom

Samudra Anugrah Fajar, PT
Tutorial SWISH MAX

22. Langkah selanjutnya kita membuat bar (batang) sebagai grafik. Buatlah lima buah bar dengan warna dan
ukuran yang berbeda kemudian letakan di atas garis/sumbu x. Beri nama graf1 sampai graf5.

23. Ubahlah urutan pada menu Outline seperti di bawah ini.

8 Oleh Wawan Darmawan, S.Kom

Samudra Anugrah Fajar, PT
Tutorial SWISH MAX

24. Agar tampilan grafik lebih animatif, kitagunakan effect. Pilih bar pertama kemudian klik Add Effect – Slide
– In From Bottom. Play Sceene untuk meliahat hasilnya. Kemudian kita stop dan lakukan penambahan
effek tadi untuk bar 2 sampai bar 5.

25. Perhatikan urutan effect pada menu Timeline.

9 Oleh Wawan Darmawan, S.Kom

Samudra Anugrah Fajar, PT
Tutorial SWISH MAX

26. Timeline berguna untuk mengatur urutan jalannya suatu eefect, pada contoh diatas kita menjalankan
effect dari graf1 pada frame 31. Untuk mengubah urutan effect, klik effect pada timeline lalu kita geser ke
frame yang kita inginkan. Klik play scene untuk melihat hasilnya

27. Berikan tombol navigasi seperti pada scene ke 2 dan scene ke 3. Caranya kita pilih salah satu scene ke 2
atau scene ke 3, pilih button next tahan tombol Shift pada keyboard lalu pilih button preview. Klik kanan
mouse pilih Copy Object. Lalu kita pilih scene ke 4 atau Sesi_3/Grafik, klik kanan pada scene lalu pilih
Paste in Place. Secara otomatis button navigasi akan di tampilkan sesuai penempatannya seperti pada
scene 2 dan 3 beserta script atau actionnya.

28. Sekarang kita kita membuat sceene tampilan penutup. Insert Scene baru, buatlah tampilan seperti di
bawah ini. (catatan : untuk logo jika tidak ada dapat menggunakan gambar lain).

29. Klik Shape atau gambar logo, beri nama dengan Logo. Klik Add Effect – Appear into Position -
Wild_Wrap In. Klik play scene untuk melihat hasilnya, stop untuk mengedit kembali. Selanjutnya klik
shape garis horizontal pertama beri nama “Garis1”, klik Add Effect – Slide from Right. Lakukan
langkahnya dengan shape garis2. Sekarang kita pilih Text pertama yaitu “Samudra Anugrah Fajar, PT”.
Beri effect Add Effect – Appear into Position – Wild Strom In. Selanjutnya alamat Add Effect – Appear
into Position – Shoot in from the Hip.

30. Insert Text “Replay” dengan ukuran 16. Posisikan di sudut kanan bawah layer. Kemudian buat text
“Keluar” dengan ukuran sama dan tempatkan diatas text “Replay”. Sekarang kita akan membuat navigasi

10 Oleh Wawan Darmawan, S.Kom

Samudra Anugrah Fajar, PT
Tutorial SWISH MAX

dari text yang kita fungsikan sebagai tombol tersebut. Pilih text Replay pada Outline, lalu klik tab Script
pada Layout sehingga muncul tampilan untuk script. Klik Add Script – Event – Button – On (Release).
Kemudian klik kembali Add Script – Movie Control – gotoAndPlay(Frame). Pada target pilih <First
Scene> atau Scene Loading.

Langkah selanjutnya klik text “Keluar” pada Outline Menu, masih pada tampilan script kita klik Add Script
– Event – Button – On (Release). Klik kembali Add Script – Browser/Network – fscommand(..). Pada
Command kita pilih “Quit”, lalu pada argumen kita ketik “True”. Klik kembali layout Penutup, sekarang klik
Play Movie untuk melihat hasilnya.

11 Oleh Wawan Darmawan, S.Kom

Samudra Anugrah Fajar, PT
Tutorial SWISH MAX

Sekarang anda telah dapat membuat sebuah presentasi sederhana. Anda dapat menambah scene sesuai
dengan keinginan anda.

Tips :
Agar file SWISH kita dapat dilihat secara Full Screen kita harus membuat script sederhana, pilih scene
pertama pada movie pilih frame 1 pada Timeline. Klik Tab Script Layout, Add Script – Browser/Network –
fscommand(..). Pada kolom command pilih “Full Screen” dan argument ketik “True”. Kemudian export
dalam format Flash Player agar dapat dijadikan ke dalam bentuk EXE. Jalankan file flash playernya tekan
ESC untuk mengecilkan tampilan, klik File – Create Projector, beri nama file exe tekan tombol OK. Kini anda
mempunya file EXE yang dapat di jalankan pada komputer manapun walaupun komputer tersebut tidak
memiliki program SWISH.

12 Oleh Wawan Darmawan, S.Kom

Samudra Anugrah Fajar, PT