membuat desain web dengan photoshop - Hallo sahabat
TUTORIAL CUY, Pada Artikel yang anda baca kali ini dengan judul membuat desain web dengan photoshop , kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan
Artikel EDITING,
Artikel PHOTOSHOP, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.
Judul :
membuat desain web dengan photoshop link :
membuat desain web dengan photoshop
Baca juga
membuat desain web dengan photoshop
|
Source: Google Images |
Langkah pertama
Tahap pertama dalam pembuatan desain web adalah membuat layout untuk desain awal. Buatlah sebuah kanvas baru dengan ukuran 700 x 875 px dan pengaturan resolusi pada angka 72 ppi. Jangan lupa untuk mengatur background content pada opsi transparent.
|
Source: Google Images |
Langkah kedua
Klik rounded rectangle tool pada kolom tool box, kemudian buatlah sebuah bidang dengan bentuk persegi agak memanjang ke bawah. Ini kan digunakan sebagai background dari desain web yang anda buat.
|
Source: Google Images |
Langkah ketiga
Klik kanan pada layer shape 1 kemudian pilih opsi blending option. Setelah itu klik gradient dan buatlah gradasi warna sesuai dengan kesukaan anda. Untuk desain ini dipilih warna hijau agak kecokelatan dengan warna dasar putih sehingga hasil gradasinya akan tampak seperti ini:
|
Source: Google Images |
Langkah keempat
Langkah selanjutnya adalah membuat panel menu yang nantinya akan diisi dengan beberapa kategori menu. Klik lagi rounded rectangle tool kemudian buat sebuah kotak persegi kecil di bagian kiri atas background. Beri gradasi warna yang agak berbeda agar tidak menyatu dengan warna pada background.
|
Source: Google Images |
Langkah kelima
Buatlah beberapa persegi memanjang dengan rounded rectangle tool berikan warna yang lebih cerah seperti yang ada pada gambar di bawah ini:
|
Source: Google Images |
Langkah keenam
Berikan tulisan pada kolom menu yang telah dibuat. Biasanya kolom menu diisi dengan beragam kategori mulai dari halaman utama, tentang saya, galeri foto, dan juga beragam link yang bertautan dengan website tersebut. Tak lupa ditambahkan gambar menarik lainnya di sebelah kanan background agar desain website tidak terlalu kosong dan monoton.
|
Source: Google Images |
Langah ketujuh
Gunakan slice tool untuk memotong-motong layer menjadi beberapa bagian. Daftar menu dibagi menjadi 4 bagian sesuai dengan kategori yang ada. Kemudian logo website di sebelah kanan dipotong menjadi 1 bagian. Dan buat 1 bagian di bawah untuk konten atau isi dari web tersebut.
|
Source: Google Images |
Langkah kedelapan
Sejauh ini desain web sederhana sudah selesai, anda tinggal menyimpannya dengan menuju menu file>save for web and devices...
|
Source: Google Images |
Langkah kesembilan
Pada jendela wizard pada saat melakukan save, buat pengaturan seperti pada gambar di bawah ini:
|
Source: Google Images |
Itulah kiranya langkah awal dalam cara membuat desain web dengan photoshop
Demikianlah Artikel membuat desain web dengan photoshop
Sekianlah artikel membuat desain web dengan photoshop kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.
Anda sekarang membaca artikel membuat desain web dengan photoshop dengan alamat link https://tutorialcuy.blogspot.com/2016/05/membuat-desain-web-dengan-photoshop.html
0 Response to "membuat desain web dengan photoshop "
Posting Komentar