Sangat sukar untuk membuat templat laman web di Photoshop. Templat tersebut merangkumi menu, borang carian, grafik, mungkin beberapa teks misalnya. Laman web itu sendiri akan diprogram berdasarkannya.
Arahan
Langkah 1
Mula membentuk templat laman web anda di Photoshop dengan membuat dokumen baru dengan ukuran 1020 hingga 1020 gambar. Menjadikan latar belakang putih. Tetapkan warna latar depan ke # c5e0dd dan warna latar ke # ece5cf.
Langkah 2
Ambil alat Gradient dan pilih jenis isian pertama di panel tetapannya. Seret garis kecerunan melintasi medan putih dari atas ke bawah.
Langkah 3
Ambil alat Teks, tulis tajuk laman web anda di sudut kanan atas sehingga sejajar dengan borang carian, yang akan berada di sudut kiri atas. Tetapkan saiz fon, misalnya, 12.
Langkah 4
Untuk membuat bentuk carian, pilih alat Rectangle dan lukiskan segi empat putih di sudut kanan atas. Gunakan tetapan lapisan berikut: Bayangan Dalam - Mod Campuran - Gandakan, Warna - # a2b7b1, Kelegapan - 43, Sudut - 90, Jarak - 0, Tercekik - 0, Saiz - 10.
Langkah 5
Gunakan alat Teks untuk membuat teks lembut di dalam bentuk ini.
Langkah 6
Pilih Rounded Rectangle Tool dan buat butang di dalam bentuk carian di sempadan kanannya. Terapkan gaya lapisan berikut: Gradient Overlay - Blend Mode - Normal, Opacity - 100, Gradient from dark to light (warna dari # 754f39 hingga # a1704f), Gaya - Linear, Sudut - 90, Skala - 59.
Langkah 7
Gunakan alat Teks untuk menulis "pergi" atau sesuatu seperti itu pada butang ini.
Langkah 8
Untuk membuat navigasi, ambil Rounded Rectangle Tool dan lukis segi empat panjang di bawah tajuk dan bentuk carian. Terapkan gaya lapisan berikut: Gradient Overlay - Blend Mode - Normal, Opacity - 100, Gradient from dark to light (warna dari # 76503e hingga # a46ecd), Style - Linear, Angle - 90, Scale - 59; Struktur Strok - 1, Kedudukan - Di Dalam, Mod Campuran - Normal, Kelegapan - 100, Jenis Isi - Warna, Warna # 9F6038.
Langkah 9
Ambil Rounded Rectangle Tool dan lukiskan segi empat kecil di sebelah kiri bar navigasi. Terapkan gaya lapisan berikut: Bayangan Dalam - Blend Mode - Multiply, Opacity - 75, Angle - 90, Jarak - 1, Choke - 0, Size - 8; Gradient Overlay - Blend Mode - Normal, Opacity - 100, Gradient from dark to light (warna dari # 76503c hingga # a46e4d), Gaya - Linear, Sudut - 90, Skala - 59; Strok - Struktur - 1, Kedudukan - Di Dalam, Mod Campuran - Normal, Kelegapan - 100, Jenis Isi - Warna, Warna # 8f6347.
Langkah 10
Tambahkan label ke bar navigasi.
