Untuk efek 3D yang menarik, menambah halaman web bayangan sepanjang jalan di sekitar seluruh halaman. Baca petunjuk langkah demi langkah instruksi atau menonton Video Tutorial yang informatif yang menunjukkan Photoshop Slice Tool dan menjelaskan kode HTML yang dibutuhkan.
Langkah
1. Buat yang lebih besar dari dua dokumen di Photoshop (atau editor gambar lain). Lebar sama dengan situs web Anda template (ex. 950 piksel). Tinggi tidak masalah namun harus cukup besar untuk dengan mudah menggunakan Photoshop Slice Tool (ex. 250 piksel). Warna harus sama dengan situs web Anda tubuh.
2. Buat yang lebih kecil dari dua dokumen di Photoshop. Lebar harus lebih kecil daripada dokumen yang lebih besar (ex. 800 piksel). Tinggi harus lebih kecil daripada dokumen yang lebih besar (ex. 100 piksel). Warna harus sama dengan daerah konten Anda.
3. Tambahkan Photoshop Drop Shadow untuk dokumen yang lebih kecil. Pada Layers Palette, klik dua kali pada kata "Latar Belakang" dan ubah ke nama lain. Ini akan membebaskan fungsionalitas dan memungkinkan Anda untuk dengan mudah menambahkan drop shadow. Buka kotak dialog Layer Style, klik "Drop Shadow" dan menetapkan variabel sebagai berikut:
* Opacity 75%
* Angle -90 derajat
* Jarak 0 px
* Spread 35%
* Ukuran 35 px
* Warna # 7B7979 (bayang-bayang abu-abu)
4. Tarik dokumen yang lebih kecil di atas dokumen yang lebih besar untuk menciptakan satu gambar. Dengan menggunakan contoh di atas, gambar ini akan menjadi 950 pixel dan lebar 250 piksel dengan tinggi lebih kecil, gelap gambar tertanam di atasnya.
5. Iris dokumen dalam 3 gambar kecil horizontal. Ambil Photoshop Slice Tool dari Palette Tool. Pada toolbar bagian atas, mengatur Gaya untuk "Fixed Size" untuk memastikan proporsi yang tepat. Menggunakan 250px X 950px contoh, masukan lebar dan tinggi sebagai berikut:
* Top irisan sama 950px X 100px
* Tengah sama dengan irisan 950px X 50px
* Bottom irisan sama 950px X 100px
o Anda sekarang memiliki satu dokumen iris secara horizontal menjadi 3 gambar yang lebih kecil.
6. Langkah berikutnya adalah untuk "Simpan Sebagai Web" dan meng-upload masing-masing gambar sebagai terpisah gif.
7. Pada "Save Untuk Web" kotak dialog, menyimpan setiap potong secara terpisah dengan mengklik pada potongan dan penamaan itu. Meng-upload gambar gif 3 seperti biasa.
8. Buat meja di bagian badan dokumen HTML Anda untuk memegang bayangan gambar gif dan konten Anda. Baris pertama dalam tabel anda berisi bayangan atas gif, baris tengah berisi bayangan tengah gif dan konten dan baris terakhir dalam tabel anda berisi bayangan bawah gif.
Langkah
1. Buat yang lebih besar dari dua dokumen di Photoshop (atau editor gambar lain). Lebar sama dengan situs web Anda template (ex. 950 piksel). Tinggi tidak masalah namun harus cukup besar untuk dengan mudah menggunakan Photoshop Slice Tool (ex. 250 piksel). Warna harus sama dengan situs web Anda tubuh.
2. Buat yang lebih kecil dari dua dokumen di Photoshop. Lebar harus lebih kecil daripada dokumen yang lebih besar (ex. 800 piksel). Tinggi harus lebih kecil daripada dokumen yang lebih besar (ex. 100 piksel). Warna harus sama dengan daerah konten Anda.
3. Tambahkan Photoshop Drop Shadow untuk dokumen yang lebih kecil. Pada Layers Palette, klik dua kali pada kata "Latar Belakang" dan ubah ke nama lain. Ini akan membebaskan fungsionalitas dan memungkinkan Anda untuk dengan mudah menambahkan drop shadow. Buka kotak dialog Layer Style, klik "Drop Shadow" dan menetapkan variabel sebagai berikut:
* Opacity 75%
* Angle -90 derajat
* Jarak 0 px
* Spread 35%
* Ukuran 35 px
* Warna # 7B7979 (bayang-bayang abu-abu)
4. Tarik dokumen yang lebih kecil di atas dokumen yang lebih besar untuk menciptakan satu gambar. Dengan menggunakan contoh di atas, gambar ini akan menjadi 950 pixel dan lebar 250 piksel dengan tinggi lebih kecil, gelap gambar tertanam di atasnya.
5. Iris dokumen dalam 3 gambar kecil horizontal. Ambil Photoshop Slice Tool dari Palette Tool. Pada toolbar bagian atas, mengatur Gaya untuk "Fixed Size" untuk memastikan proporsi yang tepat. Menggunakan 250px X 950px contoh, masukan lebar dan tinggi sebagai berikut:
* Top irisan sama 950px X 100px
* Tengah sama dengan irisan 950px X 50px
* Bottom irisan sama 950px X 100px
o Anda sekarang memiliki satu dokumen iris secara horizontal menjadi 3 gambar yang lebih kecil.
6. Langkah berikutnya adalah untuk "Simpan Sebagai Web" dan meng-upload masing-masing gambar sebagai terpisah gif.
7. Pada "Save Untuk Web" kotak dialog, menyimpan setiap potong secara terpisah dengan mengklik pada potongan dan penamaan itu. Meng-upload gambar gif 3 seperti biasa.
8. Buat meja di bagian badan dokumen HTML Anda untuk memegang bayangan gambar gif dan konten Anda. Baris pertama dalam tabel anda berisi bayangan atas gif, baris tengah berisi bayangan tengah gif dan konten dan baris terakhir dalam tabel anda berisi bayangan bawah gif.
.jpg)
Tidak ada komentar:
Posting Komentar