Membuat laman web anda sendiri selalu dimulakan dengan pengembangan lakaran dan reka bentuk masa depan, dan bahagian penting dari perkembangan ini adalah visualisasi reka bentuk laman web di Photoshop dan memotong reka bentuk siap menjadi blok untuk susun atur berikutnya. Keupayaan untuk memotong gambar reka bentuk laman web secara langsung mempengaruhi kejayaan susun atur dan penempatan fail grafik yang betul di pelayan.
Arahan
Langkah 1
Buka susun atur reka bentuk yang dibuat di Photoshop, yang merupakan gambaran kukuh dari resolusi yang diinginkan. Dari bar alat di Photoshop, pilih alat Slice. Matikan sementara untuk melihat semua lapisan teks, medan input, ikon dan elemen serupa.
Langkah 2
Lukis dengan alat yang dipilih garis panduan di mana anda akan memotong laman web ini - garis pada gambar akan berwarna hijau. Bahagikan susun atur satu bahagian dengan teliti ke dalam elemen struktur dengan ukuran dan kuantiti yang diingini.
Langkah 3
Fikirkan bagaimana anda akan memotong gambar - tidak boleh ada terlalu banyak elemen individu di dalamnya. Untuk membuat garis panduan, letakkan kursor pada pembaris atas di atas gambar, klik kiri dan seret ke bawah panduan. Lepaskan butang tetikus.
Langkah 4
Setelah semua panduan ditetapkan (menegak dan mendatar), teruskan susun aturnya.
Langkah 5
Dengan menggunakan alat pemotong yang dipilih di atas, potong tata letak dengan mengklik kiri pada awal setiap garis panduan dan meregangkan bidang yang muncul ke ukuran objek yang diinginkan yang ingin anda potong. Lepaskan butang tetikus kiri sehingga nombor siri muncul di sudut kiri serpihan potong.
Langkah 6
Laraskan sempadan serpihan dengan meregangkannya secara manual. Untuk menyimpan bahagian yang dihiris dari keseluruhan gambar, klik pilihan "Simpan untuk Halaman Web" pada menu Fail dan pilih format JPEG. Di tetingkap simpan, pilih "Semua serpihan".
Langkah 7
Setelah menyimpan serpihan gambar yang dipotong secara berasingan, simpan semua elemen visual reka bentuk halaman - blok teks, butang, garis, dan sebagainya.
