Newsticker: 

Membuat Website Personal Full Color dengan Adobe Photoshop CS dan Macromedia Dreamweaver 8 (part 2)

  1. Lanjutkan dengan membuat logo dan nama website di sebelah kanan kanvas. Buat satu group layer set lagi di atas set g-link, dengan nama g-logo. Di dalam group ini akan diletakkan layer-layer yang berhubungan dengan logo.

  1. Tambahkan sebuah garis bantu horizontal sejajar dengan posisi paling bawah dari panel menu. Lihat ilustrasi di bawah ini.

  1. Aktifkan Ellipse Tool dengan Foreground terpilih warna putih. Kemudian gambar sebuah lingkaran oval di dalam kanvas dengan ukuran 330x185px. Atur sudut menjadi -9o.

  1. Bagian lingkaran di bawah garis bantu akan dihilangkan, Rasterize layer Shape 4 (objek oval) terlebih dahulu dengan cara klik kanan pada layer Shape 4, pilih Rasterize Layer. Aktifkan Rectangular Marquee Tool , lakukan seleksi seperti ilustrasi kemudian tekan tombol Delete.

 

  1. Lepaskan area seleksi dengan menekan kombinasi tombol Ctrl+D.
  2. Aktifkan Custom Shape Tool  dengan warna foreground emas (#E0E803). Kemudian gambar di kanvas sebuah tangan (Right Hand) dengan ukuran 165x190px seperti ilustrasi di bawah ini.

  1. Tambahkan teks “Website Ku”, dengan jenis Comic Sans MS, ukuran 40pt Bold, warna biru muda (#44BBFF), sehingga tampilan kanvas Anda seperti ilustrasi di bawah ini.

  1. Terakhir, buat sebuah layer untuk footer. Duplicate layer Shape 1, dengan cara klik kanan pada layer Shape 1, pilih Duplicate Layer. Pada kotak dialog Duplicate Layer klik OK.

  1. Dalam keadaan layer Shape 1 copy terpilih, tekan kombinasi Ctrl+T, tarik titik tengah atas ke arah bawah sehingga ukuran layer Shape 1 copy tersisa menjadi 25-26px.

  1. Buka settingan Gradient Overlay untuk layer Shape 1 copy, atur sesuai ilustrasi di bawah.

  1. Simpan desain layout Anda dengan nama w3function.psd ke direktori server Apache Anda (dalam contoh ini di E:\xampplite\htdocs folder w3function.com, alamat yang diakses pada penjelajah web menjadi http://localhost/w3function.com

  1. Sampai tahap ini Anda telah berhasil membuat desain layout website dengan Photoshop CS.

 

Baca langkah selanjutnya disini

Bagikan...

Cari pada situs ini

Drs. Djaetun H.S (Pendiri Yayasan Atma Luhur)

..."Cerdas berbudi luhur adalah dua hal yang tak terpisahkan. Kecerdasan tanpa diimbangi budi luhur akan digunakan untuk membodohi dan mencelakakan orang lain. Sebaliknya, budi luhur tanpa diimbangi kecerdasan akan menjadi sasaran kejahatan dan penindasan orang lain"...

April  2020
Mon Tue Wed Thu Fri Sat Sun
   
  1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30  

Arsip

April 2020
M T W T F S S
« Mar    
 12345
6789101112
13141516171819
20212223242526
27282930  

Arsip

Kategori