Dengan beberapa latihan dan kesabaran, Anda dapat mempelajari cara membuat animasi di Photoshop dan mengubah pekerjaan Anda menjadi GIF untuk dibagikan secara online. Alat animasi Photoshop^(Photoshop) sering tidak diketahui tetapi sangat layak dipelajari. Kami akan membawa Anda melalui setiap langkah yang diperlukan untuk mempelajari cara membuat animasi di Photoshop .

Seperti kebanyakan alat animasi, Anda harus membuat setiap bingkai sebagai gambar terpisah, jadi Anda perlu menyisihkan waktu untuk membuat setiap bingkai secara manual, terutama jika Anda berencana membuat animasi yang rumit.

Mulailah Dengan Membuat Bingkai Animasi Anda Di Photoshop^{(Start By Making Your Animation Frames In Photoshop)}

Untuk memulainya, Anda harus menyimpan gambar terpisah untuk setiap bingkai yang akan Anda gunakan. Terserah Anda seberapa rumit Anda ingin membuat animasi Anda, tetapi untuk pengujian ini kami akan membuat logo animasi sederhana.

Trik untuk mempelajari cara menganimasikan di Photoshop adalah membuat gerakan kecil dan menyimpan foto baru setiap kali Anda membuat gerakan. Setiap gerakan harus memiliki bobot yang sama. Misalnya, jika Anda ingin sebaris teks meluncur melintasi layar, setiap bingkai harus membuat teks bergerak dengan jumlah piksel yang sama sehingga animasi terlihat mulus.

Jika Anda tidak yakin bagaimana Anda bisa mendapatkan dari titik A ke B dalam animasi Anda, mulailah dengan bingkai akhir terlebih dahulu, lalu buat bingkai pertama. Terakhir, isi bingkai di antaranya.

Saat Anda menyimpan setiap gambar, beri nama secara numerik sehingga Anda tidak bingung dengan posisinya.

Cara Menganimasikan Urutan Gambar Di Photoshop^{(How To Animate a Sequence Of Images In Photoshop)}

Setelah Anda memiliki gambar bingkai demi bingkai, inilah saatnya untuk mengubahnya menjadi animasi. Pastikan^(Make) untuk mengikuti langkah-langkah di bawah ini dengan cermat.

1. Klik File , Klik Scripts , lalu klik Load Files Into Stack..
2. Klik Browse… dan pilih semua frame Anda untuk animasi Anda.
3. Klik OK dan tunggu gambar dimuat ke dalam lapisan terpisah.
4. Klik Window dan kemudian Timeline untuk membuka jendela animasi.
5. Klik panah dropdown^{(dropdown arrow)} di panel timeline dan pilih Create Frame Animation .
6. Klik Buat Animasi Bingkai^{(Create Frame Animation)} . 

Anda sekarang akan memiliki lapisan di timeline Anda. Langkah selanjutnya adalah mengubah setiap layer Anda menjadi bingkai baru. Ikuti langkah-langkah di bawah ini.

1. Klik Pilih^{( Select )} di bagian atas dan kemudian klik Semua Lapisan.^{(All Layers.)}
2. Klik ikon menu tiga tumpukan^{( three stack menu icon)} di sisi kiri panel garis waktu.
3. Pada menu yang muncul, klik Create New Layer for Every New Frame^{(Create New Layer for Each New Frame)} .
4. Klik ikon menu tiga tumpukan^{( three stack menu icon)} dan sekarang klik Make Frames From Layers .

Anda sekarang akan memiliki semua gambar Anda dimuat ke dalam bingkai terpisah. Tugas selanjutnya adalah memilih waktu berapa lama setiap frame akan dimainkan. Mungkin diperlukan beberapa pengujian untuk mendapatkan kecepatan yang tepat, tetapi Anda dapat memilih waktu bingkai untuk setiap bingkai dengan mengklik panah di bawah setiap bingkai^{(the arrow under each frame )} di sebelah teks 0 detik .^{( 0 sec)}

Anda dapat bereksperimen dengan waktu yang berbeda, tetapi yang terbaik adalah memulai dengan memilih waktu yang sama untuk setiap frame. Jika animasi berisi adegan atau fase animasi yang berbeda, Anda mungkin ingin menyesuaikan pengaturan waktu untuk setiap fase/adegan tersebut satu per satu.

Kapan saja Anda dapat mengklik tombol putar untuk melihat animasi. Ada sejumlah kontrol lain di jendela timeline juga, yang telah kami jelaskan dari kiri ke kanan di bawah.

Pergantian Garis Waktu^{(Timeline Switch)}

Beralih garis waktu antara garis waktu bingkai demi bingkai dan garis waktu film tradisional.

Jumlah Pemutaran^{(Playback Amount)}

Ubah^(Change) apakah animasi diputar selamanya atau untuk sejumlah loop tertentu sebelum berhenti. Ini akan mempengaruhi hasil akhir setelah disimpan sebagai GIF . Anda dapat mengubah pengaturan ini lagi sebelum mengekspor animasi nanti.

Tarik-turun Pemutaran^{(Playback Dropdown)} 

Panah tarik-turun yang Anda lihat di kontrol garis waktu adalah metode lain untuk mengakses jumlah pemutaran.

Kontrol Pemutaran^{(Playback Controls)}

Putar^(Play) , jeda, hentikan, dan lompat animasi ke akhir atau awal dengan empat kontrol pemutaran yang tersedia.

dua belas^(Tween)

Gunakan fitur Tween untuk menghasilkan frame “di antara” agar animasi Anda terlihat lebih halus. Fitur Tween akan dijelaskan lebih detail di bawah ini.

Bingkai Duplikat^{(Duplicate Frame)}

Tombol ini akan menduplikasi setiap bingkai yang dipilih saat ini dan akan menempatkannya di garis waktu setelah yang asli.

Hapus Bingkai^{(Delete Frame)}

Opsi ini akan menghapus bingkai yang dipilih.

Cara Mengekspor Animasi Photoshop Anda^{(How To Export Your Photoshop Animation)}

Setelah Anda puas dengan animasi Photoshop Anda, Anda dapat mengekspornya dengan mengikuti langkah-langkah di bawah ini.

1. Klik Baru^(New) .
2. Klik Ekspor^(Export) lalu klik Simpan untuk Web (Legacy)…^{(Save for Web (Legacy)…)}
3. Jika Anda memiliki animasi dengan warna detail, pilih GIF 128 Dithered di bawah dropdown preset.
4. Jika Anda memiliki animasi dengan warna blok sederhana, pilih GIF 128 No Dither .
5. Pastikan^(Make) Anda memiliki opsi pilihan Anda diatur di Opsi Perulangan^{(Looping Options)} di bagian bawah. 
6. Terakhir, klik Simpan…^(Save…) dan pilih tempat untuk menyimpan GIF Anda di PC.

Cara Membuat Animasi Halus Di Photoshop^{(How To Make An Animation Smooth In Photoshop)}

Kecuali jika Anda berpengalaman dalam membuat animasi frame demi frame, hasil akhirnya mungkin akan terlihat sedikit goyah. Untungnya Anda dapat menggunakan fitur Tween untuk mengisi celah secara otomatis dalam animasi Anda agar terlihat lebih mulus.

Untuk melakukannya, tahan tombol shift , klik dua frame individual di jendela timeline, dan klik ikon Tween^{(Tween icon)} . Selanjutnya, klik untuk memilih apakah pengaturan Tween akan menggunakan position, opacity , atau effects . Untuk sebagian besar animasi berbasis gerakan, Anda akan ingin menggunakan position . 

Pastikan Semua Lapisan^{(All Layers)} dipilih dan kemudian klik OK . Ulangi proses ini untuk setiap bingkai yang dipasangkan. Misalnya frame 1 dan 2, kemudian frame 3 dan 4, dan seterusnya.

Ringkasan^(Summary)

Kami berharap panduan kami tentang cara menghidupkan di Photoshop telah membantu. Jika Anda membutuhkan bantuan lebih lanjut, jangan ragu untuk meninggalkan komentar di bawah.

How To Animate An Image In Photoshop

With some practice and patience, you can learn how to animate in Photoshop and turn your work into a GIF to share online. Photoshop’s animation tools are often unknown but they’re well worth learning. We will be taking you through each step necessary to learn how to animate in Photoshop.

Like most animation tools, you’ll need to create each frame as separate images, so you’ll need to set aside some time to create each frame manually, especially if you plan to make a complicated animation.

Start By Making Your Animation Frames In Photoshop

To begin with, you’ll need to save a separate image for each of the frames you plan to use. It’s up to you how complex you want to make your animation, but for this test we’ll be creating a simple animated logo.

The trick for learning how to animate in Photoshop is to make small movements and save a new photo each time you make a movement. Each movement should have the same weight to it. For example, if you want a line of text to slide across the screen, each frame should make the text move the same number of pixels so the animation looks smooth.

If you’re not sure how you can get from point A to B in your animation, start with the end frame first, then create the first frame. Finally, fill in the frames in between.

As you save each image, name them numerically so that you don’t get confused with their position.

How To Animate a Sequence Of Images In Photoshop

Once you have your frame-by-frame images it’s time to turn them into an animation. Make sure to follow the steps below carefully.

1. Click File, Click Scripts, then click Load Files Into Stack..
2. Click Browse… and select all of your frames for your animation.
3. Click OK and wait for the images to load into seperate layers.
4. Click Window and then Timeline to open the animation window.
5. Click the dropdown arrow in the timeline panel and select Create Frame Animation.
6. Click Create Frame Animation. 

You will now have a layer in your timeline. The next step is to turn each of your layers into a new frame. Follow the steps below.

1. Click Select at the top and then click All Layers.
2. Click the three stack menu icon on the left side of the timeline panel.
3. In the menu that appears, click Create New Layer for Each New Frame.
4. Click the three stack menu icon and now click Make Frames From Layers.

You will now have all of your images loaded into separate frames. The next task is to choose a time for how long each frame will play. It may take some testing to get the right speed, but you can choose the frame time for each individual frame by clicking the arrow under each frame next to the 0 sec text.

You can experiment with different times, but it’s best to start by choosing the same time with each frame. If an animation contains different scenes or phases of animation, you may want to adjust the timings for each of those phases/scenes individually.

At any time you can click the play button to view the animation. There are a number of other controls on the timeline window too, which we have explained from left to right below.

Timeline Switch

Switch the timeline between a frame-by-frame timeline and a traditional movie timeline.

Playback Amount

Change whether the animation plays forever or for a certain number of loops before stopping. This will impact the end result once it is saved as a GIF. You can change this setting again before you export the animation later.

Playback Dropdown 

The dropdown arrow you see on the timeline controls is another method for accessing the playback amount.

Playback Controls

Play, pause, stop, and jump the animation to the end or the beginning with the four available playback controls.

Tween

Use the Tween feature to generate “in-between” frames to make your animation look smoother. The Tween feature will be explained in more detail below.

Duplicate Frame

This button will duplicate any currently selected frame and will place it in the timeline after the original.

Delete Frame

This option will delete any selected frame.

How To Export Your Photoshop Animation

Once you’re happy with your Photoshop animation, you can export it by following the steps below.

1. Click New.
2. Click Export and then click Save for Web (Legacy)…
3. If you have an animation with detailed colors, select GIF 128 Dithered under the preset dropdown.
4. If you have an animation with simple block colors, choose GIF 128 No Dither.
5. Make sure you have your preferred option set in the Looping Options at the bottom. 
6. Finally, click Save… and choose a place to save your GIF on your PC.

How To Make An Animation Smooth In Photoshop

Unless you’re experienced at making frame by frame animation, the end result may look a little jolty. Thankfully you can use the Tween feature to fill in the gaps automatically in your animation to make things look smoother.

To do this, hold the shift key, click two individual frames in the timeline window, and click the Tween icon. Next, click to choose whether the Tween setting will use position, opacity, or effects. For most movement-based animations, you’ll want to use position. 

Make sure All Layers are selected and then click OK. Repeat this process for each paired frame. For example frame 1 and 2, then frame 3 and 4, and so on.

Summary

We hope that our guide on how to animate in Photoshop has helped. If you need any more help, feel free to leave a comment below.

Related posts

• Cara Menghapus Atau Mengganti Latar Belakang Di Photoshop

• Cara Memutihkan Gigi di Photoshop

• Cara Memadukan Di Photoshop

• Cara Membuat Feather dan Blur di Photoshop

• Cara Memotong Objek Dalam Gambar Di Photoshop CC

• Matikan Kontrol Akun Pengguna (UAC) untuk Aplikasi Tertentu

• Cara Memperbarui Raspberry Pi

• Cara Menjaga PC Windows Anda Tetap Hidup Tanpa Menyentuh Mouse

• Resensi Buku - Panduan How-To Geek untuk Windows 8

• Apa itu Overlay Photoshop dan Bagaimana Cara Menggunakannya

• Memasang Plugin GIMP: Panduan Cara

• Langsung Hapus Latar Belakang dari Gambar menggunakan AI

• Cara Mengambil Tangkapan Layar di Nintendo Switch

• 6 Pengaturan Kamera Terbaik untuk Foto Bulan

• 7 Tips Optimasi SEO Teknis untuk Situs Web Apa Pun

• Cara Menggunakan Chromebook Anda sebagai Monitor Kedua

• Cara Memulihkan Akun Facebook yang Diretas

• Cara Membuat Garis Besar Teks Di Photoshop

• Cara Memindai Beberapa Halaman Menjadi Satu File PDF

• Cara Memotong Di Photoshop