3.5 Desain Layout Menu dan Daftar
Hadits Arba’in 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.5.1 Desain Layout Background Menu
Hadits Arba’in
Adapun hal-hal yang harus di persiapakan dalam permbuatan desain tampilan layout Menu 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 untuk background, penulis menggunakan gambar
masjid sebagai background dengan proses klik file-klik open-klik file gambar yang sesuai keinginan kita atau dengan tombol shortkey ctrl+O maka
file gambar tersebut akan secara otomatis masuk ke control panel layer
photoshop dengan ukuran layer panjang 650 px dan lebar 800 px
3. Kemudian Penulis Menginsert shape dibagaian samping kanan untuk desain
daftar menu Hadits Arba’in yang mana penulis meletak sebanyak 25 shape
yang bertujuan untuk tombol botton menu hadits a rba’in dengan ukuran layer
panjang 650 px dan lebar 300 px sesuai yang kita inginkan atau dengan cara tekan tombol shortkey ctrl+U.
4. Menginsert file gambar untuk background, penulis menggunakan gambar
cartoon Islami sebagai background halaman daftar menu hadits arba’indengan
proses klik file-klik open-klik file gambar yang sesuai keinginan kita atau dengan tombol shortkey ctrl+O maka file gambar tersebut akan secara
otomatis masuk ke control panel layer photoshop.
Universitas Sumatera Utara
Gambar 3.6 Desain Layout Background Menu
Hadits Arba’in
3.5.2 Desain Layout Dasar
Hadits Arba’in
Adapun hal-hal yang harus di persiapakan dalam permbuatan desain layout dasar hadits arba’in pada aplikasi hadits arba’in adalah :
1. Membuat dokumen baru dengan ukuran panjang 600 px dan lebar 800 px
dengan resolution 300 pixelinchi atau dengan tombol shortkey ctrl+N. Kemudian membuat gambar sebagai background dengan gambar yang
tersedia.
2. Menginsert file gambar untuk background, penulis menggunakan gambar
bingkai sebagai background dengan proses klik file-klik open-klik file gambar yang sesuai keinginan kita atau dengan tombol shortkey ctrl+O maka
file gambar tersebut akan secara otomatis masuk ke control panel layer photoshop dengan ukuran layer panjang 600 px dan lebar 800 px.
3. Menginsert file gambar hadits arba’in dari hadist 1 hingga hadits 25 dengan
proses klik file-klik open-klik file gambar yang sesuai keinginan kita atau dengan tombol shortkey ctrl+O maka file gambar tersebut akan secara
otomatis masuk ke control panel layer photoshop. 4.
Kemudian klik insert text sebagai judul hadits arba’in dan halaman ke berapa dari
hadits arba’in tersebut. Kemudian save dengan format ”Hadits 1.Jpeg”.
Universitas Sumatera Utara
Gambar 3.7 Gambar Dasar Hadits Arba’in
3.5.3 Desain Tombol Audio