Skema Layout Bagian Isi Tutorial Skema Sitemap Tutorial

24

3.2.2 Skema Layout Bagian Isi Tutorial

Layout pendahuluan tutorial memiliki tampilan menu yang terdiri 4 tombol yaitu pendahuluan, toolbox dan pallete, pengenalan dasar, tentang penulis. Peletakan tombol diletakkan paling atas, karena memudahkan pengguna untuk memilih menu pembahasan tutorial. Menggunakan dominan layout berwarna biru. Perpaduan warna biru muda dan tua adalah warna yang memiliki karakter warna lembut dan elegan, menciptakan suasana menenangkan dan mengundang, membantu menyeimbangkan emosi dan menghilangkan stress, dan menimbulkan kesan modern. Universitas Sumatera Utara 25 Kemudian menggunakan font tegas yang di bold menggunakan font BankGothic Md BT pada icon bertujuan untuk memberi kesan kontras pada tutorial tersebut. Sementara pada tombol diberikan teks, dengan font bertipe tekton pro, dengan huruf yang rapat dan tegak, memberikan kesan ceria dan unik. Sementara pada isi diberikan teks, dengan font bertipe Perpetua, dengan huruf yang serif, mempermudah pengguna membaca. Gambar 3.2 Skema Layout pendahuluan Tutorial Layout pendahuluan Tutorial memiliki tampilan yang sama dengan layout Universitas Sumatera Utara 26 materi, perbedaannya dengan halaman pendahuluan hanya tata letaknya saja. Gambar 3.3 Skema Layout Projek Tutorial 3.2.3 Skema Closing Tutorial Layout penutup Tutorial memiliki bagian closing tutorial yang terdiri dari judul tugas akhir penulis, ucapan terimakasi, serta tombol untuk kembali ke materi tutorial pengolahan citra. Penulisan agar lebih menarik di buat animasi dengan bantuan Swish Max, yang merupakan software yang memperindah teks dalam bentuk animasi yang unik. Universitas Sumatera Utara 27 Gambar 3.4 Skema Layout Closing Tutorial

3.2.4 Skema Sitemap Tutorial

Uratan pertama dalam menjalankan tutorial, pengguna akan memasuki scene intro opening, kemudian setelah itu masuk ketampilan utama yaitu isi tutorial, dimana isi tutorial 4 tombol yaitu pendahuluan, toolbox dan pallete, pengenalan dasar, tentang penulis. Universitas Sumatera Utara 28 Gambar 3.5 Skema Sitemap Tutorial

3.3 Proses Pembuatan Tutorial Photoshop