3 April 2013

Tugas hari ini :

• Pasang Iklan 30 :

1. http://bandaaceh.iklandaerah.com/view/Jasa/1181826_Company_Profile_Booklet.html
2. http://bandarlampung.iklandaerah.com/view/Jasa/1181583_Company_Profile_Booklet.html
3. http://bandung.iklandaerah.com/view/Jasa/1181432_Company_Profile_Booklet.html
4. http://banyuwangi.iklandaerah.com/view/Jasa/1183067_Company_Profile_Booklet.html
5. http://banyumas.iklandaerah.com/view/Jasa/1181990_Company_Profile_Booklet.html
6. http://banjarmasin.iklandaerah.com/view/Jasa/1181832_Company_Profile_Booklet.html
7. http://bisnis.iklandaerah.com/view/Jasa/1167511_Company_Profile_Booklet.html
8. http://bekasi.iklandaerah.com/view/Jasa/1176916_Company_Profile_Booklet.html
9. http://batam.iklandaerah.com/view/Jasa/1176677_Company_Profile_Booklet.html
10. http://bukittinggi.iklandaerah.com/view/Jasa/1163527_Company_Profile_Booklet.html
11. http://bogor.iklandaerah.com/view/Jasa/1014860_Company_Profile_Booklet.html
12. http://blitar.iklandaerah.com/view/Jasa/1166725_Company_Profile_Booklet.html
13. http://cilegon.iklandaerah.com/view/Jasa/1159611_Company_Profile_Booklet.html
14. http://cianjur.iklandaerah.com/view/Jasa/1159056_Company_Profile_Booklet.html
15. http://cepu.iklandaerah.com/view/Jhtmlw/Jasa/1159428_Company_Profile_Booklet.html
16. http://cisarua.iklandaerah.com/view/Jasa/1134971_Company_Profile_Booklet.html

• Artikel

Cara Membuat Website Dengan Photoshop CS3

Halo sahabat blogger, pada postingan hari ini saya akan berbagi artikel yang akan membahas tentang Cara Membuat Desain Website dengan Adobe Photoshop CS3,  langsung saja yuk kita lihat cara-cara mendesainnya :

1. Buka aplikasi Photoshop, buat layer baru dengan klik File => New atau Ctrl + N
2. Buat ukurannya dengan width 1000 pixel dan Height 600 pixel, Resolusi 72 pixel/inch
3. Klik toolbox dan ganti warna foreground color dengan biru (#0038c6) dan background color putih
4. Masih di toolbox, pilih Gradient Tool (G) dan pada keyboard tekan Shift, lalu tekan mouse mulai dari atas dan lepaskan mouse jika sudah berada paling bawah, lihat gambar
5. Buatlah garis bantu / Guide dengan, caranya pilih View => New Guide, lihat gambar dibawah.
6. Lalu membuat Header, caranya pada layer klik Create a new layer lalu pada toolbox klik Rectangle Tool lalu klik kanan mouse dan ubah foreground color menjadi putih lalu pilih Paint Bucket Tool (G), lihat gambar dibawah
7. Hasilnya seperti gambar dibawah ini
8. Buat garis bantu / Guide lagi untuk membuat kotak logo dan kotak iklan, seperti berikut
9. Lalu masukkan logo dan kotak iklan yang sudah anda buat terlebih dahulu, seperti contoh dibawah
10. Buat garis bantu untuk membuat menu navigasi, lihat gambar dibawah
11. Untuk membuat kotak menu navigasi, caranya sama dengan nomor 5, ubah warna foreground color menjadi biru dan background color menjadi putih. Lalu klik Rectangle Tool, klik kanan mouse lalu pilih Make Selection dan berikan gradasi. Untuk membuat warna gradasi seperti pada nomor 3.
12. Hasilnya seperti dibawah ini
13. Buat teks dengan cara pada pallet layer, klik Create a new layer dan pada toolbox klik Horizontal Type Tool (T), lihat gambar dibawah cara menempatkan teks di kotak menu navigasi
14. Buat garis bantu lagi untuk membuat kotak sidebar kiri, content / post blog dan kotak sidebar kanan, lihat caranya dibawah sesuai nomor urut. Untuk membuat kotaknya seperti pada nomor 5.
15. Hasilnya seperti dibawah ini
16. Buat garis bantu lagi untuk membuat Footer, lihat gambar dibawah
17. Copy kotak menu navigasi pada nomor 10, caranya klik kotak menu navigasi dan tekan Ctrl+J, lalu move ke bawah. Lalu pada menu diatas silahkan klik Edit => Transform => Rotate 180°
18. Dan hasil akhir dari desain website dengan photoshop, seperti gambar dibawah ini. Save dulu.
19. Selanjutnya potong dengan Slice Tool (K) bagian-bagian seperti body, header, logo, kotak iklan, menu navigasi, sidebar kiri, post blog, sidebar kanan dan footer. Dan hasilnya setelah dipotong dengan Slice Tool seperti dibawah ini.
20. Lalu pilih File => Save for Web and Devices
21. Nah selanjutnya untuk mengeditnya dilakukan dengan Adobe Dreamweaver pada tutorial berikutnya.

Sekian dulu Cara Membuat Desain Website dengan Adobe Photoshop CS3, selamat mencoba dan semoga bermanfaat.

• Gambar

Desain Company Profile Perusahaan PT Senopati Astha Persada

Desain Company Profile Perusahaan PT Nabe Surya Lestari

Desain Company Profile Perusahaan Beyond Tomorrow Wong Limo

• Inovasi

Cara Membuat Desain DP Website

http://www.youtube.com/watch?v=MD1zK-24cZM&feature=youtu.be