com
Buletindo
Oleh : Andi Yujayanto (andiyujayanto@yahoo.com)
Teknik Menyimpan Foto dan Membuat Animasi untuk Web dengan Adobe Photoshop
Bagi Anda yang memiliki problem berupa website Anda yang terasa berat saat loading karena adanya foto berukuran terlalu besar, maka penulis akan berbagi sedikit teknik tentang penyimpanan foto untuk web agar foto tidak memberatkan pengunjung saat loading halaman web Anda. Selain itu, penulis juga akan menjelaskan cara membuat animasi untuk halaman web Anda agar terlihat indah. Beberapa tool dan panel ataupun palet yang terkait akan penulis jelaskan secara gamblang, sehingga diharapkan Anda mudah untuk memahaminya.
4. 5.
3.
Potong langsung pada foto, yaitu dengan mengiriskannya baik dari atas ke bawah atau dari kanan ke kiri. Atur luasan potongan dengan menggeser tepat pada titik-titik yang dihasilkan.
8.
4.
Pilih Save As Type-nya pada kotak Save Optimized As. Ada 3 pilihan, yaitu HTML and Image (*.html), Image Only (*.jpg) dan HTML only (*.html). Klik Save.
9.
Tip: Anda juga dapat menyimpan gambar berukuran file besar agar menjadi lebih kecil dengan fitur Save for Web, tanpa memotongnya dengan Slice Tool. Melalui cara ini, dimensi/luas gambar berukuran tetap, hanya ukuran file-nya saja yang menjadi lebih kecil.
5.
Kini simpan potongan tersebut dengan menggunakan fitur Save for Web. Pilih menu File > Save for Web. Tampilkan foto dengan tab 4-Up. Pilih foto dengan size yang kecil. Klik Save.
6. 7.
Mengatur Quality Atur Quality dengan menggeser slider atau memasukkan angka. Angka kecil membuat size foto juga kecil.
Mengatur Blur Atur Blur jika diperlukan saja. Semakin blur maka membuat size foto kecil.
BULETIN BEBAS DIGANDAKAN DAN DIDISTRIBUSIKAN KEMBALI UNTUK KEPENTINGAN NON KOMERSIAL
Teknik Menyimpan Foto dan Membuat Animasi untuk Web dengan Adobe Photoshop | 3
Menggunakan Tab Color Table Warna-warna dalam Color Table ini muncul bila Anda memilih GIF pada kotak Preset.
Pengaturan Quality yang dapat Anda pilih yaitu Nearest Neighbour, Bilinear, Bicubic, Bicubic Smoother atau Bicubic Sharper. Klik Apply.
4.
DILARANG MENGUBAH SEBAGIAN ATAU SELURUH ISI BULETIN TANPA IJIN TERTULIS DARI BULETINDO
4. 5. 6.
Tambahkan ornamen sebagai pemanis iklan dengan menggunakan brush. Atur sedemikian rupa agar tampak menarik. Selanjutnya aktifkan palet animasi dengan cara pilih menu Windows > Animation.
Langkah terakhir adalah menyimpan desain animasi Anda. Caranya yaitu : 1. 2. 3. Pilih menu File > Save for web & Device. Pilih ekstensi GIF pada pilihan Preset. Pilih pada tampilan yang memiliki ukuran kecil.
Palet animasi ini dapat Anda temukan dalam Adobe Photoshop mulai versi CS2 hingga CS4. Sedangkan Photoshop pada versi CS dan sebelumnya palet ini ada dalam Adobe Image Ready yang terbundel jadi satu dengan Adobe Photoshopnya. Palet animasi ini memiliki kemajuan dari versi CS2-nya yang masih sederhana dan CS4 yang sudah mendekati fitur-fitur yang terdapat dalam Adobe After Effects ataupun Adobe Premiere. Tetapi, Anda tidak perlu takut dengan kepesatan yang ada ini, Anda tinggal melakukan klik dan geser pada timeline (garis tebal berwarna hijau) obyek yang ingin Anda lakukan animasi. Secara default rentang waktu keseluruhan adalah 9.30 detik.
4.
Untuk memastikan lagi jalannya animasi, tekan tombol Play. Jika sudah merasa cukup, maka tekan tombol Save. Bagi Anda yang hanya ingin mendapatkan output image-nya saja, maka pilihlah Images only (*.gif) pada pilihan Save As type.
5.
Selanjutnya klik timeline sesuai obyek masing-masing: 1. 2. 3. 4. 5. Geser garis penunjuk tepat pada angka 0:00:05:00 (5 detik). Geser keseluruhan timeline pada ujung kanan menuju garis ini. Geser tepat pada ujung kiri layer International ke kanan. Geser juga untuk layer jurnalist lebih ke kanan. Lakukan hal yang sama untuk timeline ornamen dan Yogyakarta.
Selamat berkarya !
Buletindo
www.buletindo.com
Kontak: Jl. Abimanyu VI / 22 Semarang - 50131 Telp. (024) 3560597 Redaksi: redaksi @ buletindo.com Kerjasama & Iklan: marketing @ buletindo.com
Lakukan Preview dengan cara tekan Spacebar pada papan keyboard Anda.
BULETIN BEBAS DIGANDAKAN DAN DIDISTRIBUSIKAN KEMBALI UNTUK KEPENTINGAN NON KOMERSIAL