Membuat situs web Anda sendiri selalu dimulai dengan pengembangan sketsa dan desain masa depan, dan bagian integral dari pengembangan ini adalah visualisasi desain situs di Photoshop dan memotong desain yang sudah jadi menjadi blok-blok untuk tata letak selanjutnya. Kemampuan untuk memotong gambar desain situs dengan benar secara langsung memengaruhi keberhasilan tata letak lebih lanjut dan penempatan file grafik yang benar di server.
instruksi
Langkah 1
Buka tata letak desain yang dibuat di Photoshop, yang merupakan gambar solid dari resolusi yang diinginkan. Dari toolbar di Photoshop, pilih alat Slice. Matikan sementara visibilitas semua lapisan teks, bidang input, ikon, dan elemen serupa.
Langkah 2
Gambarlah dengan alat yang dipilih garis panduan di mana Anda akan memotong situs - garis-garis ini pada gambar akan berwarna hijau. Bagilah tata letak satu bagian dengan hati-hati menjadi elemen struktural dengan ukuran dan jumlah yang diinginkan.
Langkah 3
Pikirkan tentang bagaimana Anda akan memotong gambar - tidak boleh ada terlalu banyak elemen individual di dalamnya. Untuk membuat garis panduan, tempatkan kursor pada penggaris atas di atas gambar, klik kiri dan seret ke bawah panduan. Lepaskan tombol mouse.
Langkah 4
Setelah semua panduan diatur (baik vertikal maupun horizontal), lanjutkan ke mengiris tata letak.
Langkah 5
Menggunakan alat pemotong yang dipilih di atas, potong tata letak dengan mengklik kiri pada awal setiap pedoman dan rentangkan bidang yang muncul ke ukuran objek yang diinginkan yang ingin Anda potong. Lepaskan tombol kiri mouse sehingga nomor seri muncul di sudut kiri potongan potongan.
Langkah 6
Sesuaikan batas fragmen dengan meregangkannya secara manual. Untuk menyimpan bagian yang diiris dari keseluruhan gambar, klik opsi "Simpan untuk Halaman Web" pada menu File dan pilih format JPEG. Di jendela simpan, pilih "Semua fragmen".
Langkah 7
Setelah menyimpan potongan gambar secara terpisah, simpan semua elemen visual dari desain halaman - blok teks, tombol, garis, dan sebagainya.
