Tidak terlalu sulit untuk membuat template situs web di Photoshop. Template termasuk menu, formulir pencarian, grafik, mungkin beberapa teks misalnya. Situs itu sendiri sudah akan diprogram atas dasar itu.
instruksi
Langkah 1
Mulai membentuk template situs Anda di Photoshop dengan membuat dokumen baru dengan ukuran 1020 x 1020 pic. Jadikan latar belakang putih. Atur warna latar depan ke # c5e0dd dan warna latar belakang ke # ece5cf.
Langkah 2
Ambil alat Gradient dan pilih jenis isian pertama di panel pengaturannya. Seret garis gradien melintasi bidang putih dari atas ke bawah.
Langkah 3
Ambil alat Teks, tulis judul situs Anda di sudut kanan atas sehingga sejajar dengan formulir pencarian, yang akan terletak di sudut kiri atas. Atur ukuran font, misalnya 12.
Langkah 4
Untuk membuat bentuk pencarian, pilih Rectangle tool dan gambar persegi panjang putih di sudut kanan atas. Terapkan pengaturan layer berikut: Inner Shadow - Blend Mode - Multiply, Color - # a2b7b1, Opacity - 43, Angle - 90, Distance - 0, Choke - 0, Size - 10.
Langkah 5
Gunakan alat Teks untuk membuat teks lembut di dalam bentuk ini.
Langkah 6
Pilih Rounded Rectangle Tool dan buat tombol di dalam bentuk pencarian di perbatasan kanannya. Terapkan gaya lapisan berikut: Gradient Overlay - Blend Mode - Normal, Opacity - 100, Gradient dari gelap ke terang (warna dari #754f39 hingga # a1704f), Style - Linear, Angle - 90, Scale - 59.
Langkah 7
Gunakan alat Teks untuk menulis "pergi" atau sesuatu seperti itu pada tombol ini.
Langkah 8
Untuk membuat navigasi, ambil Rounded Rectangle Tool dan gambar persegi panjang panjang di bawah judul dan bentuk pencarian. Terapkan gaya lapisan berikut: Gradient Overlay - Blend Mode - Normal, Opacity - 100, Gradient dari gelap ke terang (warna dari #76503e hingga # a46ecd), Style - Linear, Angle - 90, Scale - 59; Struktur Stroke - 1, Posisi - Di Dalam, Blend Mode - Normal, Opacity - 100, Jenis Isi - Warna, Warna # 9F6038.
Langkah 9
Ambil Rounded Rectangle Tool dan gambar persegi panjang kecil di sisi kiri bilah navigasi. Terapkan gaya lapisan berikut: Inner Shadow - Blend Mode - Multiply, Opacity - 75, Angle - 90, Distance - 1, Choke - 0, Size - 8; Gradient Overlay - Blend Mode - Normal, Opacity - 100, Gradient dari gelap ke terang (warna dari #76503c hingga # a46e4d), Style - Linear, Angle - 90, Scale - 59; Stroke - Structure - 1, Position - Inside, Blend Mode - Normal, Opacity - 100, Fill Type - Color, Color # 8f6347.
Langkah 10
Tambahkan label ke bilah navigasi.
