Jika image/gambar hasil resize, kita hanya ingin mengurangi size-nya tanpa merubah dimensi pixel. Maka yang kita butuhkan adalah mengurangi warna perpaduan dari warna yang saya terangkan diatas. Namun dalam hal ini perlu digaris bawahi, karena kita melakukan resize hanya terletak pada size tanpa mengurangi dimensi pixel, maka otomatis dalam ketajaman warnanya akan berubah sehingga image/gambar tersebut kurang jelas terlihat. Lain lagi jika resize image/gambar kita lakukan dalam size dan dimensi pixel-nya juga, maka image/gambar yang dihasilkan akan sesuai dengan yang aslinya hanya size dan pixel-nya berkurang.
Untuk tutorial resize image/gambar ini, saya buat image/gambar untuk tampilan WEB. Namun image/gambar yang dihasilkan anda koleksi pada Komputer/Laptop juga tidak masalah, atau untuk keperluan print/cetak juga saya rasa oke-oke aja … Dan dalam tutorial image/gambar untuk tampilan WEB disini, saya beri contoh image/gambar format .gif atau animasi saja. Dan untuk image/gambar format .gif, agar animasi yang dihasilkan setelah proses resize animasi tersebut tetap bisa dijalankan, maka dalam proses resize .gif animasinya meski format .psd. Dan jangan khawatir untuk Photoshop CS5, sudah suport terhadap animasi .gif yang kita Import dari dari pengolah gambar lain. Dengan kata lain Photoshop CS5 bisa merubah image/gambar format .gif menjadi format .psd. Berikut animasi .gif yang saya jadikan contoh dalam tutorial Cara Resize Image Untuk Tampilan WEB Dengan Photoshop … (Dimensi 250×250 pixel dan size 25,0 KB) Untuk cara membuat animasi dengan Photoshop anda dapat membacanya disini.
Untuk tutorial resize image/gambar ini, saya buat image/gambar untuk tampilan WEB. Namun image/gambar yang dihasilkan anda koleksi pada Komputer/Laptop juga tidak masalah, atau untuk keperluan print/cetak juga saya rasa oke-oke aja … Dan dalam tutorial image/gambar untuk tampilan WEB disini, saya beri contoh image/gambar format .gif atau animasi saja. Dan untuk image/gambar format .gif, agar animasi yang dihasilkan setelah proses resize animasi tersebut tetap bisa dijalankan, maka dalam proses resize .gif animasinya meski format .psd. Dan jangan khawatir untuk Photoshop CS5, sudah suport terhadap animasi .gif yang kita Import dari dari pengolah gambar lain. Dengan kata lain Photoshop CS5 bisa merubah image/gambar format .gif menjadi format .psd. Berikut animasi .gif yang saya jadikan contoh dalam tutorial Cara Resize Image Untuk Tampilan WEB Dengan Photoshop … (Dimensi 250×250 pixel dan size 25,0 KB) Untuk cara membuat animasi dengan Photoshop anda dapat membacanya disini.
original : Dimensi = 250 x 150 pixel dan Size = 25,0 KB
Selanjutnya kita lakukan resize, maka langkah-langkahnya setelah gambar terbuka pada layar kerja Photoshop (harus format .psd) Klik File > Save for WEB & Devices.
Setelah kotak dialog Save for WEB & Devices tampil, lakukan setting untuk proses resize. Langkah awal tentukan format image/gambar yang ingin dihasilkan, karena saya menginginkan format .gif, tentu saya pilih GIF. Selanjutnya yang perlu diperhatikan dalam hal resize ini adalah, pada setting Lossy, Colors, dan Dither. Lihat gambar dibawah :
Keterangan :
Lossy = Semakin besar nilainya, maka semakin kecil size image/gambar (default 0);
} Color = Semakin kecil nilainya, maka semakin kecil size image/gambar (default 128);
Dither = Semakin besar nilainya, maka semakin kecil size image/gambar(default 0%);
Atau bisa juga kita melakukan resize image/gambar dengan menentukan pilihan yang ada pada Preset (lihat gambar) (default Unnamed).
Lossy = Semakin besar nilainya, maka semakin kecil size image/gambar (default 0);
} Color = Semakin kecil nilainya, maka semakin kecil size image/gambar (default 128);
Dither = Semakin besar nilainya, maka semakin kecil size image/gambar(default 0%);
Atau bisa juga kita melakukan resize image/gambar dengan menentukan pilihan yang ada pada Preset (lihat gambar) (default Unnamed).
Berikut contoh animasi .gif hasil resize Preset tanpa merubah dimensi pixel.
GIF Restrictive : Dimensi = 250 x 150 pixel dan Size = 21,3 KB
GIF 64 No Dither : Dimensi = 250 x 150 pixel dan Size = 19,8 KB
GIF 64 Dithered : Dimensi = 250 x 150 pixel dan Size = 21,3 KB
GIF 32 No Dither : Dimensi = 250 x 150 pixel dan Size = 17,2 KB
GIF 32 Dithered : Dimensi = 250 x 150 pixel dan Size = 19,6 KB
GIF 128 No Dither : Dimensi = 250 x 150 pixel dan Size = 23,3 KB
GIF 128 Dithered : Dimensi = 250 x 150 pixel dan Size = 23,9 KB
Memang sih kalau memakai teknik Preset ini untuk perbedaan size image asli dengan size image hasil resize tidak jauh berbeda, kalau anda memakai setting Lossy, Colors, dan Dither seperti yang saya bahas diatas, anda lebih leluasa dalam menentukan setting size-nya.
Backlinks Please Thanks
| URL |
| Code For Forum |
| HTML Code |
Anda Sekarang Sedang Baca Artikel Tentang Cara Resize Image Untuk Tampilan WEB Dengan Photoshop , Boleh Menyebar Luaskan Artikel Ini Atau Mengcopy Paste Artikel Cara Resize Image Untuk Tampilan WEB Dengan Photoshop ini Jika Memang Berrmanfaat. Tapi Saya Harap Anda Jangan Lupa Menyertakan Link Cara Resize Image Untuk Tampilan WEB Dengan Photoshop Sumbernya. Thank's
Posting Komentar - Back to Content