Cara Menciptakan 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 sanggup menampilkan desain logo perusahaan sendiri ditambah imbas 3d dengan  logo icon favicon yang manarik.

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

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

Buka file gres mempunyai 555 × 671 px dan 72 dpi, lalu cat dalam aba-aba ini warna yang ditunjukkan ini:586.168.

Pilih sehabis itu instrumen berikut dan membuat bab 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 mencakup menekan tombol Shift dan melaksanakan 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 dibentuk gres dan kawasan segala cara yang terlihat dalam gambar berikutnya.

Kemudian mengambil instrumen berikut dan membuat lapisan terendah dari bab situs pusat.

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

Blending Options-Gradient Overlay

Gradient ini parameter:

Ambil instrumen sebelumnya untuk membuat 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 dibentuk gres 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 ialah yang satu ini: .

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

Blending Options-Drop Shadow

Blending Options-batin Cahaya

Blending Options-Gradient Overlay

Gradient ini parameter:

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

Blending Options-Gradient Overlay

Gradient ini parameter:

Ambil alat ditunjukkan kini 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 sajian ini.

Blending Options-Gradient Overlay

Gradient ini parameter:

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

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

Isi 0% pada lapisan.
Blending Options-Gradient Overlay

Gradient ini parameter:

Ambil instrumen yang sama dan mewakili satu lapisan lagi pada satu gres 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 bab atas dengan pengaturan biru. Kemudian membuat tiga salinan dari kelompok ini dibentuk baru.

Ambil instrumen berikutnya dan membuat satu lapisan lagi pada bab situs pusat

Blending Options-batin Cahaya

Blending Options-Gradient Overlay

Gradient ini parameter:

Isi bab tengah situs dengan teks yang ditampilkan berikutnya, menjaga tuntutan dari tabel di bawah ini:

Masukkan kini dengan foto berlawanan setiap paragraf.

Parameter yang sama untuk semua foto.
Blending Options-Stroke

Menulis kini nama situs, menjadi perhatian dengan tuntutan dimasukkan dalam tabel berikut:

(Studio)

Parameter dari kata Desain:
Blending Options-Outer Cahaya

Memadukan Pilihan-Bevel dan Emboss

Blending Options-Warna Tampilan

Parameter untuk kata Studio:
Blending Options-Drop Shadow

Perkenalkan kini judul untuk tombol sajian yang terletak di header situs:

Ambil instrumen berikutnya dan mencoba untuk mewakili garis kontinu terbentuk dari titik-titik beberapa:

Buat salinan dari layer yang dibentuk gres dan menempatkannya cara itu ditampilkan di sini:

Fitur terakhir ini mencakup menggambar garis pada tombol sajian situs ini, dilakukan dengan instrumen dari sini :

Blending Options-Gradient Overlay

Gradient ini parameter:

Hasil Akhir

Demikian tutorial photoshop :  cara membuat desain layout web sederhana dengan photoshop
selamat mencoba !!

related post

• edit foto : cara membuat ukuran pas photo dengan photoshop
• cara membuat desain wallpaper background keren dengan photoshop
• cara menghapus background foto menjadi transparan dengan photoshop
• edit foto tutorial cara manipulasi photo dengan photoshop
• cara mengedit foto menjadi unik keren menggunakan background photoshop
• cara memperkecil ukuran size gambar dan foto dengan photoshop
• tutorial cara mempertajam dan memperjelas gambar foto dengan photoshop
• cara cepat ganti background foto menggunakan photoshop
• Edit foto cara menggabungkan gambar dan goresan pena keren menggunakan layer photoshop
• Edit foto cara membuat imbas kartun gambar foto anime menjadi karikatur dengan photoshop
• cara menggabungkan foto dan manipulasi gambar dengan photoshop
• tutorial cara edit foto mengganti background menggunakan photoshop
• cara mengedit foto berwarna menjadi hitam putih menggunakan photoshop
• tutorial edit foto cara membuat foto pre wedding keren dengan photoshop
• cara membuat bingkai frame foto dengan photoshop
• tutorial cara membuat kotak menggunakan photoshop
• cara menyimpan save image file desain gambar foto di photoshop
• cara edit foto memotong gambar menggunakan photoshop
• photoshop dasar tutorial cara membuat garis menggunakan photoshop
• cara cara menggunakan tool photoshop dasar untuk pemula
• cara menggunakan photoshop dasar untuk pemula

Sumber http://studiocreativedesain.blogspot.com