Setelah membuat animasi di Photoshop, harus disimpan dalam salah satu format yang tersedia, salah satunya adalah GIF. Fitur dari format ini adalah yang dimaksudkan untuk ditampilkan (bermain) di browser.
Jika Anda tertarik dengan opsi lain untuk menyimpan animasi, kami sarankan untuk membaca artikel ini:
Pelajaran: Cara Menyimpan Video di Photoshop
Proses pembuatan animasi GIF dijelaskan dalam salah satu pelajaran sebelumnya, dan hari ini kita akan berbicara tentang cara menyimpan file dalam format GIF dan pada pengaturan optimasi.
Pelajaran: Buat animasi sederhana di Photoshop
Menyimpan GIF.
Untuk memulainya, kami ulangi materi dan baca jendela Simpan Pengaturan. Ini terbuka dengan mengklik item "Simpan untuk Web" di menu File.
Jendela terdiri dari dua bagian: blok pratinjau
dan blok pengaturan.
Blok Pratinjau
Pilih jumlah opsi tampilan yang dipilih di bagian atas blok. Tergantung pada kebutuhan, Anda dapat memilih pengaturan yang diinginkan.
Gambar di setiap jendela, kecuali yang asli, dikonfigurasikan secara terpisah. Ini dilakukan agar Anda dapat memilih opsi optimal.
Di sisi kiri blok ada satu set alat kecil. Kami hanya akan menggunakan "tangan" dan "skala".
Menggunakan "tangan" Anda dapat memindahkan gambar di jendela yang dipilih. Pilihannya juga dibuat oleh alat ini. "Skala" melakukan tindakan yang sama. Perkiraan dan hapus gambar juga bisa berupa tombol di bagian bawah blok.
Rendah di bawah ini adalah tombol dengan tulisan "Lihat". Ini membuka opsi yang dipilih di browser default.
Di jendela browser, kecuali untuk mengatur parameter, kita juga bisa mendapatkan kode gif HTML.
Blokir Pengaturan
Di blok ini, parameter gambar dikonfigurasi, lebih banyak.
- Skema warna. Pengaturan ini menentukan tabel warna yang diindeks mana yang akan diterapkan pada gambar saat mengoptimalkan.
- Persepsi, dan sekadar "skema persepsi." Ketika digunakan, Photoshop menciptakan meja warna, dipandu oleh nuansa gambar saat ini. Menurut pengembang, tabel ini sedekat mungkin dengan bagaimana mata manusia melihat warna. Plus - gambar adalah yang paling dekat dengan aslinya, warnanya secara maksimal disimpan.
- Skema selektif mirip dengan yang sebelumnya, tetapi warna yang berkaitan dengan web aman untuk web sebagian besar digunakan di dalamnya. Ini juga fokus pada tampilan nuansa perkiraan ke yang awal.
- Adaptif. Dalam hal ini, tabel dibuat dari warna yang lebih umum pada gambar.
- Terbatas. Terdiri dari 77 warna, beberapa sampel yang diganti dengan putih dalam bentuk titik (biji-bijian).
- Kebiasaan. Saat memilih skema ini, dimungkinkan untuk membuat palet Anda sendiri.
- Hitam dan putih. Tabel ini hanya menggunakan dua warna (hitam dan putih), juga menggunakan biji-bijian.
- Di kelas abu-abu. Ada berbagai 84 tingkat nuansa abu-abu.
- MACOS dan Windows. Data tabel dikompilasi berdasarkan fitur pemetaan gambar di browser yang menjalankan sistem operasi ini.
Berikut adalah beberapa contoh penerapan skema.
Seperti yang Anda lihat, tiga sampel pertama memiliki kualitas yang cukup dapat diterima. Terlepas dari kenyataan bahwa secara visual mereka hampir tidak berbeda satu sama lain, pada gambar yang berbeda skema ini akan bekerja secara berbeda.
- Jumlah maksimum warna dalam tabel warna.
Jumlah nuansa dalam gambar secara langsung mempengaruhi bobotnya, dan, sesuai, pada kecepatan unduhan di browser. Nilai 128 paling sering digunakan, karena pengaturan ini hampir tidak mempengaruhi kualitas, sekaligus mengurangi berat GIF.
- Warna Web. Pengaturan ini menetapkan toleransi dengan mana nuansa dikonversi menjadi setara dengan palet web yang aman. Bidang file ditentukan oleh nilai yang ditetapkan oleh slider: Nilai lebih tinggi - file kurang. Saat menyiapkan warna web seharusnya tidak melupakan kualitas.
Contoh:
- Dysrying memungkinkan Anda untuk memuluskan transisi antara warna dengan mencampur nuansa yang terkandung dalam tabel pengindeksan yang dipilih.
Juga, pengaturan akan membantu bagaimana melestarikan gradien dan integritas situs monokromatik. Saat menggunakan pengeluaran meningkatkan berat file.
Contoh:
- Transparansi. Format GIF hanya mendukung piksel yang benar-benar transparan, atau benar-benar buram.
Parameter ini, tanpa penyesuaian tambahan, dengan buruk menampilkan kurva garis, meninggalkan wanita piksel.
Penyesuaian ini disebut "matte" (di beberapa editor "kaima"). Dengan itu, dikonfigurasikan untuk mencampur gambar piksel dengan latar belakang halaman yang akan ditemukan. Untuk tampilan terbaik, pilih warna yang sesuai dengan warna latar belakang situs.
- Interlaced. Salah satu yang paling berguna untuk pengaturan Web. Jika file memiliki bobot yang cukup besar, memungkinkan Anda untuk segera menampilkan gambar pada halaman, karena memuatnya meningkatkan kualitasnya.
- Konversi SRGB membantu menghemat warna gambar asli maksimum saat menyimpan.
Menyiapkan "Dysrying Transparency" secara signifikan memperburuk kualitas gambar, dan kami akan berbicara tentang parameter "kerugian" di bagian praktis pelajaran.
Untuk pemahaman terbaik tentang proses pengaturan pelestarian GIF di Photoshop, Anda harus berlatih.
Praktek
Tujuan mengoptimalkan gambar untuk Internet adalah pengurangan maksimum berat file sambil mempertahankan kualitas.
- Setelah memproses gambar, buka menu "File - Save for Web".
- Bayangkan mode tampilan "4 opsi".
- Selanjutnya, Anda memerlukan salah satu opsi untuk membuat yang paling mirip dengan aslinya. Biarkan itu menjadi gambar di sebelah kanan sumbernya. Ini dilakukan untuk memperkirakan ukuran file dengan kualitas maksimum.
Pengaturan pengaturan adalah sebagai berikut:
- Skema warna "selektif".
- "Warna" - 265.
- "Diazering" adalah "acak", 100%.
- Lepaskan daw di seberang parameter "interlaced", karena gambar akhir gambar akan cukup kecil.
- "Warna Web" dan "Kerugian" - nol.
Bandingkan hasilnya dengan aslinya. Di bagian bawah jendela sampel, kita dapat melihat ukuran gif saat ini dan kecepatan pemuatan pada kecepatan Internet yang ditentukan.
- Pergi ke gambar di bawah ini hanya dikonfigurasi. Mari kita coba untuk mengoptimalkannya.
- Tinggalkan skema yang tidak berubah.
- Jumlah warna berkurang hingga 128.
- Nilai dismering dikurangi menjadi 90%.
- Warna web tidak menyentuh, karena dalam hal ini tidak akan membantu kita menjaga kualitas.
Ukuran GIF menurun dari 36,59 KB hingga 26,85 KB.
- Karena beberapa kebiasaan dan cacat kecil sudah ada dalam gambar, mari kita coba untuk meningkatkan "kerugian". Parameter ini mendefinisikan tingkat kehilangan data yang diizinkan saat mengompresi GIF. Ubah nilai menjadi 8.
Kami masih berhasil mengurangi ukuran file, sambil kehilangan sedikit kualitas. GIF sekarang memiliki berat 25,9 kilobyte.
Total, kami dapat mengurangi ukuran gambar sekitar 10 KB, yang lebih dari 30%. Hasil yang sangat bagus.
- Tindakan lebih lanjut sangat sederhana. Klik pada tombol Simpan.
Kami memilih tempat untuk menabung, berikan nama GIF, dan tekan "Simpan" lagi.
Harap dicatat bahwa ada peluang bersama dengan GIF untuk membuat dokumen HTML yang akan dibangun oleh gambar kami. Untuk melakukan ini, lebih baik memilih folder kosong.
Akibatnya, kami mendapatkan halaman dan folder dengan gambar.
Tip: Saat menetapkan nama file, cobalah untuk tidak menggunakan karakter Cyrillic, karena tidak semua browser dapat membacanya.
Pelajaran ini untuk menyimpan gambar dalam format GIF selesai. Di dalamnya, kami menemukan bagaimana Anda dapat mengoptimalkan file untuk penempatan di Internet.