Bagaimana untuk membuat animasi gif di Photoshop

Anonim

Bagaimana untuk membuat animasi gif dalam Adobe Photoshop

Kaedah 1: Animasi Manual Objek

Kaedah pertama sesuai untuk pengguna yang ingin memohon Adobe Photoshop untuk animasi manual yang ditambahkan ke lapisan kanvas. Ini boleh menjadi tokoh geometri sewenang-wenang, imej atau teks yang sedia ada. Walaupun editor grafik ini tidak sesuai untuk melaksanakan tugas sedemikian, dengan penciptaan gif mudah ia akan menampung, dan anda boleh memisahkan proses ini untuk beberapa langkah.

Langkah 1: Menghidupkan "skala masa"

Animasi dalam Adobe Photoshop berlaku menggunakan lokasi dan penyuntingan objek pada "skala masa". Secara lalai, tetingkap ini tersembunyi dalam program ini kerana ia tidak digunakan dalam persekitaran kerja yang standard. Untuk mengaktifkannya, buka menu "Tetingkap" dan klik "Skala Masa".

Menghidupkan skala masa untuk membuat animasi dalam Adobe Photoshop

Di bawah akan muncul panel baru yang akan kami rujuk lebih lanjut. Selepas bekerja dengan GIF, anda boleh menyembunyikannya lagi menggunakan butang yang sama dalam menu yang disebutkan.

Kemasukan skala masa yang berjaya untuk membuat animasi dalam Adobe Photoshop

Langkah 2: Penyediaan Elemen untuk GIF

Seperti yang disebutkan sebelumnya, Photoshop membolehkan anda mengawal mana-mana lapisan, termasuk teks, gambar dan bentuk geometri yang dibuat. Untuk memulakan, unsur-unsur perlu menambah kanvas, mewujudkan projek baru. Letakkan setiap satunya dalam lapisan berasingan supaya tidak mengalami masalah dengan penyuntingan lanjut. Sebaik sahaja kerja persediaan selesai, pergi ke langkah seterusnya.

Penyediaan objek sebelum membuat animasi dalam Adobe Photoshop

Langkah 3: Menetapkan kesan penampilan

Terdapat beberapa tindakan animasi asas yang boleh dilaksanakan dalam editor grafik, dan kesan mana-mana elemen muncul di sini. Adalah dicadangkan untuk mempertimbangkannya terlebih dahulu pada masa yang sama untuk berurusan dengan cara berinteraksi dengan "skala masa" dan bagaimana perkara utama berkaitan dengannya.

  1. Pergi ke operasi dengan panel yang dikuasai dan klik di sana pada butang "Buat Skala Masa untuk Video".
  2. Mewujudkan trek animasi baru di Adobe Photoshop Graphic Editor

  3. Setiap lapisan akan sesuai dengan trek yang berasingan, yang bermaksud bahawa anda boleh memilih mana-mana daripada mereka dan meneruskan untuk mengedit.
  4. Lokasi setiap lapisan pada trek animasi di Adobe Photoshop

  5. Dalam kes kami, pertimbangkan logo kecil. Kembangkan lapisannya untuk melihat semua tindakan animasi yang ada.
  6. Pemilihan lapisan untuk membuat animasi dalam Adobe Photoshop

  7. Dalam contoh, kami menubuhkan kesan penampilan yang dilaksanakan menggunakan fungsi "opacity". Klik pada baris ini untuk membuat titik utama yang pertama, dan ia akan mengingati keadaan yang sedang berlaku sekarang.
  8. Mewujudkan titik utama pertama apabila bekerja dengan animasi dalam Adobe Photoshop

  9. Berada di pusat pemeriksaan ini, ubah kelegapannya kepada 0% untuk menyembunyikan sepenuhnya dari ruang kerja.
  10. Tukar kelegapan objek ketika bekerja dengan animasi di Adobe Photoshop

  11. Luncurkan gelangsar selama beberapa saat dan buat titik lain, dan kemudian buka kelonggaran kembali sebanyak 100%.
  12. Mewujudkan titik utama kedua dan perubahan dalam kelegapan objek dalam Adobe Photoshop

  13. Main animasi dan lihatlah tetingkap pratonton untuk membiasakan diri dengan hasilnya. Dua perkara utama kami mencapai kesan penampilan dengan mengubah fungsi kelegapan objek dalam setiap mereka.
  14. Bermain animasi untuk melihat semasa penyuntingan dalam Adobe Photoshop

Dengan cara yang sama, anda boleh menukar mana-mana parameter objek, termasuk warna, kedudukan, kesan overlay dan segala yang ada di Adobe Photoshop. Perlu dipertimbangkan dengan keunikan kerja kunci. Pilih mana-mana trek, sama ada ia adalah "kedudukan", "opacity" atau "gaya", dan membuat beberapa perubahan di sana. Ia masih akan digunakan tanpa mengira jenis tindakan, yang mana kita akan memastikan dalam langkah seterusnya.

Langkah 4: Objek Pindah Animasi

Asas animasi adalah pergerakan, jadi kami mencadangkan untuk membongkar tetapan tindakan ini terhadap contoh beberapa kunci dan jenis pergerakan asas.

  1. Sebagai objek yang bergerak, kami menggunakan teks itu, pada masa yang sama menyemak maklumat yang diterangkan sebelum ini. Kembangkan blok dengan lapisannya untuk penampilan trek bantuan.
  2. Pilih lapisan kedua untuk membuat animasi dalam Adobe Photoshop

  3. Ia dapat dilihat bahawa program itu tidak menentukan fungsi "kedudukan", jadi anda perlu memilih pilihan lain.
  4. Memilih trek baru untuk pergerakan animasi di Adobe Photoshop

  5. Sekiranya anda yakin bahawa "perspektif" dalam animasi ini tidak akan digunakan, ini bermakna anda boleh menggunakan rentetan ini untuk mengubah kedudukan teks. Buat kunci pertama dan letakkan tulisan dalam kedudukan awal melalui alat "pergerakan".
  6. Mewujudkan titik utama pertama untuk animasi gerakan di Adobe Photoshop

  7. Buat perkara utama berturut-turut, sedikit dengan memindahkan teks ke kedudukan akhir untuk memastikan kelancaran pergerakan.
  8. Mewujudkan perkara utama lain apabila menghidupkan trafik dalam Adobe Photoshop

  9. Secara berkala menghasilkan semula animasi dan menyesuaikan kunci untuk memperbaiki kelancaran.
  10. Pengeluaran semula animasi Apabila bekerja dengan pergerakan di Adobe Photoshop

  11. Sekiranya kunci tidak menyusahkan untuk bekerja dalam pandangan masa kini, ubah skala atau meningkatkan kitaran untuk menambah mata baru.
  12. Mengedit kawasan animasi di Adobe Photoshop

  13. Jika anda perlu menggantikan atau menambah objek, tekan butang dalam bentuk tambah.
  14. Menambah elemen untuk animasi pada skala masa dalam Adobe Photoshop

Langkah 5: Menyimpan GIF-On Computer

Sebaik sahaja animasi selesai, anda perlu meneruskan untuk menyimpan projek dalam bentuk fail GIF untuk menyiarkan rangkaian atau bermain di komputer tempatan. Untuk melakukan ini, Adobe Photoshop mempunyai dua fungsi yang berbeza.

  1. Buka menu Fail, gerakkan kursor ke "Eksport" dan pilih pilihan "Simpan untuk Web". Jika anda tidak memerlukan tetapan animasi tambahan, gunakan "Simpan sebagai" dan nyatakan format yang betul dalam menu lungsur.
  2. Peralihan kepada pemeliharaan animasi selesai di Adobe Photoshop

  3. Apabila mengeksport, cari format GIF.
  4. Memilih format animasi sebelum mengekalkannya di Adobe Photoshop

  5. Tukar warna substrat jika ini tidak dilakukan sebelum ini.
  6. Pilih warna substrat animasi sebelum menyimpannya di Adobe Photoshop

  7. Edit saiz imej dan bilangan pengulangan.
  8. Pilih saiz animasi sebelum memeliharanya di Adobe Photoshop

  9. Sebelum mengklik butang "Simpan" sekali lagi, periksa ketepatan parameter yang dipilih.
  10. Pengesahan pemuliharaan animasi dalam Adobe Photoshop

  11. Tetapkan nama fail, tentukan laluan simpan untuknya dan sahkan tindakan ini.
  12. Memilih tempat untuk menyimpan animasi di Adobe Photoshop

Buka GIF melalui penyemak imbas atau mana-mana alat mudah untuk memeriksa ketepatan main balik, selepas itu proses penciptaan dapat dipertimbangkan.

Kaedah 2: Mencipta GIF dari Foto

Adobe Photoshop membolehkan anda membuat GIF dari foto sedia ada. Ia boleh seperti bingkai kliping dari video dan imej berurutan yang dibuat khas. Proses membentuk animasi dalam kes ini adalah lebih mudah daripada yang sebelumnya, kerana ia tidak memerlukan manual penciptaan mata utama.

  1. Pada "skala masa" kali ini menukar mod untuk "membuat animasi bingkai" dengan memilih pilihan ini dalam menu lungsur.
  2. Pilih mod penciptaan animasi kedua di Adobe Photoshop

  3. Buka "Fail", gerakkan kursor ke atas "skrip" dan klik pada item "Muat turun fail untuk stack".
  4. Peralihan untuk menambah imej untuk membuat animasi dalam Adobe Photoshop

  5. Dalam tetingkap yang muncul, klik "Gambaran Keseluruhan".
  6. Menggunakan alat Tambah Imej Pantas untuk membuat animasi dalam Adobe Photoshop

  7. Segera muat turun semua foto yang perlu dimasukkan dalam animasi.
  8. Menambah berbilang imej untuk membuat animasi dalam Adobe Photoshop

  9. Jika anda ingin menyelaraskannya, aktifkan ciri ini sebelum menambah.
  10. Menggunakan pilihan penjajaran imej semasa membuat animasi dalam Adobe Photoshop

  11. Gunakan butang "Buat Bingkai Animasi" untuk membentuk animasi.
  12. Mula membuat animasi dari gambar dalam Adobe Photoshop

  13. Kembangkan menu tindakan dan cari item "Buat Bingkai dari Lapisan" di sana untuk menambah imej lain.
  14. Menambah semua gambar sebagai bingkai untuk animasi dalam Adobe Photoshop

  15. Edit urutan mereka dengan menukar rakaman dengan tempat, jika keperluan timbul.
  16. Menambah gambar yang berjaya sebagai bingkai untuk animasi dalam Adobe Photoshop

  17. Untuk melanjutkan setiap main balik bingkai, gunakan kelewatan atau konfigurasikannya jika kelajuan main balik berpuas hati dengan anda.
  18. Mengedit kelajuan pembiakan animasi dalam Adobe Photoshop

  19. Sebelum menyimpan, periksa main balik dan buat gif kerana ia ditunjukkan di peringkat akhir kaedah sebelumnya.
  20. Mencipta animasi yang berjaya dalam Adobe Photoshop dari bingkai individu

Jika, selepas membaca arahan, anda memutuskan bahawa Adobe Photoshop tidak sesuai untuk melaksanakan animasi yang dimaksudkan, kami menasihati anda untuk membiasakan diri dengan program lain yang direka untuk bekerja dengan GIF. Tinjauan terperinci mengenai wakil-wakil popular perisian tersebut adalah dalam artikel yang berasingan di laman web kami.

Baca lebih lanjut: Perisian terbaik untuk membuat animasi

Baca lebih lanjut