Desain Layout Halaman Awal Desain Tombol Klik Mulai

3.3 Desain Layout Halaman Awal di Adobe Photoshop

Salah satu faktor agar suatu aplikasi diminati para userpengunjung adalah desain layer aplikasi yang bagus. Desain layer aplikasi dibentuk oleh gambar-gambar dan teks-teks yang menarik. Adapun langkah-langkah umum yang penulis lakukan dalam mendesain layer adalah sebagai berikut:

3.3.1 Desain Layout Halaman Awal

Adapun hal-hal yang harus di persiapakan dalam permbuatan desain tampilan layout Halaman Awal hadits arba’in adalah : 1. Membuat dokumen baru dengan ukuran panjang 650 px dan lebar 1100 px dengan resolution 300 pixelinchi atau dengan tombol shortkey ctrl+N. Kemudian membuat gambar sebagai background dengan gambar yang tersedia. 2. Menginsert file gambar dengan proses klik file-klik open-klik file gambar yang sesuai keinginan kita atau dengan tombol shortkey ctrl+Omaka file gambar tersebut akan secara otomatis masuk ke control panel layer photoshop. 3. Kemudian file gambar yang terdapat di setingan layer kita dari ke lembar kerja dengan cara tekan shortkey cursor menjadi move toolctrl+V. 4. Kemudian kita atur size file gambar tersebut sesuai keinginan kita untuk mengedit ukuran file gambar tersebut kita tekan shortkey ctrl+T 5. Setelah selesai edit gambar kita insert text untuk memperjelas maksud dari bacaan yang ingin kita tampilkan, contohnya kita insert text ”Mari belajar 25 hadits arba’in”. 6. Untuk memperindah desain tampilan layout tersubut, penulis menggunakan effect yang terdapat di control panel layer dengan cara klik add a layer style- klik stroke-pilih color yang ingin digunakan dan atur sizenya. 7. Setelah semua desain selesai sesuai keinginan kita, maka kita save desain layout tampilan halaman awal dengan format “Halaman Awal.jpeg” Universitas Sumatera Utara Gambar 3.3 Desain Layout Halaman Awal Hadits Arba’in di Adobe Photoshop

3.3.2 Desain Tombol Klik Mulai

Adapun hal-hal yang harus di persiapakan dalam permbuatan desain tombol klik mulai pada aplikasi hadits arba’in adalah : 1. Membuat dokumen baru dengan ukuran Default size photoshop yaitu ukuran panjang 11,99 cm dan lebar 16,02 cm dengan resolution 28,346 pixelcm atau dengan tombol shortkey ctrl+N. 2. Membuat simbol shape dengan proses klik ellipse tool kemudian kita buat di halaman kerja dengan cara kita tarik sizenya sesuai keinginan kita sebanyak 2 kali dengan ukuran yang berbeda yang satu ukuranya kecil dan yang satu lagi ukuruanya besar. Kemudian kita masukan simbol play dengan cara klik ractangle tool-pilih costume tool-pilih simbol sesuai yang kita inginkan dengan cara tekan tombol shortkey ctrl+U. 3. Untuk memperindah penulis menambahkan text “klik mulai” dengan cara tekan tombol shortkey ctrl+T. 4. Kemudia pemberian warna pada shape tersebut sesuai keinginan kita dan setelah selesai semua kita save gambar tersebut dengan cara tekan tombol shortkey ctrl+S atau klik file-pilih save dengan format Simbol mulai.Jpeg Universitas Sumatera Utara Gambar 3.4 Desain Tombol Klik Mulai

3.4 Desain Layout Halaman Awal di Adobe Flash CS3