Di Photoshop, anda boleh membuat susun atur laman web, sesuai dengan yang telah dibuat dalam html. Proses ini agak mudah.
Perlu
Program Adobe Photoshop
Arahan
Langkah 1
Buka Photoshop dan buat dokumen 1020 x 1200 gambar di dalamnya. Tetapkan warna latar ke # a8a995. Sekiranya laman web ini dikhaskan untuk syarikat, anda boleh meletakkan logo di kiri atas bar navigasi. Tinggalkan sedikit ruang di sebelah kanan untuk pautan untuk menavigasi laman web ini.
Langkah 2
Ambil Rectangle Tool dan buat segi empat tepat 80 x 54 pic di bar navigasi laman web. Ini akan menunjukkan item menu aktif dalam navigasi laman web.
Langkah 3
Pergi ke menu Layer-Layer Style, periksa kotak pilihan Color Overlay, color # ADAE9E, Opacity - 100%, dan Stroke Stroke, Size - 1 px, Position - Outside, Opacity - 100%, color # CED0BB.
Langkah 4
Di atas segi empat tepat yang sudah anda miliki, tambahkan gambar 71x50 lagi, cat dengan # cfbe28. Pergi ke menu Layer-Layer Style, tetapkan parameter berikut untuk segi empat ini: Drope Shadow: Blend Mode - Multiply, color # 000000, Opacity - 27%, Angle - 90, Jarak - 1, Spread - 0, Size - 5; Bayangan Dalam: Mod Campuran - Gandakan, warna # 000000, Kelegapan - 27%, Sudut - 90, Jarak - 1, Tercekik - 0, Saiz - 18; Pukulan: Saiz - 1, Kedudukan - Luar, Kelegapan - 100, Jenis Isi - Warna, Warna # D6C72C.
Langkah 5
Tambahkan bayangan untuk pautan yang terdapat di bar navigasi. Untuk melakukan ini, pilih lapisan dengan teks pautan ini, pergi ke menu Layer-Layer Style dan tetapkan parameter berikut: Drope Shadow: Blend Mode - Multiply, color # 000000, Opacity - 75%, Angle - 90, Distance - 1, Spread - 0, Size - 1. Ulangi langkah-langkah ini untuk setiap lapisan yang akan mengandungi teks pautan.
Langkah 6
Sekarang anda perlu membuat bahagian pengenalan templat. Pilih Rectangle Tool dan buat segi empat tepat di bawah logo, isi dengan putih, kurangkan kelegapan hingga 20%.
Langkah 7
Pilih Ellipse Tool dan buat bujur di bawah segi empat tepat ini. Pergi ke Filter> Blur> Gaussian Blur dan tetapkan Radius ke 7, 8.
Langkah 8
Ambil Rectangular Marque Tool dan pilih bahagian bawah segi empat tepat dan bujur kabur. Padamkannya.
Langkah 9
Selepas itu, masukkan teks pada butang segi empat tepat. Buat garis tepat di atasnya dengan parameter berikut: 866 oleh 1 gambar.
