Di Photoshop, Anda dapat membuat tata letak situs web, yang menurutnya sudah dibuat dalam html. Proses ini relatif sederhana.
Diperlukan
program Adobe Photoshop
instruksi
Langkah 1
Buka Photoshop dan buat dokumen gambar berukuran 1020 x 1200 di dalamnya. Atur warna latar belakang ke # a8a995. Jika situs tersebut didedikasikan untuk sebuah perusahaan, maka Anda dapat menempatkan logonya di kiri atas di bilah navigasi. Sisakan ruang di sebelah kanan untuk tautan untuk menavigasi situs.
Langkah 2
Ambil Rectangle Tool dan buat persegi panjang berukuran 80 x 54 di bilah navigasi situs. Ini akan menunjukkan item menu aktif di navigasi situs.
Langkah 3
Masuk ke menu Layer-Layer Style, centang checkbox Color Overlay, color #ADAE9E, Opacity - 100%, dan checkbox Stroke, Size - 1 px, Position - Outside, Opacity - 100%, color # CED0BB.
Langkah 4
Di atas persegi panjang yang sudah Anda miliki, tambahkan gambar 71x50 lainnya, cat dengan # cfbe28. Buka menu Layer-Layer Style, atur parameter berikut untuk persegi panjang ini: Drope Shadow: Blend Mode - Multiply, color # 000000, Opacity - 27%, Angle - 90, Distance - 1, Spread - 0, Size - 5; Inner Shadow: Blend Mode - Multiply, warna # 000000, Opacity - 27%, Angle - 90, Distance - 1, Choke - 0, Size - 18; Stroke: Ukuran - 1, Posisi - Luar, Opacity - 100, Jenis Isi - Warna, Warna # D6C72C.
Langkah 5
Tambahkan bayangan untuk tautan yang terletak di bilah navigasi. Untuk melakukan ini, pilih layer dengan teks tautan ini, buka menu Layer-Layer Style dan atur parameter berikut: Drope Shadow: Blend Mode - Multiply, color # 000000, Opacity - 75%, Angle - 90, Distance - 1, Spread - 0, Size - 1. Ulangi langkah ini untuk setiap layer yang akan berisi teks link.
Langkah 6
Sekarang Anda perlu membuat bagian pengantar dari template. Pilih Rectangle Tool dan buat persegi panjang di bawah logo, isi dengan warna putih, kurangi opacity menjadi 20%.
Langkah 7
Pilih Ellipse Tool dan buat oval di bawah persegi panjang ini. Pergi ke Filter> Blur> Gaussian Blur dan atur Radius ke 7, 8.
Langkah 8
Ambil Rectangular Marque Tool dan pilih bagian bawah persegi panjang dan oval kabur. Hapus.
Langkah 9
Setelah itu, masukkan teks di tombol persegi panjang. Buat garis tepat di atasnya dengan parameter berikut: 866 per 1 pic.
