37
Berikut ini akan dijabarkan hasil tampilan tutorial :
4.1 Tampilan Halaman Intro Opening
Gambar 4.1 Intro Opening
Gambar diatas merupakan tampilan awal dari Tutorial Adobe Photoshop. Pembuatan animasi intro opening dengan menggunakan motion tween, serta gerakan animasi frame
by frame. Intro opening 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. Gambar logo yang di tengah merupakan tombol masuk untuk ke halaman isi.
Universitas Sumatera Utara
38
Pada halaman intro terdapat beberapa action script yang dipakai untuk menjalankan tutorial ini, yaitu :
1. Action script saat menjalankan tutorial maka tampilannya akan otomatis penuh
satu monitor, dan script untuk memanggil musik. Action script ini di letakaan pada frame paling atas dan paling awal.
stop; mySound=new Sound;
fscommandfullscreen,true; 2.
Tombol masuk untuk ke halaman isi harus di beri script yaitu : onrelease
{nextScene; stopAllSounds;
mySound.attachSoundmusica; mySound.start0,100;}
3. Script musik
a. Tombol on
onrelease {
Universitas Sumatera Utara
39
stopAllSounds; mySound.attachSounddjup;
mySound.start0,100;} b.
Tombol off on release {
stopAllSounds; }
4. Script exit keluar
onrelease {fscommandquit,true;}
4.2 Tampilan Halaman Pendahuluan
Setelah user menekan tombol masuk yang berupa logo photoshop, maka user akan masuk ke halaman pendahuluan. Untuk membuka halaman ini diberi tombol pendahuluan, jika
user berada pada halaman lain, dan ingin kembali pada halaman pendahuluan hanya menekan tombol pendahuluan. Dan tombol ini diberi action script yaitu
onrelease
{gotoAndStop1;}
Universitas Sumatera Utara
40
Gambar 4.2 Halaman Pendahuluan
Halaman pendahuluan ini terdapat beberapa materi pembelajaran, dan untuk membuka halaman materi yang user inginkan harus dijadikan button agar dapat diberi
action script, berikut action script yang diberi pada button beserta hasil tampilan jika menekan tombol tersebut yaitu :
1. Menjalankan Adobe Photoshop
action script : onrelease {gotoAndStop8;}
Universitas Sumatera Utara
41
Halaman ini menjelaskan tentang bagaimana menjalankan Adobe Photoshop Pertama kali.
Gambar 4.3 Menjalankan Adobe Photoshop
2. Komponen dari Adobe Photoshop
action script : onrelease {gotoAndStop9;}
Pada halaman ini menjelaskan komponen yang ada di photoshop, seperti menu bar, toolbox, pallete, serta kanvas. Dimulai bagaimana cara membuka lembar kerja
Adobe Photoshop. Sehingga user tidak bingung di mana tempat kerja pada Adobe Photoshop. Dan pada materi ini juga di jelaskan fungsi – fungsi dari lembar kerja
tersebut.
Universitas Sumatera Utara
42
Gambar 4.4 Komponen dari Adobe Photoshop
3. Membuat dan memodifikasi lembar kerjakanvas
Gambar 4.5 Membuat dan memodifikasi lembar kerjakanvas
Universitas Sumatera Utara
43
Untuk menampilkan halaman seperti di atas, maka teks Membuat dan memodifikasi lembar kerjakanvas, harus di convert ke button. Kemudian di
action script sebagai berikut : onrelease {gotoAndStop11;
4. Menyimpan gambar
action script : onrelease {gotoAndStop12;}
Gambar 4.6 Menyimpan gambar
Pada halaman ini user di ajarin bagimana, cara menyimpan hasil yang sudah di buat. Pada saat menyimpan hasilnya, user di beri pilihan extension mana yang
ingin di pakai untuk menyimpan data.
Universitas Sumatera Utara
44
4.3 Tampilan Halaman Toolbox dan Pallete