Studio Creative: CARA MEMBUAT DESAIN LAYOUT WEB SEDERHANA DENGAN PHOTOSHOP

Table of Contents

CARA MEMBUAT DESAIN LAYOUT WEB SEDERHANA DENGAN PHOTOSHOP cara-membuat-desain-layout-web-sederhana-dengan-photoshop

Memiliki Desain Layout Website yang keren dan unik tentu bagi para pelaku webmaster dan para pembuat web online menjadi suatu keberhasilan dalam menhadirkan situs web yang menarik. Desain layout web sederhana bisa menampilkan desain logo perusahaan sendiri ditambah efek 3d dengan logo icon favicon yang manarik.

Sobat bisa membuat sendiri desain layout web sederhana dengan cara menggunakan adobe photoshop. Kali ini admin studio desain akan memberikan tutorial photoshop bagaimana cara membuat desain layout web sederhana dengan photoshop.

Berikut adalah langkah-langkah cara membuat layout web sederhana namun efektif kontemporer untuk Studio Desain Sobat. Pada kesempatan ini admin menggunakan photoshop CS3, sobat bisa memakai adobe photoshop CS4, CS5, CS6, CS7

Buka file baru memiliki 555 × 671 px dan 72 dpi, kemudian cat dalam kode ini warna yang ditunjukkan ini:586.168.

Pilih setelah itu instrumen berikut dan membuat bagian dari panel situs terendah ini:

Blending Options-Gradient Overlay

Gradient ini parameter:

Memilih instrumen yang sama, itu mungkin untuk membuat panel situs terendah dalam 3 tahap.
Pada tahap pertama kita akan membuat elemen pertama (memperbaiki sudut dengan instrumen ditampilkan di sini ).

Tahap kedua meliputi menekan tombol Shift dan melakukan sisa pekerjaan.
Pada tahap ketiga tetap menekan tombol Alt dan menghapus tengah gambar.

Blending Options-Drop Shadow

Blending Options-Gradient Overlay

Gradient ini parameter:

Ambil alat berikutnya dan mewakili garis vertikal membagi, berwarna 464F56.

Blending Options-Warna Tampilan

Blending Options-Stroke

Membuat lima salinan dari lapisan ini dibuat baru dan tempat segala cara yang terlihat dalam gambar berikutnya.

Kemudian mengambil instrumen berikut dan menciptakan lapisan terendah dari bagian situs pusat.

Jangan lupa untuk menempatkan dengan benar semua lapisan, persis seperti yang ditampilkan di sini:
Blending Options-Drop Shadow

Blending Options-Gradient Overlay

Gradient ini parameter:

Ambil instrumen sebelumnya untuk menciptakan waktu ini unsur header situs:

Blending Options-Outer Cahaya

Blending Options-Gradient Overlay

Gradient ini parameter:

Memanfaatkan alat berikutnya untuk menarik satu elemen lebih dicadangkan untuk header situs:

Blending Options-batin Bayangan

Blending Options-batin Cahaya

Memadukan Pilihan-Bevel dan Emboss

Blending Options-Gradient Overlay

Gradient ini parameter:

Membuat tiga salinan dari lapisan yang dibuat baru dan menempatkan semua salinan cara itu ditunjukkan di bawah ini:

Kemudian kita harus mewakili header situs dalam beberapa tahap, metode yang kita gunakan sebelumnya.
Instrumen utama adalah yang satu ini: .

Memperbaiki sudut dengan alat berikutnya dan bukaan dapat dipotong dengan menekan tombol Alt.

Blending Options-Drop Shadow

Blending Options-batin Cahaya

Blending Options-Gradient Overlay

Gradient ini parameter:

Menggunakan alat berikutnya sekarang , Mungkin untuk menggambar garis tipis di atas tengah header:

Blending Options-Gradient Overlay

Gradient ini parameter:

Ambil alat ditunjukkan sekarang dan merupakan garis horizontal warna hitam.

Sekarang kita harus mewakili garis vertikal beberapa di header dengan cara yang sama kami mewakili mereka di panel situs terendah (atau mereka mungkin hanya disalin).

Menggunakan instrumen ditampilkan di sini , Menggambar garis membagi pada panel tombol menu ini.

Blending Options-Gradient Overlay

Gradient ini parameter:

Buatlah dua salinan layer dibuat baru dan menempatkan mereka dengan cara yang mungkin Anda lihat dalam gambar yang ditampilkan berikutnya.

Pilih berikutnya tool berikut untuk mewakili lapisan kedalaman pada bagian atas tombol.

Isi 0% pada lapisan.
Blending Options-Gradient Overlay

Gradient ini parameter:

Ambil instrumen yang sama dan mewakili satu lapisan lagi pada satu baru dibuat.

Blending Options-Drop Shadow

Blending Options-Gradient Overlay

Gradient ini parameter:

Untuk kenyamanan kita, kita harus menggabungkan ke dalam kelompok semua lapisan, yang berisi kedalaman bagian atas dengan pengaturan biru. Kemudian membuat tiga salinan dari kelompok ini dibuat baru.