Pelajaran animasi baharu dalam Photoshop. Animasi gerakan. Menyimpan animasi GIF dalam Photoshop

Selamat malam, pelanggan yang dihormati dan hanya pembaca blog saya! Adakah anda bersedia untuk belajar bagaimana menghidupkan gambar anda? Dan bukan dengan bantuan sihir, tetapi dengan bantuan segala-galanya dari Photoshop tercinta kami! Sudah berapa lama saya menangguhkan pelajaran ini, tanpa memahami sebabnya. Lagipun, ini adalah asas Photoshop! Tetapi sekarang saya telah memutuskan untuk memperbaiki.

Dan perbaiki dengan begitu banyak sehingga pada akhir video, video anda juga akan menerima pelajaran video tentang cara melakukannya buat animasi dalam photoshop.

Saya sudah lama tidak menulis tutorial Photoshop, dan saya mempunyai sebab untuk itu. Lagipun, saya sedang menamatkan cerita saya "". Anda dialu-alukan untuk membacanya dan menyatakan pendapat anda secara langsung dalam komen!

Sekarang mari kita beralih kepada pelajaran. Dalam video di bawah, saya akan memberitahu anda cara membuat teks yang ditambah secara beransur-ansur, tetapi dalam pelajaran teks tugasnya akan menjadi sedikit lebih rumit.

Kami mempunyai Cipollino, dan kami perlu membuatnya melambaikan tangannya kepada kami.

Langkah 1. Mula-mula anda perlu "menghidupkan" animasi dalam Photoshop. Untuk ini kita pergi "Tetingkap" -> "Animasi". Ia mungkin masih ditulis “Garis masa”.

Langkah 2. Untuk membolehkan tangan bergerak, kita perlu memotongnya dan memasukkannya ke dalam jawatan yang berbeza. Untuk memotong tangan, saya sendiri menggunakan “Laso magnetik”. Buat salinan yang utama ( Ctrl+J) dan bekerja dengan salinan. Kami tidak menyentuh yang asal.

Berhati-hati pilih tangan dan potong!

Langkah 3. Sekarang kami memasukkan tangan kami, tidak kira betapa dahsyatnya bunyi itu, dan meletakkannya dalam kedudukan yang berbeza. Tangan akan dimasukkan ke dalam lapisan baru, ini adalah kelebihan kita.

Langkah 4. Langkah ini adalah pilihan, tetapi lebih baik menggunakan alat Pemadam untuk membetulkan sedikit tangan, menjadikannya lebih semula jadi. Sukar untuk menjelaskan perkara ini, tentu saja, dengan kata-kata. Jika anda faham mengapa kami menggunakan pemadam, ikuti langkah ini; jika anda masih tidak faham, anda boleh melangkaunya. Ini tidak penting, kerana perkara yang paling penting bagi kami ialah belajar cara mencipta animasi mudah!

Langkah 5. Sekarang kami bekerja dengan kakitangan. Dalam setiap bingkai kita hidupkan hanya lapisan yang kita perlukan. Sebagai contoh, dalam bingkai 1 kami memerlukan asal kami, dan dalam kes kami “Lapisan 0”.

Sekarang mari buat bingkai baharu:

Dan dalam bingkai baharu kami menghidupkan lapisan lain. Iaitu, kami “Lapisan 0 salinan” Dan “Lapisan 1”, iaitu kedudukan tangan yang berbeza. Saya harap algoritma itu jelas kepada anda, pembaca yang dihormati.

Langkah 6. Tetapkan kelewatan bingkai. Iaitu, selepas tempoh masa bingkai seterusnya akan ditunjukkan.

Langkah 7 Jom selamatkan milik kita. Terdapat sebab saya memasukkan langkah ini dalam tutorial saya, kerana menyimpan GIF adalah sedikit berbeza daripada imej sahaja.

Pilih format (lalai ialah GIF) dan simpan.

Begini ceritanya.

Dalam pelajaran hari ini, mari kita cuba mencipta animasi tiga dimensi dalam Photoshop.

Hutan gelap, cendawan besar, dua pemburu harta karun dan gnome hijau dengan periuk emas mengintai keluar dari sebalik bunga.

Begini ceritanya.

Saya dapati lukisan untuk animasi di Internet, pada akhir pelajaran akan ada pautan untuk memuat turun sumber, jika anda tiba-tiba memutuskan untuk menggunakannya.

Jadi, buka Photoshop dan buat dokumen baharu. Lebarnya hendaklah lebih kecil sedikit daripada imej latar belakang. Sesuatu seperti ini - sebahagian daripada gambar di sebelah kanan dan atas melangkaui kawasan kerja dan tidak kelihatan:

Masukkan imej kedua. Ini adalah cendawan besar dan bunga. Gambar ini format png dengan ketelusan. Oleh itu, gambar bawah juga kelihatan.

Saya segera menamakan semula lapisan. Itulah yang saya panggil mereka - latar belakang dan cendawan.

Saya membuat pendua lapisan ini. Untuk melakukan ini, saya memilihnya dan klik Klik kanan tetikus ke atas yang dipilih. Menu konteks dibuka dan di dalamnya saya memilih item "Lapisan pendua". Untuk mengelakkan kekeliruan, saya kemudian menamakan semula lapisan, menambah nombor 2 dan bukannya salinan perkataan.

Saya mengalihkan salinan itu sedikit latar belakang ke kiri, dan salinan cendawan ke kanan. Saya menyalin dua lapisan ini dan sekali lagi menggerakkan latar belakang ke kiri dan cendawan ke kanan. Dan sebagainya. Lebih kecil anjakan, lebih banyak salinan perlu dibuat. Tetapi animasi juga akan mempunyai kualiti yang lebih tinggi. Setakat ini saya ada 5 naskhah berserta gambar asal. Pada salinan kelima kami memperkenalkan watak pertama - gnome hijau. Masukkan imej dan letakkan di antara lapisan latar belakang dan lapisan cendawan.

Sekarang kita sedang menduplikasi tiga lapisan teratas. Kami terus menggerakkan lapisan dengan imej latar belakang ke kiri, dan dengan cendawan ke kanan. Dan kami membesarkan sedikit gnome dan juga mengalihkannya sedikit ke kiri. Adakah prinsip itu jelas? Sekali lagi, salin tiga lapisan dan ulangi langkah. Sekali lagi. Tengok gambar kat bawah ni. Jembalang hijau sudah jelas kelihatan di sebalik cendawan.

Langkah seterusnya ialah melekatkan lapisan bersama. Pertama yang pertama gambar latar belakang dan cendawan pertama. Pilih lapisan dan tekan Ctrl+E. Atau menggunakan menu konteks, seperti yang anda suka. Kemudian salinan pertama dan seterusnya. Apabila anda sampai ke salinan dengan gnome, anda perlu melekatkan tiga lapisan. Pada akhirnya saya berakhir dengan 8 lapisan.

Mari kita beralih terus ke animasi. Buka panel. (Tetingkap - Animasi) dan di penjuru kanan sebelah atas panel, panggil menu dan pilih "Buat bingkai daripada lapisan" di dalamnya.

Ngomong-ngomong, adakah anda perasan bahawa kami mengalihkan gambar ke satu arah sahaja untuk mengembalikannya keadaan awal, hanya salin bingkai dan tampalkannya selepas yang sedia ada. Adakah ia jelas bagaimana untuk melakukannya? Pilih kesemua 8 bingkai, panggil menu, pilih item "Salin bingkai", kemudian item "Tampal bingkai". Tetingkap akan muncul di mana anda perlu menunjukkan bahawa ia perlu dimasukkan selepas bingkai sedia ada.

Animasi teks dalam Photoshop

Hai semua!

Hari ini kita akan mencipta animasi teks yang muncul.

Mula-mula kita akan buat latar belakang dan isi dengan hitam.

Kemudian pasang fon dari folder sumber, tulis teks dan gunakan gaya lapisan padanya.

Pada akhir pelajaran "" kita akan pergi ke panel animasi dan "menghidupkan" imej.

Hai semua!

Hari ini kita akan buat animasi musim luruh jatuh daun.

Dalam pelajaran, anda akan belajar cara bekerja dengan alat Lasso dan Move, mengubah dan memutar objek, bekerja dengan panel animasi, mencipta imej animasi dan banyak lagi.

Hai semua!

DALAM pelajaran ini kami akan buat animasi hujan dalam Photoshop.

Mula-mula, menggunakan penapis dan lapisan pelarasan, kami akan mencipta beberapa lapisan dengan hujan, kemudian pergi ke menu Animasi dan menghidupkan gambar.

Saya telah memilih beberapa gambar yang boleh digunakan untuk mengulang kaji pelajaran. Anda akan menemuinya dalam folder sumber. Anda juga boleh menggunakan foto anda sendiri.

Hai semua!

Hari ini kita akan mencipta kisah dongeng - kita akan animasi kepingan salji dalam bola.

Dalam pelajaran, anda bukan sahaja akan belajar cara "menghidupkan" gambar statik, tetapi juga belajar cara memuatkan berus, cara menyesuaikan berus, cara bekerja dengan lapisan, dsb. Anda akan menemui semua bahan yang digunakan dalam tutorial dalam folder sumber; jika anda mahu, anda boleh menggunakan imej dan berus anda sendiri.

Mari pergi tanpa perkataan yang tidak perlu Mari mula mencipta keajaiban!

Hai semua!

Hari ini kita akan buat animasi lilin menyala dalam Photoshop.

Mula-mula, kami akan mengubah bentuk nyalaan menggunakan penapis Plastik, kemudian pergi ke menu animasi dan "hidupkan semula" api.

Foto yang digunakan dalam pelajaran boleh didapati dalam folder sumber. Anda juga boleh menggunakan gambar anda sendiri, tetapi apabila memilih foto anda perlu mengambil kira bahawa kesan ini akan kelihatan lebih baik jika lilin berada pada latar belakang hitam seragam. Dan jika ada latar belakang hitam, pelajaran akan lebih mudah diikuti.

Animasi kalungan Krismas

Hai semua!

Hari ini kita akan menambah bersinar Karangan bunga Krismas.

Anda akan belajar cara menyesuaikan alat Berus, memuatkan set berus, mencipta dan menyimpan animasi dan banyak lagi. Anda boleh menggunakan teknik yang dipelajari dalam pelajaran ini untuk memberikan kesan bersinar kepada mana-mana objek.

Animasi salji

Hai semua!

Dalam pelajaran hari ini kita akan buat animasi salji dalam Photoshop.

Menggunakan penapis Photoshop, mod pengadunan lapisan dan animasi, kami akan menghidupkan semula gambar musim sejuk yang indah dengan rumah dan memberikan imej kesan salji yang turun.

Anda akan menemui imej yang digunakan dalam tutorial dalam folder sumber, dan anda juga boleh menambah salji pada foto anda.

Cara membuat animasi dalam Photoshop menggunakan berus Bokeh

type="text/javascript">yandex_partner_id = 66431;yandex_site_bg_color = "FFFFFF";yandex_ad_format = "direct";yandex_font_size = 1;yandex_direct_type = "horizontal";yandex_direct_border_type = "block";yandex_2_direct_direct_direct = "block";yandex_2_direct_direct_direct er_bg_color = "FEEAC7";yandex_direct_bg_color = "FFF9F0";yandex_direct_border_color = "FBE5C0";yandex_direct_title_color = "0000CC";yandex_direct_url_color = "006600";yandex_direct_text_color = "000000_";yandex_direct_text_color = "000000_"; benar;yandex_no_sitelinks = palsu;dokumen . tulis(" ");

Cara membuat animasi dalam Photoshop

menggunakan berus bokeh

Dalam pelajaran lepas, kami bercakap tentang hakikat bahawa terdapat banyak cara dan alat untuk melaksanakan animasi, dan kami melihat salah satu kaedah ini - cara membuat animasi dalam Photoshop menggunakan alat pencerah dan gelap.

Saya yang masih ingat, berjanji untuk meneruskan topik ini dan mengembangkannya dengan kesan seperti berus Bokeh.

Saya menunaikan janji saya dan hari ini kita akan pertimbangkan cara membuat animasi dalam photoshop menggunakan berus bokeh.

Untuk rujukan (dari Wikipedia): Boke (dari bahasa Jepun ボケ boke - “kabur”, “kekaburan”) ialah istilah yang muncul dalam bahasa Rusia pada penghujung 1990-an dan menerangkan merit artistik subjektif sebahagian daripada imej yang tidak fokus dalam gambar. Dalam banyak imej, latar belakang sengaja dikaburkan oleh jurugambar untuk penonjolan visual subjek utama fotografi.

Pada dasarnya, untuk foto yang saya gunakan dalam pelajaran lepas (seorang gadis dengan lilin), kesan ini tidak diperlukan sama sekali. Tetapi saya memutuskan untuk mengubah suainya hanya untuk menunjukkan kepada anda kemungkinan kesan ini.

Ia adalah baik di mana anda perlu menekankan objek utama sambil mengaburkan latar belakang. Dan semasa animasi, ia juga membolehkan kami mencipta sumber cahaya baharu untuk menyerlahkan (highlight) kawasan berasingan atau, sebaliknya, menggelapkan orang lain. Iaitu, tanpa ketiadaan sumber cahaya yang jelas, anda dan saya boleh menciptanya secara buatan dengan berus Bokeh warna terang, mencipta permainan cahaya dan bayang-bayang.

Mari lihat pelajaran ini menggunakan contoh poskad yang saya sediakan khusus untuk pelajaran ini - "Selamat hari pertama musim panas!"

Fail masuk format GIF dimana - mana. Imej animasi yang dahulunya sederhana kini menjadi bahasa tidak rasmi internet. Animasi GIF adalah yang paling banyak cara cepat meluahkan emosi di Twitter, dan kami juga boleh menghabiskan berjam-jam menontonnya, menatal suapan berita di VK, Facebook atau Odnoklassniki.

Ada cukup sejumlah besar tapak yang anda sudah boleh temui gif siap sedia mengenai pelbagai topik. Tetapi tiada apa yang mengalahkan animasi GIF yang dibuat oleh anda sendiri dengan tangan saya sendiri. Fikirkan ini proses yang sukar? Anda silap, ia agak mudah. Anda boleh membuat animasi GIF dengan cepat penyunting grafik Photoshop, sudah menukar video sedia ada, atau menggunakan siri imej statik. Mari kita lihat lebih dekat bagaimana ini dilakukan.

Catatan: Dalam semua contoh dalam artikel ini, saya menggunakan Photoshop CC 2017.

Cara membuat animasi GIF dari video

Mula-mula, anda perlu melancarkan Photoshop, pergi ke "Fail" > "Import" > "Bingkai Video ke Lapisan" dan pilih rakaman video yang dikehendaki.

Dalam kotak dialog yang terbuka, anda boleh mengimport keseluruhan rakaman video atau memilih bahagian tertentu sahaja. Jika anda memilih pilihan kedua, seret pemegang di bawah tetingkap pratonton untuk menetapkan titik mula dan tamat. Bahagian video antara pemegang ini akan diimport.

Catatan: Perlu diingat bahawa apa lebih banyak video, yang anda import, semakin besar GIF anda. Selain itu, jika anda mengimport video yang terlalu panjang, memilih Simpan Setiap 2 Bingkai (atau lebih) ialah cara mudah untuk mengurangkan saiz tanpa menjejaskan kualiti terlalu banyak.

Pastikan kotak semak Buat animasi bingkai demi bingkai ditandakan, kemudian klik OK. Proses import video akan bermula. Ini mungkin mengambil sedikit masa, bergantung pada saiz klip. Selepas import selesai, ia akan dibuka Ruang kerja, di mana setiap bingkai video akan diletakkan pada lapisannya sendiri.

Di bahagian bawah skrin terdapat palet skala masa. Ia menunjukkan semua bingkai yang akan membentuk animasi GIF anda.

Anda boleh menambah dan mengalih keluar bingkai seperti yang anda mahu, atau mengedit mana-mana lapisan sedia ada sama seperti anda akan mengedit lapisan dalam mana-mana imej lain. Untuk pratonton animasi GIF anda, cuma klik butang Main di bahagian bawah garis masa.

Hasil akhir sepatutnya seperti ini:

Mencipta animasi GIF daripada satu siri imej statik

Jika anda tidak mempunyai rakaman video untuk digunakan sebagai asas untuk anda animasi GIF, anda boleh menciptanya secara manual daripada satu siri imej statik. Ia lebih rumit sedikit, terutamanya jika anda ingin membuat sesuatu yang sejuk, tetapi proses asasnya mudah.

Anda mencipta GIF anda daripada satu fail imej yang mengandungi berbilang lapisan. Setiap lapisan ialah bingkai berasingan bagi animasi masa hadapan anda. Terdapat dua cara untuk bermula:

Jika anda telah mencipta imej untuk animasi anda, importnya dengan memilih Fail > Skrip > Muatkan Fail ke dalam Tindanan.... Klik Semak imbas dan pilih imej anda, kemudian klik OK. Setiap imej akan diletakkan pada lapisan berasingan dalam fail yang sama.
Jika anda masih belum mencipta imej, lakukan sekarang. Ingat bahawa setiap imej berasingan- ini adalah sebahagian daripada animasi masa hadapan.

Sekarang anda sudah bersedia untuk mula mencipta animasi.

Menganimasikan imej statik

Begini cara ia berfungsi. Apabila anda membuat bingkai animasi secara manual, setiap lapisan yang kelihatan disertakan di dalamnya. Lapisan yang dilumpuhkan tidak akan disertakan dalam bingkai yang dijana.

Untuk mencipta bingkai pertama, jadikan lapisan pertama kelihatan dan matikan semua yang lain. Kemudian, apabila mencipta bingkai kedua, buat lapisan kedua kelihatan, dan kemudian lapisan ketiga pada bingkai ketiga, dan seterusnya. Sebaik sahaja anda bermula, semuanya akan menjadi lebih jelas.

Untuk mula mencipta animasi, buka garis masa jika ia tidak dibuka secara automatik untuk anda. Untuk tujuan ini dalam panel atas Klik "Tetingkap" dan pilih "Garis Masa" daripada menu yang terbuka. Di tengah panel yang terbuka, klik "Buat animasi bingkai." Tindakan ini akan mencipta bingkai pertama animasi anda. Dalam palet Layers, sembunyikan lapisan yang anda tidak mahu menjadi sebahagian daripada bingkai.

Sekarang klik butang "Bingkai Baharu", yang akan menduplikasi bingkai sebelumnya. Sekali lagi, sembunyikan lapisan tambahan dan jadikan lapisan yang sepatutnya disertakan dalam bingkai kelihatan.

Ulangi proses ini sehingga anda telah menambah semua bingkai yang diperlukan untuk animasi.

Selesai

Akhir sekali, tetapkan masa paparan untuk setiap bingkai. Pilih bingkai pertama, dan kemudian Shift-klik pada yang terakhir untuk memilih semuanya. Sekarang klik anak panah ke bawah di bawah salah satu bingkai dan pilih kelewatan. Tiada kelewatan bermakna animasi akan berjalan dengan cepat, manakala bilangan saat yang ditetapkan akan menyebabkan bingkai kekal pada skrin untuk tempoh masa yang ditetapkan.

Akhir sekali, tetapkan pilihan gelung, yang anda akan dapati di bahagian bawah panel Garis Masa. Parameter ini mengawal berapa kali animasi anda akan dimainkan. Dalam kebanyakan kes, anda akan memilih pilihan "Sentiasa".

Sekarang klik butang Main di bahagian bawah skrin untuk melihat animasi yang terhasil. Anda sepatutnya melihat sesuatu seperti ini:

Anda boleh mengedit bingkai dengan hanya memilihnya dan menukar keterlihatan lapisan (anda juga boleh menukar kelegapan atau membuat tetapan lain yang lebih kompleks). Tambahkan lapisan tambahan jika anda memerlukannya atau klik ikon tong sampah untuk memadamkannya.

Apabila anda berpuas hati dengan hasilnya, anda boleh beralih ke bahagian "Menyimpan Animasi", atau teruskan membaca untuk menambah baik animasi yang terhasil.

Meningkatkan animasi dengan menambah bingkai perantaraan

Photoshop menyokong ciri tween animasi yang berkuasa. Ini membolehkan anda mencipta lebih banyak lagi animasi yang lancar, menjana bingkai peralihan secara automatik antara dua bingkai sedia ada. Dalam contoh ini, saya akan meneliti semua bingkai untuk memberikan kesan berkelip pada langit berbintang.

Untuk bermula, pilih bingkai pertama dan klik butang Cipta Tweaks dalam bar alat di bahagian bawah garis masa.

Dalam kotak dialog yang terbuka, tetapkan item "Bingkai perantaraan" kepada nilai "Bingkai seterusnya" dan untuk item "Tambah bingkai", nyatakan nilai mengikut budi bicara anda. Nilai yang lebih tinggi bermakna peralihan yang lebih lancar tetapi lebih perlahan. Klik "OK" untuk mencipta bingkai perantaraan.

Sekarang ulangi proses ini untuk bingkai sumber lain yang anda tambahkan. Apabila anda sampai ke yang terakhir, tetapkan "Inbetween Frames" kepada "First Frames". Ini akan membantu mencipta peralihan yang lancar ke permulaan gelung animasi anda.

Klik butang main untuk melihat kesannya.

Menyimpan Animasi

Apabila anda selesai, mula-mula simpan fail sebagai fail ".PSD". Ini akan menyimpan semua lapisan dan maklumat animasi supaya anda boleh mengedit animasi anda kemudian jika perlu. Selepas ini, anda boleh teruskan untuk menyimpan.

Untuk menyimpan animasi yang dibuat, pergi ke Fail > Eksport > Simpan untuk Web ( versi lama)...". Dalam tetingkap yang terbuka, pilih format GIF, dan dalam medan "Warna", masukkan 256. Untuk mengurangkan saiz keseluruhan fail, kurangkan saiz dalam medan "Saiz Imej".

Anda boleh melihat saiz animasi di sudut kiri bawah tetingkap pratonton. Jika terlalu besar, seret peluncur Waste ke kanan. Ini akan menjejaskan kualiti, tetapi akan mengurangkan saiz fail dengan ketara.

Dalam tutorial ini anda akan belajar cara membuat templat animasi dengan kesan kekacauan dalam Photoshop. Keistimewaan templat ini ialah anda hanya perlu menggantikan foto untuk mendapatkan hasil yang baharu.

Saya menggunakan kaedah yang sama untuk mencipta templat animasi Retrowave 8 Bit, yang tersedia dalam portfolio saya di GraphicRiver.

Untuk pengajaran Mana-mana akan lakukan syot kilat. Foto percuma anda akan dapati di Unsplash dan Pixabay, atau anda boleh membeli foto berkualiti tinggi daripada PhotoDune. Saya akan menggunakan foto ini.

1. Penyediaan dokumen

Langkah 1

Tekan Ctrl+N untuk mencipta dokumen baharu 500 x 500 piksel, 300 piksel/inci.

Langkah 2

Jom teruskan Fail - tempat(Fail - Tempat) dan masukkan foto pada dokumen kerja.

Langkah 3

Laraskan saiz foto agar sesuai dengan saiz dokumen dan tekan Enter.

Langkah 4

Klik kanan pada lapisan foto dan pilih RasterizeLapisan(Rasterize lapisan).

Langkah 5

Tekan kekunci M untuk mengaktifkan segi empat tepatMarqueealat(Pemilihan segi empat tepat), dan pilih keseluruhan kanvas kerja.

Langkah 6

Untuk memotong bahagian gambar yang dipilih, klik kanan pada kawasan yang dipilih dan menu konteks pilih LapisanMelaluipotong(Potong kepada lapisan baru).

Langkah 7

Pilih lapisan kosong dan di bahagian bawah panel lapisan, klik pada butang tong sampah untuk memadamnya atau gunakan kekunci Padam.

Langkah 8

Klik dua kali pada nama lapisan baharu dan namakan semula "Asas".

Langkah 9

Klik kanan pada lapisan ini dan pilih TukarkepadaPintarObjek(Tukar kepada Objek Pintar).