28
Gambar 3.5 Skema Sitemap Tutorial
3.3 Proses Pembuatan Tutorial Photoshop
Setelah proses pembuatan materi tutorial selesai maka finishing dari projek tugas akhir penulis adalah membuat tutorial photoshop beranimasi 2 dimensi, animasi yang dimaksud
disini adalah meliputi animasi intro opening tutorial, dan halaman isi dari tutorial tersebut. Animasi juga sebagai pelengkap kemudahan dalam menggunakan tutorial ini.
Halaman tutorial terdiri dari 2 scene yaitu scene intro opening dan scene halaman isi
tutorial. Tujuannya agar mempermudah pengeditan projek. Berikut ini akan di jabarkan
bahagian dari tutorial beranimasi 2 dimensi :
3.3.1 Intro Opening
Universitas Sumatera Utara
29
1. Membuat intro opening dengan menggunakan motion tween, serta gerakan
animasi frame by frame. Intro opening yang akan penulis buat melalui proses animasi teks, dengan bantuan Swish Max, yang merupakan software yang
memperindah teks dalam bentuk animasi yang unik. Serta menggunakan musik
yang diperoleh dari perintah import, lalu import to library.
2. Penggunaan musik pada tutorial ini menggunakan action script sebagai berikut :
stop; mySound=new Sound;
keterangan : action script di atas di letakkan pada layer yang paling atas.
3. Tutorial ketika akan jalankan akan otomatis terbuka penuh pada monitor pc
dengan menggunakan action script berikut : fscommandfullscreen,true;
keterangan : action script di atas di letakkan pada layer yang paling atas bersamaan dengan action script musik.
4. Tombol enter menggunakan logo Adobe Photoshop yang penulis buat dengan
bantuan movie clip. Dengan menggunakan action script ketika tombol di klik maka akan tampil ke halaman isi tutorial dan musik pada intro juga akan berhenti.
Berikut action script yang digunakan pada tombol enter.
onrelease {nextScene;
stopAllSounds; }
Universitas Sumatera Utara
30
3.3.2 Halaman isi tutorial
1. Isi dari halaman tutorial terdapat tombol animasi, bila tombol itu di klik, maka
akan masuk pada materi video tutorial pengolahan citra, tombol dibuat dari symbol dengan pilihan button, dengan menggunakan action script untuk menjalankan
perintah program play pada tiap bab materi tutorial pengenalan Adobe Photoshop
ini. Berikut script yang digunakan pada tombol. onrelease
{gotoAndStop2;}
Keterangan : angka 2 yang digunakan akan selalu berubah, disesuaikan dengan kebutuhan.
2. Tampilan halaman isi pada tutorial ini terdiri dari slide gambar frame by frame
dari materi tutorial agar lebih menarik.
3. Pada halaman isi juga terdapat musik yang berbeda dengan musik intro opening,
dengan memasukkan musik pada layer.
4. Desain tutorial dengan warna dominan biru ini simbolis dari warna software
Adobe Photoshop, kemudian biru mengandung unsur edukasi.
5. Pada halaman tutorial photoshop ini juga disediakan tombol exit, dengan
menggunakan action script berikut : onrelease
{fscommandquit,true;}
Universitas Sumatera Utara
31
3.3.3 Closing