Photoshop ialah perisian yang sangat maju dan mempunyai beberapa alat yang boleh dikuasai walaupun pengguna baru untuk mencipta kesan yang menakjubkan. Sebagai contoh, anda tidak memerlukan sebarang kemahiran khas untuk mencipta GIF animasi.

Dalam tutorial Photoshop ini saya akan menunjukkan kepada anda cara membuat animasi serigala dengan mata merah bercahaya.

Anda boleh menggunakan mana-mana foto yang anda suka, tetapi pastikan ia berkualiti dan menunjukkan mata dengan jelas. Anda boleh menggunakan foto yang saya akan bekerjasama.

Bahan:

• (Pasaran Envato)
• (Elemen Envato)

Bagaimana untuk menyediakan imej untuk animasi

GIF bukanlah format yang dioptimumkan dengan baik dan fail dalam format ini boleh menjadi sangat berat. Inilah sebabnya mengapa kita perlu memangkas imej kita untuk meninggalkan hanya elemen penting, dalam kes kita mata. Buka imej dalam Photoshop, menggunakan Crop Tool (C) (Frame), potong bahagian imej yang anda ingin animasikan. Kemudian tekan Enter.

Kami mahu menghidupkan mata, jadi kami perlu memisahkannya daripada imej yang lain. Terdapat banyak cara untuk memilih elemen dalam Photoshop, tetapi saya akan menunjukkan kepada anda cara terpantas.

Pergi ke Pilih > Julat Warna. Pilih penitis mata kedua dengan tanda "+" dan klik pada rona mata dalam imej sehingga anda melihatnya menjadi putih dalam pratonton.

Kami memilih semua warna kuning, tetapi sebahagian daripada mereka menonjol dalam bulu kelabu haiwan itu. Untuk menghapuskannya, mainkan dengan gelangsar Fuzziness sehingga kawasan sekitar mata menjadi hitam. Adalah sangat penting untuk memastikan semua kawasan kecuali mata benar-benar hitam.

Sebaik sahaja anda klik OK, pemilihan akan dibuat. Ia ternyata tidak begitu sempurna. Pergi ke Pilih > Refine Edge dan gunakan tetapan ini untuk membuat pemilihan lebih tepat. Semak pilihan Jejari Pintar dan bermain dengan pilihan Smooth dan Feather sehingga anda mencapai hasil yang diingini. Selepas itu klik OK.

Salin kawasan yang dipilih ke lapisan baharu dengan Ctrl + J.

Dan perkara terakhir yang perlu kita lakukan pada peringkat ini ialah mengurangkan saiz imej. Untuk melakukan ini, pergi ke Imej > Saiz Imej dan kurangkan saiz imej anda (kepada saiz yang munasabah).

Cara animasi bingkai demi bingkai berfungsi dalam Photoshop

Mari mula mencipta animasi. Pergi ke Tetingkap > Garis Masa untuk memaparkan panel Garis Masa di bahagian bawah kawasan kerja. Kemudian klik pada butang Cipta Bingkai Animasi.

Panel Garis Masa tidak begitu sukar untuk digunakan. Klik anak panah di sebelah Sekali untuk memaparkan pilihan untuk mengulang animasi. Anda boleh memainkan animasi sekali, 3 kali, berterusan, atau dalam pilihan terakhir anda boleh menetapkan berapa banyak ulangan yang anda perlukan. Tetapkan kepada Forever agar animasi dimainkan secara berterusan.

Parameter penting lain ialah tempoh main balik satu bingkai. Semakin singkat masa, semakin cepat animasi akan dimainkan dengan pergerakan yang lebih lancar, tetapi ia memerlukan lebih banyak bingkai.

Kami mahukan peralihan yang lancar dan akan mempunyai banyak bingkai, jadi pilih pilihan Lain dan masukkan nilai 0.06.

Untuk membuat bingkai baharu, klik ikon Pendua bingkai terpilih di bahagian bawah panel Garis Masa.

Setiap bingkai mengingati keadaan lapisan secara berasingan. Oleh itu, jika anda menyembunyikan lapisan dalam satu bingkai, ia akan tetap kelihatan dalam bingkai yang lain. Amaran: Pastikan anda bermula dari bingkai pertama.

Sembunyikan lapisan dalam satu bingkai dan mainkan animasi dengan menekan bar ruang. Perkara penting ialah alat ini berfungsi: ia menyembunyikan dan menunjukkan lapisan mengikut keadaannya yang disimpan dalam bingkai.

Mencipta Tweak Photoshop

Tetapi menyembunyikan dan menunjukkan lapisan bukan semua yang boleh dilakukan! Tiga sifat boleh disimpan dalam setiap bingkai:

• kedudukan
• Kelegapan
• Kesan

Ini bermakna anda boleh menyimpan sifat ini pada satu lapisan dalam satu bingkai, dan dalam bingkai lain tiada perubahan akan berlaku pada lapisan yang sama (sekali lagi, pastikan anda bermula dari bingkai pertama untuk mengelakkan sebarang "kejutan"). Perkara yang menarik tentang ini ialah Photoshop mampu mencipta peralihan automatik antara keadaan ini pada lapisan yang sama. Biar saya tunjukkan helah ini kepada anda dalam keadaan paling berkesan yang ada - kesan.

Jadikan semua lapisan kelihatan pada kedua-dua bingkai sekali lagi, kemudian pilih bingkai kedua dan klik pada lapisan mata. Klik dua kali dengan butang kiri tetikus untuk memaparkan tetingkap "Pilihan Tindanan"; kami berminat dengan gaya Tindanan Warna.

Klik pada segi empat tepat kelabu dan tukar warna kepada merah terang.

Tukar mod kepada Skrin supaya mata tidak hanya dicat merah terang, tetapi kelihatan realistik.

Selepas itu, gunakan gaya Outer Glow.

Tetapkan ini kepada warna merah terang yang sama.

Jadikan mata bersinar lebih kuat dengan bermain dengan parameter Spread dan Size.

Kami mempunyai animasi mudah, mainkannya dengan menekan bar ruang.

Adakah anda bersetuju bahawa kesannya tidak begitu meyakinkan? Ia akan menjadi lebih baik dan lebih semula jadi jika mata menyala dengan lebih perlahan. Di sinilah letaknya kuasa sebenar alat ini. Tahan Ctrl dan pilih dua bingkai. Klik ikon menu di penjuru kanan sebelah atas panel Garis Masa dan pilih Tween.

Lebih banyak bingkai yang anda tambahkan, lebih lancar peralihannya dan lebih lama animasinya. Saya menetapkan nilai kepada 10.

Satu lagi kelemahan animasi yang dicipta ialah cahaya mata hilang terlalu mendadak. Mari kita betulkan ini dengan membuat satu lagi peralihan. Pilih bingkai pertama dan terakhir, pergi ke menu sekali lagi, pilih Tween (Bingkai perantaraan) dan juga tetapkan nilai kepada 10.

Akhir sekali, cari bingkai dengan cahaya terang di mata dan tukar tempohnya kepada nombor yang lebih panjang. Oleh itu, pada peringkat ini, mata akan terbakar lebih lama.

Ia ternyata baik!

Helah bonus: Jika anda mahu animasi anda lebih baik daripada format GIF yang ditawarkan, anda boleh merakam animasi yang dimainkan menggunakan beberapa perisian (atau mengeksport sebagai video) dan menyimpannya sebagai video.

Kesimpulan

Sekarang anda tahu cara membuat fail GIF animasi dalam Photoshop.

Pada Envato Tuts+ kami mengehadkan saiz fail imej kepada tidak lebih daripada 200kb. Walau bagaimanapun, anda boleh melihat GIF siap dalam semua kemuliaannya dalam format video di bawah.

Cara membuat GIF daripada video - buat GIF

Animasi GIF telah menjadi permintaan yang tinggi dalam kalangan pengguna Internet sejak beberapa tahun kebelakangan ini. GIF animasi yang sesuai menyampaikan emosi dengan baik dan memberikan ulasan yang lebih berat. GIF yang dibuat berdasarkan adegan daripada siri TV atau filem popular adalah sangat popular. Bagaimana untuk membuat GIF daripada video? Ya, anda boleh membuat gif (gif) asal secara bebas daripada video - mengikut cara yang anda mahukan. Apa yang anda perlukan untuk ini ialah program khas, contohnya, "VideoMASTER".

Dengan aplikasi ini, anda bukan sahaja boleh membuat gif menarik daripada video sendiri dalam beberapa minit sahaja, tetapi juga melakukan beberapa operasi berguna lain dengan fail video, contohnya, menukar format atau meningkatkan kualiti video. Anda akan belajar tentang ini dan banyak lagi daripada teks di bawah.

Anda juga boleh menonton tutorial video terperinci:

Langkah 1. Pasang program

Klik "Tambah" dan tentukan laluan ke fail video yang anda perlukan

Langkah 3: Edit video

Sebelum membuat gif daripada video, anda boleh meningkatkan kualiti imej asal atau hanya mempelbagaikan video dengan kesan khas, kapsyen, dan juga, jika perlu, mengembangkan video. Untuk melakukan semua ini, pergi ke menu "Kesan". Laraskan parameter imej asas, i.e. Kontras, kecerahan, rona dan ketepuan boleh dilaraskan secara manual atau menggunakan pelarasan automatik.

Gunakan kesan asal pada video anda

Terima kasih kepada perpustakaan kesan terbina dalam, anda mempunyai bidang yang besar untuk kreativiti. Anda boleh mencerahkan imej dengan meningkatkan ketepuan, atau menukar video menjadi karya hitam putih. Anda juga boleh menambah ulasan penjelasan atau tera air pada video. Dan, sudah tentu, anda mempunyai pilihan untuk memutar video 90°, 180° dan 270°.

Langkah 4. Bagaimana untuk membuat GIF daripada video

Klik pada ikon GIF yang terletak di penjuru kanan sebelah atas, atau pilih pilihan "animasi GIF", yang terletak dalam katalog format. Pilihan lain ialah memilih fungsi "Buat GIF" daripada menu "Proses". Kemudian tandai tepi pemangkasan video menggunakan penanda hitam. Ia terletak di tepi bar skrol. Sekarang nyatakan saiz imej. Untuk memastikan sekeping video anda muat sepenuhnya ke dalam bingkai, gunakan pilihan "Fit Video". Di samping itu, anda boleh menetapkan sendiri kawasan tanaman secara manual. Hanya pilih pratetap yang diperlukan dan klik butang "Seterusnya".

Sesuaikan parameter imej GIF masa hadapan

Langkah 5. Bagaimana untuk menyimpan GIF

Anda boleh meneruskan ke peringkat akhir mencipta gif daripada video - menetapkan parameter. Pilih kadar bingkai dan bilangan ulangan. Pada ketika ini, anda juga boleh mengurangkan atau meningkatkan kelajuan main balik. Setelah semua pilihan telah dipilih, kami mengesyorkan anda melihat hasilnya sekali lagi. Jika semuanya ternyata seperti yang anda mahukan, klik butang "Buat GIF". Jangan lupa untuk menentukan folder tempat fail anda akan disimpan.

Jadi anda telah belajar cara membuat GIF daripada video menggunakan program VideoMASTER. Kini anda mempunyai alat di tangan anda yang boleh anda gunakan untuk mengejutkan rakan anda dengan mencipta gambar animasi yang unik, menyeronokkan dan eksklusif. Untuk melakukan ini, anda hanya memerlukan bahan sumber - filem, klip atau video kegemaran anda daripada arkib video peribadi anda. GIF digunakan oleh banyak syarikat untuk sepanduk pengiklanan. Format GIF adalah yang paling mudah untuk menyimpan dan menghantar data, kerana ia mengambil lebih sedikit ruang daripada fail video yang besar.

Di InVision, animasi GIF tidak digunakan untuk memanjakan - ia memainkan peranan penting dari sudut pemasaran dan latihan. Jadi kami cuba menggunakannya di halaman utama kami dan bukannya animasi berkod.

Akhirnya orang mula bertanya kepada kami, "Bagaimanakah anda membuat animasi GIF?" Sudah tiba masanya untuk mendedahkan rahsia.

Reka bentuk imej GIF

1. Ramuan rahsia

Inilah rahsia kecil saya: semua animasi GIF saya bermula sebagai fail video. Saya biasanya menggunakan ScreenFlow, yang juga saya gunakan untuk membuat video produk kami. Ini adalah program mudah yang pada masa yang sama mengandungi banyak alat animasi yang berguna.
Selepas saya menyimpan animasi sebagai fail video, saya mengimportnya ke dalam Photoshop melalui Fail > Import > Bingkai Video Sebagai Lapisan.

Nasihat: Jika ScreenFlow atau After Effects bukan perkara anda, buat animasi dalam Keynote dan eksportnya sebagai video. Akhirnya beberapa penggunaan ciri ini dalam Keynote.

2. Kurang warna = lebih menyeronokkan

Jika anda ingin membuat animasi GIF yang keren, maka anda perlu mendekati pilihan warna dengan berhati-hati. Ini bukan sahaja akan menjejaskan saiz fail, tetapi juga akan membolehkan anda mencipta animasi yang lebih panjang dengan saiz fail yang lebih kecil. (Bagi saya kecil adalah kurang daripada 1MB)

3. Gunakan kabur gerakan jika boleh

Program seperti ScreenFlow dan After Effects membolehkan anda mengeksport video dengan kabur gerakan digunakan. Ini bukan sahaja akan memberikan animasi anda rupa profesional, tetapi ia juga akan memudahkan untuk mengurangkan saiz fail dalam Photoshop.

4. Menjadi (agak) malas

Bayangkan apakah elemen lain yang boleh saya tambahkan pada animasi GIF pada permulaan siaran ini. Petua alat kecil dengan nama pengguna, kursor mengklik butang tambah dan sebagainya. Orang ramai tidak perlu melihat semuanya untuk mendapatkan pemahaman umum tentang perkara yang mereka lihat, jadi hanya tunjukkan perkara yang anda perlukan - anda dihadkan oleh masa dan saiz fail.

Eksport animasi GIF

Sebelum anda bimbang tentang petua di bawah, cuba eksport animasi GIF anda. Jika saiznya berpatutan, baguslah! Teruskan dengan semangat yang sama. Jika tidak, cuba kaedah berikut.

5. Keluarkan bingkai pendua

Kemungkinan besar animasi anda berhenti atau kekal tidak bergerak untuk beberapa ketika. Jika anda melihat dengan teliti, anda akan dapati bahawa detik ini terdiri daripada beberapa bingkai yang sama. Jika terdapat 10 bingkai sedemikian, kemudian padamkan 9 daripadanya dan tetapkan tempoh bingkai yang tinggal kepada, sebagai contoh, 1 saat.

Jika itu tidak membantu, cuba import video sekali lagi, tetapi kali ini pilih pilihan Had Kepada Setiap 2 Bingkai. Ini sepatutnya mengurangkan saiz fail dengan ketara.

Nasihat: Jika animasi anda mengandungi lebih daripada 150 bingkai, anda akan menghadapi masalah apabila cuba mengurangkan saiz fail.

6. Lebih sedikit warna

Apabila anda menyimpan animasi GIF dalam Photoshop, anda akan melihat menu lungsur di sebelah pilihan Warna. Eksperimen dengan nilai, cuba bilangan warna terkecil yang mungkin yang tidak akan menjadikan keseluruhan fail menjadi sampah.

7. Tukar parameter Lossy*

Sejujurnya, saya tidak tahu apa maksud parameter ini. Tapi saya betul-betul Saya tahu bahawa jika anda menetapkannya pada tahap antara 1 dan 10, anda akan menyingkirkan kilobait tambahan tanpa kehilangan kualiti.

* "Lossy" - tahap kehilangan maklumat grafik yang boleh diterima dalam fail raster, membolehkan anda mengurangkan saiz fail imej

Tiada perubahan! Tolong!

Jika anda telah mencuba semua yang dinyatakan di atas dan masih tidak dapat mengurangkan saiz animasi GIF anda, maka anda perlu berundur selangkah. Mungkin anda mahukan yang mustahil? Adakah terdapat cara lain untuk mencapai apa yang anda inginkan? Adakah mungkin untuk membahagikan fail kepada dua animasi GIF? Ia akan menjadi lebih baik jika animasi GIF anda memfokuskan pada satu aspek.

Daripada penterjemah. Dengan semua keinginan dan komen anda mengenai terjemahan, sila hubungi saya dalam mesej peribadi. Terima kasih!

Anda boleh memasang GIF daripada bingkai individu menggunakan aplikasi khas atau editor grafik universal. Mari lihat pilihan yang ada.

Kaedah 1: Animator GIF Mudah

Program fungsi yang ringkas dan pada masa yang sama maju yang membolehkan anda membuat GIF daripada kedua-dua video dan foto.

1. Buka program. Dalam blok pilihan "Tuan Penciptaan" klik pada item tersebut "Buat animasi baharu".



2. Satu tetingkap akan dibuka "Sarjana Penciptaan Animasi". Klik pada butang di sana "Tambah Imej".
   
   
   Akan bermula "Konduktor"- gunakannya untuk membuka katalog foto dari mana anda ingin membuat GIF. Setelah mencapai folder yang dikehendaki, pilih fail (paling mudah untuk melakukan ini dengan gabungan CTRL+LMB) dan tekan "Buka".
   
   
   Kembali ke "Kepada Guru...", anda boleh menukar susunan imej menggunakan butang anak panah. Untuk meneruskan, tekan "Selanjutnya".



3. Laraskan gelung dan kelewatan animasi siap, kemudian gunakan butang sekali lagi "Selanjutnya".



4. Tidak perlu menukar apa-apa dalam tetingkap tetapan kedudukan imej jika anda menggunakan foto dengan saiz yang sama. Jika di antara imej terdapat bingkai dengan resolusi yang berbeza, gunakan pilihan pelarasan, kemudian klik "Selanjutnya".



5. klik "Lengkap".



6. Jika perlu, gunakan ciri lain program - contohnya, pratonton GIF yang telah siap.



7. Untuk menyimpan keputusan, klik pada item menu "Fail".
   
   
   Seterusnya, pilih "Simpan".



8. Akan dibuka semula "Konduktor"— pergi ke direktori di mana anda ingin menyimpan GIF yang terhasil, masukkan nama fail dan gunakan butang "Simpan".



9. Selesai – animasi GIF akan muncul dalam folder yang dipilih.

Easy GIF Animator sangat mudah digunakan, tetapi ia adalah program berbayar dengan tempoh percubaan yang singkat. Walau bagaimanapun, ia sesuai untuk kegunaan tunggal.

Kaedah 2: GIMP

Editor grafik percuma GIMP ialah salah satu penyelesaian yang paling mudah untuk tugas kami hari ini.

Seperti yang anda lihat, ia sangat, sangat mudah, malah pengguna baru boleh mengendalikannya. Satu-satunya kelemahan GIMP ialah ia berfungsi dengan perlahan dengan imej berbilang lapisan dan perlahan pada komputer yang lemah.

Kaedah 3: Adobe Photoshop

Yang paling canggih dari segi teknikal juga termasuk alat untuk menukar satu siri foto menjadi animasi GIF.

Kesimpulan

Sebagai kesimpulan, kami ambil perhatian bahawa kaedah yang diterangkan di atas hanya boleh mencipta animasi yang sangat mudah; untuk GIF yang lebih kompleks, alat khusus adalah lebih sesuai.

Terdahulu di tapak kami melihat yang pihak ketiga, tetapi kebanyakannya boleh menggantikan Photoshop biasa dengan mudah. Fail GIF animasi boleh dibuat dengan mudah dan cepat dengan bantuannya. Mereka biasanya terdiri daripada beberapa imej (bingkai), yang, apabila diubah langkah demi langkah, membentuk hasil akhir. Hari ini kami akan cuba mempertimbangkan isu ini dari A hingga Z dengan seberapa terperinci yang mungkin:

Tangkapan skrin di bawah adalah daripada Photoshop CC, tetapi bekerja dengan animasi GIF dalam CS6 dan versi lain program adalah serupa, tambah atau tolak. Mungkin alat visual akan sedikit berbeza, tetapi secara umum, prinsip dan algoritma tindakan adalah serupa. Sebagai contoh, pertimbangkan tugas remeh tentang cara mencipta animasi GIF dalam Photoshop daripada gambar yang menggantikan satu sama lain. Baru-baru ini, menggunakan panduan ini, saya membuat gif tentang pengembaraan saya untuk catatan terakhir untuk 2016 di blog peribadi saya.

Proses itu mengambil masa 5-10 minit. Perkara penting di sini ialah ikuti semua langkah dengan teliti. Pada akhir siaran anda akan menemui tutorial video bahasa Inggeris mengenai topik ini.

Menambah Imej Animasi GIF dalam Photoshop

Perkara pertama yang anda perlu lakukan ialah memuatkan semua gambar/foto yang akan mengambil bahagian dalam animasi ke dalam editor grafik. Tambahkannya pada satu projek dalam lapisan berbeza - ini akan menjadi bingkai untuk fail GIF yang terhasil. Semak saiz gambar dan paparannya supaya semuanya sesuai dengan keperluan anda. Lapisan boleh disembunyikan (menggunakan ikon mata di sebelah kiri lapisan) untuk melihat semua objek.

Di tengah-tengah panel ini terdapat senarai lungsur di mana anda perlu memilih pilihan "Buat Animasi Bingkai" dan klik pada butang. Hasil daripada tindakan ini, Garis Masa akan berubah sedikit dan anda sepatutnya melihat imej dari lapisan paling atas sebagai bingkai pertama.

Dalam langkah seterusnya, pilih semua lapisan dalam projek (klik padanya sambil menahan kekunci Ctrl). Selepas itu, buka menu konteks di sudut kanan atas tetingkap Garis Masa dan pilih "Buat Bingkai Daripada Lapisan".

Daripada semua lapisan yang boleh dilihat dan dipilih, Adobe Photoshop akan mencipta bingkai GIF animasi. Akibatnya, anda akan melihatnya dalam panel Garis Masa.

Tetapan animasi GIF dalam Photoshop

Di sini anda perlu menentukan 2 perkara: tempoh paparan bingkai berbeza + bilangan ulangan gif. Mari kita mulakan dengan yang pertama. Di bawah setiap objek gambar dalam Garis Masa anda akan menemui masa paparan dan anak panah ke bawah. Klik padanya dan pilih tempoh kad dalam menu timbul.

Anda boleh menentukan masa yang berbeza untuk elemen atau menetapkan parameter untuk beberapa daripadanya secara serentak (pemilihan bersama seperti dalam lapisan - menggunakan Ctrl).

Untuk "menggelungkan" GIF dalam Photoshop semasa mencipta animasi, pilih nilai Forever dalam tetapan yang sesuai seperti yang ditunjukkan dalam tangkapan skrin di bawah.

Di sana anda juga boleh menentukan bilangan ulangan yang anda perlukan. Berdekatan ialah butang Main, yang membolehkan anda memainkan GIF animasi dan melihat rupa hasil akhir.

Menyimpan animasi GIF dalam Photoshop

Di bahagian akhir panduan kami, kami akan melihat cara menyimpan animasi GIF dalam Photoshop dengan betul. Untuk tujuan ini, alat Simpan untuk Web yang biasa digunakan, tetapi dalam versi terkini Adobe Photoshop CC ia terletak di lokasi menu baharu (Fail - Eksport). Nasib baik Alt + Shift + Ctrl + S masih berfungsi.

Dalam tetingkap tetapan yang terbuka, anda perlu memilih format GIF, dan juga pastikan tetapan Pilihan Gelung ditetapkan kepada Selamanya. Di sudut kanan bawah tetingkap, terdapat pilihan untuk menjalankan GIF animasi yang anda buat dalam Photoshop untuk pratonton.

Jika semuanya berfungsi seperti yang diharapkan, klik Simpan dan simpan fail ke komputer setempat anda. Untuk menyemak kefungsian GIF, anda perlu membukanya dalam penyemak imbas, kerana... Pemapar Windows terbina dalam tidak memainkan animasi.

Dengan cara ini, anda juga boleh mengeksport projek anda ke format video dengan mudah. Prosedurnya adalah sama seperti semasa menyimpan animasi GIF, tetapi dalam menu Photoshop, pilih Fail - Eksport - Render Video.

Dalam tetingkap yang terbuka akan terdapat tetapan video yang berbeza, tetapi anda tidak perlu menukar apa-apa tambahan, cuma klik pada butang Render. Hasilnya, anda akan menerima fail mp4 dengan tayangan slaid foto/imej.

Akhir sekali, kami cadangkan menonton tutorial video bahasa Inggeris tentang mencipta GIF animasi dalam Photoshop. Algoritma untuk bekerja di sana adalah sama seperti dalam artikel, tetapi mungkin lebih mudah bagi anda untuk melihat maklumat daripada video.

Jika anda masih mempunyai sebarang soalan tentang cara membuat animasi GIF dalam Photoshop atau mempunyai sebarang penambahan, tulis dalam komen.