Selasa, 08 Desember 2009

Mendesign Website NEWS Mendesign Halaman Website


Nah videobelajar kita kali ini akan mempelajari cara membuat design web template menggunakan software adobe potoshop. Caranya adalah :

1. Buka terlebih dahulu software potoshop

2. Klik menu file dan pilih new, di kotak dialog new kita akan tentukan ukuran widthnya yaitu 775 dan heightnya 790. Kemudian resolusinya 72, color modenya RGB Color dan background contentsnya adalah white, kemudian klik tombol ok. Sekarang kita telah mempunyai halaman kerja.
3. Lalu klik view dan pilih rulers, setelah itu kita klik pada bagian rulers secara vertical pada posisi 25 pixel dan kita letakkan kembali garis bantu pada posisi 750 pixel. Kemudian pada bagian horizontal kita posisikan di 20 pixel dan kita beri kembali garis bantu pada posisi 750 pixel. Kita pastikan bahwa posisi ini sudah benar dan untuk mencek ukuran sebenarnya kita gunakan zoom.
4. Klik rectangle tools pastikan bagian pate terpilih, lalu kita buat kotak sebesar garis bantu yang baru kita buat dan klik kanan pilih make selection dengan radius 0 lalu klik ok. Kemudian muncul seleksi dan pilih tombol edit setelah itu pilih stroke. Tentukan terlebih dahulu width adalah 1 kemudian warnanya adalah kita buat dengan kode warna b6b6b6 yaitu muncul warna abu - abu kemudian klik tombol ok.

Setelah itu cara membuat image baner yaitu kita masukkan image baner yang kita punya lalu kita tarik dan masukkan ke halaman potoshop kita. Kemudian image banner di seleksi tekan tombol Ctrl+A dan klik tombol edit pilih copy. Kita masuk kembali ke halaman kita yang baru, kemudian kita buat layer baru yaitu pada tombol create new layer lalu klik tombol edit kemudian paste. Sekarang kita sudah mempunyai image banner kemudian kita letakkan image banner tersebut di atas da harus pas dengan garis bantu. Kemudian kita buat layer baru lalu pilih warna dengan kode 2c2c2c. Untuk mempermudah kita membuat image kita harus menggunakan garis bantu dengan menggunakan rulers. Setelah itu kita klik rectangle tools pilih pada bagian optionnya adalah fill pixels untuk membuat kotak image logo yang akan di buat. Caranya sama seperti yang pertama kita membuat image banner.


Cara membuat kotak untuk design logo yaitu kita klik rectangle tools pilih fill pixels, kemudian kita buat kotak image di sebelah image baner tujuannya adalah untuk meletakkan logo maka kita masukkan gambar logo yaitu dengan mengklik gambar logo tersebut lalu bawa ke halaman potoshop lalu klik tombol seleksi dan klik tombol edit dan pilih copy lalu masuk ke halaman kerja kita kemudian kita buat layer baru lalu paste di halam di kotak design untuk logo. Setelah itu kita akan membuat kotak image untuk dibawah kotak image logo yaitu dengan membuat garis bantu menggunakan rulers. Kemudian kita klik rectangle tools dan kita pilih fill pixels dan kita buat kembali layer baru dan pilih warna dengan warna hijau, setelah itu kita buat image sesuai garis bantu yang kita buat. Dan kita tambah letakkan image dibawah kotak yang berwarna hijau caranya seperti yang sebelumnya. Yitu kita pastekan di halaman kerja kita. Setelah itu kita masukkan text, caranya dengan mengklik text tools. Kita tinggal mengetikkannya di bawah image yang baru kita letakkan. Kemudian kita akan menambahkan image di sebelah kanan yaitu dibawah baner .

Selanjutnya kita akan membuat image-image dan text untuk isi yaitu kita letakkan isi dari text di tengah atau di bawah banner dengan mengklik text tools lalu kita ketikkan isi halaman web template kita. Setelah itu di bawah text kita akan letakkan sebuah gambar pada halaman kerja kita. Kemudian yang terakhir kita akan membuat menu-menu pada halaman web template kita yaitu dengan cara klik text tools kemudian kita ubah ukurannya menjadi 14 dan warna textnya adalah warna hitam atau dengan kode 0000 dan klik ok,setelah itu kita ketikkan menu-menunya seperti home, about us, the came, support dan contact. Kemudian klik window lalu pilih character dan kita ubah jarak daripada menu-menu yaitu 100 dan kita ubah jenis hurufnya dengan reguller.

Download: Video 1, Video 2

Tidak ada komentar:

Posting Komentar