Cara membuat animasi di photoshop. Instruksi langkah demi langkah. Buat Animasi GIF di Photoshop

File GIF animasi dengan bantuan Photoshop dibuat dengan cukup mudah dan cepat. Mereka, sebagai suatu peraturan, terdiri dari beberapa gambar (bingkai), yang, ketika diubah selangkah demi selangkah, membentuk hasil akhir. Hari ini kami akan mencoba mempertimbangkan masalah ini sedetail mungkin dari A hingga Z:

• mengimpor gambar ke GIF;
• Pengaturan animasi GIF di Adobe Photoshop;
• ekspor / simpan ke format GIF atau video.

Tangkapan layar di bawah ini berasal dari Photoshop CC, tetapi bekerja dengan animasi GIF di CS6 dan versi program lainnya kurang lebih sama. Mungkin secara visual, alatnya akan sedikit berbeda, tetapi secara umum, prinsip dan algoritme tindakannya serupa. Sebagai contoh, perhatikan tugas sepele cara membuat animasi GIF di Photoshop dari foto yang saling menggantikan.

Prosesnya benar-benar memakan waktu 5-10 menit. Penting untuk mengikuti semua langkah dengan hati-hati. Di akhir posting Anda akan menemukan tutorial video berbahasa Inggris tentang topik ini.

Menambahkan gambar animasi GIF di Photoshop

Pertama-tama, Anda perlu memuat ke editor grafis semua gambar / foto yang akan berpartisipasi dalam animasi. Tambahkan mereka ke satu proyek di lapisan yang berbeda - ini akan menjadi bingkai untuk file GIF yang dihasilkan. Periksa ukuran gambar dan tampilannya sehingga semuanya sesuai dengan yang Anda butuhkan. Lapisan dapat disembunyikan (menggunakan ikon mata di sebelah kiri lapisan) untuk melihat semua objek.

Di tengah panel ini ada daftar tarik-turun di mana Anda harus memilih opsi "Buat Animasi Bingkai" dan klik tombolnya. Sebagai hasil dari tindakan ini, Timeline akan berubah sedikit, dan Anda akan melihat gambar dari lapisan paling atas sebagai bingkai pertama.

Pada langkah berikutnya, pilih semua lapisan dalam proyek (klik pada mereka sambil menahan tombol Ctrl). Setelah itu, buka menu konteks di sudut kanan atas jendela Timeline dan pilih "Make Frames From Layers".

Dari semua lapisan yang terlihat dan dipilih, Adobe Photoshop akan membuat bingkai GIF animasi. Akibatnya, Anda akan melihatnya di panel Timeline.

Pengaturan animasi GIF di Photoshop

Di sini Anda perlu menentukan 2 hal: durasi tampilan bingkai yang berbeda + jumlah pengulangan GIF. Mari kita mulai dengan yang pertama. Di bawah setiap objek gambar di Timeline, Anda akan menemukan waktu tampilan dan panah bawah. Klik pada mereka dan pilih durasi kartu di menu pop-up.

Anda dapat menentukan waktu yang berbeda untuk elemen atau mengatur parameter untuk beberapa elemen secara bersamaan (pemilihan bersama, seperti dalam lapisan, menggunakan Ctrl).

Untuk "mengulang" GIF di Photoshop saat membuat animasi, pilih nilai Selamanya dalam pengaturan yang sesuai seperti yang ditunjukkan pada gambar di bawah.

Di sana Anda dapat menentukan jumlah pengulangan yang Anda butuhkan. Di dekatnya adalah tombol Putar, yang memungkinkan Anda memutar GIF animasi dan melihat bagaimana hasil akhirnya akan terlihat.

Menyimpan animasi GIF di Photoshop

Di bagian akhir panduan kami, kami akan melihat cara menyimpan animasi GIF dengan benar di Photoshop. Untuk tujuan ini, alat Simpan untuk Web yang sudah dikenal digunakan, tetapi dalam versi terbaru Adobe Photoshop CC terletak di lokasi menu baru (File - Ekspor). Untungnya hotkey Alt + Shift + Ctrl + S masih berfungsi.

Di jendela pengaturan yang terbuka, pilih format GIF, dan pastikan juga bahwa pengaturan Opsi Pengulangan diatur ke Selamanya. Di sudut kanan bawah jendela, ada opsi untuk melihat pratinjau GIF animasi yang Anda buat di Photoshop.

Jika semuanya berfungsi sebagaimana mestinya, klik Simpan dan simpan file ke komputer lokal Anda. Untuk memeriksa kinerja GIF, Anda perlu membukanya di browser, karena. Penampil Windows bawaan tidak memutar animasi.

Omong-omong, Anda juga dapat dengan mudah mengekspor proyek Anda ke format video. Prosedurnya sama seperti saat menyimpan animasi GIF, tetapi di menu Photoshop, pilih item File - Export - Render Video.

Di jendela yang terbuka, akan ada pengaturan video yang berbeda, tetapi Anda tidak perlu mengubah apa pun, cukup klik tombol Render. Hasilnya, dapatkan file mp4 dengan slideshow foto/gambar.

Terakhir, kami sarankan untuk menonton video tutorial berbahasa Inggris tentang cara membuat GIF animasi di Photoshop. Algoritme kerja di sana sama seperti di artikel, tetapi mungkin lebih mudah bagi Anda untuk memahami informasi dari video.

Jika Anda masih memiliki pertanyaan tentang cara membuat animasi GIF di Photoshop atau memiliki tambahan, tulis di komentar.

Selamat malam, pelanggan yang terhormat dan hanya pembaca blog saya! Apakah Anda siap untuk belajar bagaimana menghidupkan gambar Anda? Dan bukan dengan bantuan sihir, tetapi dengan bantuan photoshop favorit kami! Sudah berapa lama saya menunda pelajaran ini tanpa mengetahui alasannya. Bagaimanapun, ini adalah dasar-dasar Photoshop! Tapi sekarang saya telah memutuskan untuk berubah.

Dan perbaiki sehingga di akhir video Anda juga akan memiliki pelajaran video tentang caranya membuat animasi di photoshop.

Saya sudah lama tidak menulis tutorial Photoshop, dan saya punya alasan. Bagaimanapun, saya mengakhiri cerita saya "". Anda dipersilakan untuk membacanya, dan ungkapkan pendapat Anda langsung di komentar!

Dan sekarang mari kita langsung ke pelajaran. Dalam video di bawah ini, saya akan menunjukkan cara membuat teks yang ditambahkan secara bertahap, tetapi dalam pelajaran teks tugasnya akan sedikit lebih sulit.

Kami memiliki Cipollino, dan kami harus membuatnya melambaikan tangannya kepada kami.

Langkah 1. Pertama, Anda perlu "mengaktifkan" animasi di Photoshop. Untuk ini kita pergi “Jendela”->”Animasi”. Masih bisa ditulis "Linimasa".

Langkah 2 Agar lengan dapat bergerak, kita perlu memotongnya dan meletakkannya di posisi yang berbeda. Untuk pemotongan tangan, saya pribadi menggunakan "lasso magnet". Membuat salinan utama Ctrl+J) dan bekerja dengan salinannya. Kami tidak menyentuh aslinya.

Pilih tangan dengan hati-hati dan potonglah!

Langkah 3 Dan sekarang kami memasukkan tangan kami, tidak peduli seberapa buruk kedengarannya, dan meletakkannya di posisi yang berbeda. Tangan akan dimasukkan ke dalam lapisan baru, itu bahkan cocok untuk kita.

Langkah 4 Langkah ini opsional, tetapi lebih baik menggunakan alat Eraser untuk sedikit menyentuh tangan, membuatnya lebih alami. Sulit untuk dijelaskan, tentu saja, dengan kata-kata. Jika sudah paham kenapa kami menggunakan penghapus, ikuti langkah ini, jika masih kurang paham bisa di skip. Ini tidak penting, karena yang terpenting bagi kita adalah mempelajari cara membuat animasi sederhana!

Langkah 5 Sekarang kami bekerja dengan personel. Di setiap bingkai, kami hanya menyertakan lapisan yang kami butuhkan. Misalnya, dalam bingkai 1 kami membutuhkan yang asli, dan dalam kasus kami “Lapisan 0”.

Sekarang kita membuat bingkai baru:

Dan sudah di bingkai baru kami mengaktifkan lapisan lain. Yaitu, kami “Lapisan 0 salinan” dan “Lapisan 1”, yaitu, posisi tangan yang berbeda. Saya harap algoritmanya jelas bagi Anda, pembaca yang budiman.

Langkah 6 Setel penundaan bingkai. Artinya, setelah jangka waktu berapa frame berikutnya akan ditampilkan.

Langkah 7 Kami menjaga milik kami. Bukan tanpa alasan saya menyertakan langkah ini dalam tutorial saya, karena menyimpan animasi GIF sedikit berbeda dari sekadar gambar.

Pilih format (default adalah GIF) dan simpan.

02.08.2016 27.01.2018

Dalam tutorial ini kita akan belajar cara membuat animasi. Animasi adalah gambar yang telah diberi gerakan, tidak seperti gambar statis (seperti foto), dapat mengubah frame atau bagian dari sebuah frame.

Dari bahasa Latin Anima diterjemahkan sebagai "jiwa". Kita dapat mengatakan bahwa dengan membuat animasi, kita "menghidupkan" gambar, menghidupkannya.

Panel Animasi muncul di Adobe Photoshop CS3, sebelumnya, dalam versi CS, kemampuan membuat animasi dilakukan melalui program terpisah, Image Ready CS2, yang disertakan dengan Adobe Photoshop. Sekarang, dalam versi baru Adobe Photoshop, alat animasi disertakan dalam program dan diberi nama skala waktu. Pelajaran selesai di Adobe Photoshop 2015.5, jika Anda memiliki versi program yang lebih lama, beberapa pengaturan mungkin berbeda, tetapi konsep dasarnya sama.

Mari kita mulai belajar cara membuat animasi. Buka gambar yang ingin Anda "animasi" File-Buka (Berkas Terbuka). Saya memiliki gambar lucu ini dengan seorang gadis dan kucing yang mengagumi langit berbintang.

Buat tiga layer kosong baru, Layers-New-Layer (Lapisan-Baru-lapisan) atau klik pada thumbnail untuk membuat layer baru di panel lapisan.

Beri nama mereka, masing-masing, "1", "2", "3". Ini akan membantu Anda menghindari kebingungan di kemudian hari.

Memilih alat sikat (sikat):

Pertama klik pada segitiga di sebelah ukuran kuas, lalu pada roda gigi di sebelah kiri:

Menu unduhan kuas akan terbuka:

Unduh kuas bintang (https://cloud.mail.ru/public/G2co/RTne1N3f9):

Pilih kuas tunggal dan, dengan mengubah ukurannya, cat pada tiga lapisan yang kita buat sebelumnya. Warna kuasnya putih atau mendekati putih. Hal utama adalah tidak menempatkannya di area yang sama di semua lapisan, cobalah untuk menyebarkan bintang secara acak di seluruh langit.

Nah, sekarang hal yang paling penting: mari kita beralih ke keajaiban menganimasikan gambar. Yuk ke menunya Window-Timeline (Jendela-Garis Waktu), jendela berikut akan muncul:

panel animasi memiliki dua jenis: linimasa dan animasi bingkai. Jenis pertama jarang digunakan, karena ditujukan terutama untuk bekerja dengan video, mari beralih ke bingkai demi bingkai, untuk melakukan ini, klik tombol " Buat garis waktu video", dan kemudian ke ikon ini:

Jendela berikut akan terbuka:

Untuk membuat bingkai baru, klik ikon ini:

Animasi kami sederhana, tiga bingkai sudah cukup. Kami menambahkan dua frame lagi ke yang sudah ada secara default, kemudian kita menjadi pada layer dengan gadis dan kucing dan membuatnya terlihat dan layer pertama dengan tanda bintang (untuk ini, cukup klik pada mata layer pada panel lapisan):

Kami melakukan hal yang sama untuk bingkai kedua dan ketiga, hanya termasuk visibilitas, masing-masing, dari lapisan kedua dan ketiga dengan bintang. Lapisan dengan gadis dan kucing selalu terlihat. Untuk kejelasan, tangkapan layar untuk bingkai kedua dan ketiga:

Terjepit kunciMenggeser pilih semua lapisan di panel animasi, klik kanan dan ubah durasi bingkai, dari 5 detik, disetel secara default, hingga, misalnya, 0,2 detik. Kami mengklik tombol "Memilih Opsi Siklus" dan ubah nilainya menjadi "Selalu":

Jika parameter diatur "Satu kali", maka animasi akan diputar sekali dan berhenti, dengan parameter "Selalu" itu akan berkedip terus menerus.

Untuk melihat seperti apa animasinya, klik tombol ini:

Untuk transisi yang lebih mulus antar bingkai, Anda dapat menambahkan bingkai perantara - buat bingkai aktif di panel animasi dan klik ikon ini:

Sebuah jendela akan muncul di mana Anda dapat memilih nomor, lokasi, dan gaya antara frame. Saya menambahkan 3 frame perantara ke dua frame pertama dengan pengaturan ini:

Dan yang terakhir, ketiga, bingkai juga 3, tetapi dengan pengaturan yang berbeda untuk memutar animasi dan membuat bintang muncul dan menghilang dengan lancar, tanpa tersentak dan transisi mendadak:

Yah, kami membuat animasi di Photoshop, tinggal menyimpannya saja. Pergi ke File-Ekspor-Simpan untuk Web (versi lama) (Mengajukan— Ekspor— Menyimpan untuk jaring (tua Versi: kapan)):

Pilih format gif, Anda juga dapat memilih jumlah warna (semakin banyak warna, semakin banyak bobot file, tetapi semakin sedikit warna, semakin buruk kualitasnya), ukuran. Parameter lainnya dapat dibiarkan sebagai default.

Itu saja! Kami belajar cara membuat animasi di Photoshop!

Petunjuk

Buat dokumen di Adobe Photoshop, atas dasar mana animasi gif akan dihasilkan. Tekan Ctrl+N atau pilih item "Buka..." dari bagian File di menu utama. Masukkan parameter dokumen pada dialog yang muncul dan klik OK. Jika bingkai animasi akan didasarkan pada gambar, gambar atau tempel dari file eksternal.

Tambahkan layer baru ke dokumen. Jumlahnya harus sama dengan jumlah bingkai animasi (atau bingkai utama jika transisi di antara mereka direncanakan untuk dibuat secara otomatis). Gandakan layer saat ini dengan memilih menu Layer dan "Duplicate Layer..." jika frame harus didasarkan pada gambar yang dibuat sebelumnya. Atau tambahkan layer kosong dengan menekan Ctrl+Shift+N.

Buat gambar dari setiap bingkai animasi. Beralih secara berurutan di antara lapisan dan buat perubahan yang diperlukan (tambahkan detail yang diperlukan, pindahkan fragmen gambar, masukkan teks, dll.). Saat bekerja, matikan visibilitas semua lapisan yang ada di atas yang sekarang. Untuk menganalisis perbedaan dari frame sebelumnya, Anda dapat membuat layer translucent sementara dengan mengubah nilai Opacity.

Aktifkan ruang kerja kontrol animasi. Dari menu utama, pilih Window, Workspace, Video and Film, klik Yes di kotak prompt. Setelah itu, komposisi menu akan berubah dan panel Animation akan ditampilkan.

Tambahkan bingkai animasi. Di panel Animation, klik tombol Duplicates selected frames. Lakukan ini sampai jumlah frame yang ditampilkan sama dengan jumlah layer yang dibuat pada langkah kedua.

Petakan lapisan ke bingkai. Pilih elemen nomor 1 di panel Animation dengan mengkliknya dengan mouse. Di panel Layers, matikan visibilitas semua layer, kecuali yang seharusnya ditampilkan pada frame pertama. Lakukan hal yang sama untuk semua layer dan elemen yang ditampilkan di panel Animation.

Tentukan opsi output animasi. Pilih semua frame di panel Animation. Untuk melakukan ini, klik pada mereka dengan mouse sambil menekan tombol Ctrl. Klik kanan di bagian bawah salah satu elemen yang dipilih. Di menu konteks, pilih waktu tunda antar frame. Jika perlu, ubah jumlah pengulangan animasi dengan mengklik tombol kiri bawah panel (memiliki ikon dalam bentuk panah yang mengarah ke bawah).

Untuk membuat animasi tidak perlu memiliki pengetahuan yang fenomenal, Anda hanya perlu memiliki alat yang diperlukan. Ada banyak alat seperti itu untuk komputer, dan yang paling terkenal adalah Adobe Photoshop. Artikel ini akan menunjukkan cara cepat membuat animasi di Photoshop.

Mempersiapkan Kanvas dan Lapisan

Pertama, Anda perlu membuat dokumen.

Pada kotak dialog yang muncul, Anda dapat menentukan nama, dimensi, dan sebagainya. Semua parameter diatur sesuai kebijaksanaan Anda. Setelah mengubah pengaturan ini, klik OK.

Setelah itu, kita membuat beberapa salinan dari layer kita atau membuat layer baru. Untuk melakukan ini, klik tombol "Buat lapisan baru", yang terletak di panel lapisan.

Lapisan ini akan menjadi bingkai animasi Anda di masa depan.

Sekarang Anda dapat menggambar pada mereka apa yang akan ditampilkan dalam animasi Anda. Dalam hal ini, ini adalah kubus yang bergerak. Pada setiap lapisan, itu bergerak beberapa piksel ke kanan.

pembuatan animasi

Setelah semua bingkai Anda siap, Anda dapat mulai membuat animasi, dan untuk ini Anda perlu menampilkan alat animasi. Untuk melakukan ini, di tab "Jendela", aktifkan ruang kerja "Gerak" atau garis waktu.

Garis waktu biasanya muncul dalam format bingkai yang diinginkan, tetapi jika tidak, maka cukup klik tombol "Tampilkan Bingkai", yang akan berada di tengah.

Sekarang tambahkan bingkai sebanyak yang Anda butuhkan dengan mengklik tombol "Tambah bingkai".

Setelah itu, pada setiap bingkai, kami mengubah visibilitas lapisan Anda secara bergantian, hanya menyisakan yang diinginkan yang terlihat.

Semua! Animasi sudah siap. Anda dapat melihat hasilnya dengan mengklik tombol "Mulai Pemutaran Animasi". Dan setelah itu anda bisa menyimpannya dalam format *.gif.

Dengan cara yang sederhana dan rumit, tetapi terbukti, kami berhasil membuat animasi gif di Photoshop. Tentu saja, ini dapat sangat ditingkatkan dengan mengurangi waktu bingkai, menambahkan lebih banyak bingkai, dan membuat seluruh mahakarya, tetapi semuanya tergantung pada preferensi dan keinginan Anda.