Program "Photoshop" adalah alat universal yang memungkinkan Anda bekerja dengan berbagai format file grafik. Diantaranya - GIF, yang dengannya Anda dapat membuat apa yang disebut gif. Apa yang spesial dari file-file ini? Cara membuat gif di Photoshop?
Kami dapat menjawab pertanyaan ini:
- menjelajahi spesifikasi gif;
- Setelah memeriksa alat dasar untuk membuat file jenis ini, yang ada di Photoshop.
Mari kita mulai dari poin pertama.
Konten artikel
- Apa itu GIF??
- Algoritma untuk membuat animasi gif di Photoshop
Apa itu GIF??
Di bawah GIF, pahami gambar animasi yang paling sering dalam format grafis GIF. Dalam kebanyakan kasus, mereka ditempatkan di halaman web dan dapat digunakan, misalnya, sebagai spanduk iklan, elemen desain di situs web, atau media untuk konten multimedia. GIF adalah salah satu format file gambar yang paling umum, bersama dengan jpeg, png, BMP. Keuntungan utamanya, yang menentukan, khususnya, popularitas GIF di kalangan perancang web, adalah:
- menjadi mungkin untuk membuat file gambar kecil (ini dapat secara signifikan menghemat sumber daya server Internet dengan mengurangi lalu lintas);
- membuat gambar animasi dalam bentuk gif ketika menggunakan program populer, khususnya Photoshop, sangat sederhana - bahkan pengguna yang belum berpengalaman dapat mulai melakukan ini;
- format grafik yang dimaksud bersifat universal (file GIF didukung oleh hampir semua platform komputer modern, browser, dan sebagian besar program pemrosesan grafik).
Gifs mampu menampilkan tidak terlalu banyak warna - hanya 256 (untuk perbandingan, dalam jpeg indikator yang sesuai adalah sekitar 16,7 juta), tetapi dalam banyak kasus cukup untuk membuat "clipart" tematik, ikon, spanduk atau video animasi. Ngomong-ngomong, dalam beberapa kasus, gambar penuh warna awalnya diformat ulang karena GIF terlihat spektakuler dengan caranya sendiri..
Iklan
Oleh karena itu, fitur GIF yang terkenal - menampilkan warna dalam jumlah terbatas - tidak harus selalu dianggap sebagai cacat format.
Namun, paling sering GIF menjadi populer karena kemampuan untuk membuat animasi ketika digunakan. Struktur mereka dapat diwakili oleh beberapa bingkai dalam urutan yang diberikan, serta algoritma, sesuai dengan durasi tampilan gambar individu pada layar ditentukan. Animasi menggunakan gif sering dikonfigurasikan untuk menelusuri bingkai (ketika gambar pertama dimulai ketika seri selesai diputar). Dapat dicatat bahwa klip dalam format multimedia standar, seperti, misalnya, AVI, Waktu Cepat, MPEG-4, tidak mengandung algoritma internal yang memungkinkan untuk pemutaran loop - fungsi yang sesuai dilakukan oleh program pemutar.
Format GIF memiliki analog - misalnya, Apng. Namun, standar Apng kurang umum dan tidak terlalu universal. Secara khusus, Photoshop tidak mendukungnya. Tidak seperti GIF - yang dapat diproses oleh program ini dalam berbagai cara. Kami akan mempelajari algoritma paling sederhana untuk membuat jenis animasi yang sesuai di Photoshop.
untuk isi ↑Algoritma untuk membuat animasi gif di Photoshop
Prinsip utama untuk memindahkan GIF menjadi sama dengan yang digunakan dalam film konvensional. Strukturnya direpresentasikan, sebagaimana diketahui, dengan urutan bingkai yang ditempatkan pada wadah plastik. Film ini, pada gilirannya, diputar di layar dengan kecepatan tertentu.
Jadi, untuk membuat animasi gif, pertama-tama kita akan membutuhkan "bingkai" dari mana kita kemudian akan membangun urutan yang diperlukan, sebuah "film" di mana mereka harus ditempatkan, serta mekanisme untuk "mereproduksi" bingkai.
Komponen pertama dari nomor yang disebutkan di atas dapat berupa gambar biasa. Diperbolehkan untuk membuatnya dalam format file apa pun - sebenarnya GIF, jpg atau, misalnya, png, dan photoshop sendiri mungkin sangat terlibat..
Untuk mempertimbangkan algoritma untuk membuat gif, kami menggunakan Photoshop dalam versi CS6, salah satu yang paling umum di Rusia dan di dunia. Biarkan dalam versi bahasa Inggris - banyak pecinta grafis komputer lebih suka menggunakannya, karena sejumlah besar dokumentasi untuk Photoshop dikompilasi dalam bahasa Shakespeare.
Jadi, kita buka Photoshop, pilih item File, dan kemudian - New. Biarkan ukuran gambar yang dibuat menjadi 800 kali 200 piksel.
Setelah itu, menggunakan alat Gradient yang terletak di panel kiri, kita dapat memberikan efek latar belakang gambar. Aktivasinya dilakukan secara sederhana - Anda perlu, dengan mengklik ikon yang sesuai dan menahan tombol kiri mouse, menggambar garis langsung pada gambar. Tergantung pada panjangnya, gradien akan menyebar melintasi gambar dalam satu proporsi atau yang lain.
Kemudian Anda dapat menulis di latar belakang, yang diisi dengan metode yang ditandai, beberapa teks menggunakan alat yang sesuai - Teks, juga terletak di panel, yang terletak di sebelah kiri jendela Photoshop. Biarkan kata berada di bingkai pertama gif kami. Dengan menulisnya, Anda dapat mengedit warna font, ukuran (opsi yang sesuai setelah memilih alat Teks akan terbuka di bagian atas jendela program), dan menambahkan goresan (dengan mengklik kanan pada layer teks yang akan dipanggil, seperti teks, dengan memilih Blending Options, dan kemudian Stroke).
Bingkai pertama siap. Itu harus disimpan dengan benar. Pilih File, lalu Save As. Format optimal dari file yang disimpan dalam kasus ini adalah png (ketika diaktifkan, huruf-hurufnya relatif lancar ditampilkan). Tetapi sebelum memilihnya dari daftar ekstensi yang diajukan, Anda harus mencentang kotak di sebelah Simpan Salin. Ini berarti bahwa di jendela Photoshop akan ada "sumber" dari file ini, yang dapat diedit. Setelah menyimpan frame pertama, kami akan terus bekerja dengan "sumber" yang sangat ini.
Tim memutuskan untuk dibedakan berdasarkan kualitas. Karena itu, sekali lagi memilih alat Teks, alih-alih kata, kami menulis "Bedakan". Ini akan menjadi bingkai kedua - simpan dengan cara yang sesuai dalam format png.
Setelah itu, kita kembali ke "sumber" dan memasukkan kata "Kualitas" alih-alih "Membedakan". Simpan file.
Sekarang kami memiliki 3 bingkai yang dapat kami gunakan, dari mana dimungkinkan untuk membuat animasi bentuk “- kami berbeda dalam kualitas”.
Tutup semua jendela di Photoshop (Anda bahkan dapat sepenuhnya keluar dari program untuk keandalan, dan kemudian unduh lagi). Setelah - klik File, kemudian Buka, dan pilih semua 3 file yang disimpan. 3 bingkai akan muncul di layar -, "Bedakan", "Kualitas".
Sekarang kita perlu melakukan satu operasi yang tidak biasa - untuk mengatur frame ini di atas satu sama lain. Yang terendah jelas akan. Sisanya kita akan memaksakan padanya. Sangat mudah dilakukan..
Itu perlu, dengan memilih Move Tool - juga di panel kiri, klik pada bingkai "Bedakan". Kemudian, menggunakan pintasan keyboard Ctrl dan A, Anda harus memilih seluruh area gambar dan menyalinnya - menggunakan Ctrl dan C, dan kemudian - Ctrl dan V, ke dalam bingkai. Karena ukurannya sama, gambar yang disalin akan benar-benar menutup yang pertama. Prosedur yang sama harus dilakukan dengan bingkai "Kualitas" - salin ke, ditutup oleh gambar "Bedakan". Sekarang semua frame sebelumnya akan ditutup dengan kata "Kualitas".
Setelah itu, pergi ke panel lapisan, yang terletak di sisi kanan jendela Photoshop, dan membuat bingkai yang terletak di atas tidak terlihat. Untuk melakukan ini, klik kiri pada gambar "mata" kecil yang terletak di sebelah kiri nama layer (Layer 1 dan Layer 2).
Akibatnya, hanya bingkai yang akan terlihat. Dalam hal ini, itu akan ditandai sebagai Latar Belakang, yaitu latar belakang. Di seberangnya, "mata" harus ditampilkan. Windows dengan dua file lain - "Dibedakan" dan "Kualitas", awalnya dimuat ke dalam program bersama dengan bingkai - dapat ditutup.
Langkah selanjutnya adalah aktivasi alat Photoshop yang paling penting, yaitu timeline, atau Timeline. Ini dapat dianggap sebagai analog dari "film" - komponen kedua dari animasi. Kami harus memposting bingkai yang dibuat oleh kami. Untuk mengaktifkan alat Timeline, pilih item menu Window, lalu - Timeline.
Setelah itu, panel baru akan terbuka di bagian bawah jendela photoshop (di bawah ruang kerja di mana bingkai berada, serta dua yang tersembunyi - "Bedakan" dan "Kualitas"). Ini adalah timeline. Ini akan memiliki tombol Buat Video Timeline. Anda harus mengkliknya, setelah itu skala animasi akan dimuat, dan di dalamnya ada tiga frame yang kami kerjakan di atas. Untuk kenyamanan, Anda dapat beralih ke mode bingkai - dengan mengklik ikon dalam bentuk tiga persegi panjang, yang terletak di sebelah kiri..
Setiap bingkai akan berisi bingkai tertentu. Baris pertama adalah yang cocok dengan yang ada di layar - di mana gambar terlihat, dan "Bedakan" dan "Kualitas" - gambar yang tidak terlihat.
Tugas kita adalah membuat frame selanjutnya dengan menempatkannya di frame yang sesuai. Untuk melakukan ini, klik ikon dalam bentuk empat garis horizontal dan pilih Frame Baru.
Dengan demikian, frame baru - mengikuti yang pertama - akan menjadi frame kedua. Di dalamnya, pada gilirannya, perlu untuk mengaktifkan gambar "Bedakan" - sehingga muncul di latar depan, menutupi dirinya sendiri. Untuk melakukan ini, pilih frame kedua dengan mouse, dan kemudian klik pada kotak kecil yang berlawanan dengan nama layer yang sesuai - Layer 1. Ini harus berubah menjadi "mata", sebagai akibatnya kata "Kami membedakan" akan menjadi gambar yang terlihat pada frame kedua..
Langkah selanjutnya adalah membuat bingkai ketiga. Demikian pula, menggunakan opsi Frame Baru. Frame ketiga akan menempatkan, masing-masing, frame "Kualitas". Di dalamnya, Anda perlu, pada gilirannya, untuk menonaktifkan "mata" di seberang gambar "Bedakan" dan mengaktifkan elemen yang sesuai, yang terletak di seberang lapisan yang diinginkan, yaitu, Lapisan 2.
Dengan demikian, ketiga frame akan ditempatkan pada gilirannya pada "film", yang merupakan alat Timeline.
Sekarang Anda dapat mengonfigurasi beberapa opsi untuk memainkan animasi di masa depan. Misalnya, durasi masing-masing frame. Penting untuk memilih semua frame secara bergantian - ini mudah dilakukan dengan mouse, tahan Ctrl, lalu - klik pada panah yang terletak di frame paling kanan, setelah - pilih nilai yang diinginkan untuk parameter yang sesuai. Misalnya - 2 detik.
Langkah selanjutnya adalah menggunakan mekanisme "playback" dari animasi. Sebenarnya, file GIF itu sendiri akan bertindak seperti itu. Untuk membuatnya, Anda perlu menyimpan animasi kami dalam format ini. Klik File, setelah - pilih item menu Save For Web. Jendela pengaturan GIF akan terbuka.
Ini memiliki sejumlah besar opsi. Secara opsional, Anda dapat bereksperimen dengan mereka. Tapi sejauh ini kami tidak mengubah apa pun, biarkan semuanya diatur secara default. Klik Simpan, tentukan nama file GIF dan tempat penyimpanannya.
Membuka gif animasi siap pakai adalah yang terbaik di peramban apa pun. Faktanya adalah bahwa jika Anda menjalankan file GIF di editor, frame kemungkinan besar tidak akan diputar..
Jika Anda membuka gif di browser - misalnya, Opera, Mozilla, Chrome, Internet Explorer, maka animasi dimulai, di mana kata-kata, "Bedakan", "Kualitas" akan diputar secara bergantian..
Jadi, kami belajar cara membuat gif di Photoshop. Alih-alih bingkai yang digunakan oleh kami, semua jenis gambar dapat digunakan, dan jumlahnya dapat sangat besar - hanya akan dibatasi oleh kinerja komputer. Jika Anda mau, mudah dibuat di Photoshop, menggunakan alat yang tersedia untuk bekerja dengan animasi GIF, seluruh kartun atau, misalnya, presentasi.
