Baru-baru ini saya mengambil beberapa gambar lucu sepupu saya dan ingin membuat GIF animasi saya sendiri daripada menggunakan "Modifikasi Otomatis" yang dibuat secara otomatis oleh Google+ . Karena saya telah menginstal Photoshop CS6 , saya pikir saya akan mencobanya dan melihat apa yang terjadi. Pada awalnya, saya pikir itu akan cukup mudah: impor gambar ke dalam lapisan terpisah dan kemudian simpan saja sebagai file GIF^{(GIF file)} dengan animasi. Salah!

Jika Anda mencoba membuat GIF dengan cara ini, Anda akan melihat bahwa bagian Animasi^{(Animation section)} di dialog ^{(Web dialog)}Simpan^(Save) untuk Web berwarna abu-abu. Untuk mengaktifkannya sehingga Anda dapat memilih opsi perulangan, Anda harus membuat apa yang disebut Animasi Bingkai^{(Frame Animation)} di Photoshop CS6 . Kedengarannya rumit, tetapi cukup mudah dilakukan. Dalam posting ini, saya akan memandu Anda melalui langkah-langkah untuk membuat GIF animasi Anda sendiri menggunakan gambar diam.

Saya juga akan menyebutkan cara mengimpor video dan mengubahnya^{(video and convert)} menjadi GIF animasi . Hanya proses impor yang^{(import process)} berbeda saat mengimpor video, langkah selanjutnya tetap sama.

Langkah 1 – Impor Semua Gambar

Hal pertama yang perlu Anda lakukan adalah mengimpor semua gambar Anda ke dalam lapisan terpisah dalam satu file photoshop^{(photoshop file)} . Jadi jika Anda memiliki 6 gambar, misalnya, buka semuanya di Photoshop dan kemudian buat file baru dan salin^{(file and copy)} dan tempel setiap gambar ke dalam lapisan terpisah di file baru. Layer 1 harus menjadi gambar awal Anda dan layer terakhir harus menjadi gambar terakhir dalam animasi.

Bagian dari proses ini mungkin akan memakan waktu paling banyak dari semua langkah. Mungkin ada cara yang lebih mudah dan lebih cepat untuk melakukan ini di Photoshop , tetapi karena saya bukan pengguna pro, saya menyalin dan menempelkan setiap gambar secara manual ke file Photoshop^{(Photoshop file)} baru . Jika Anda tahu cara yang lebih cepat, beri tahu saya di komentar.

Langkah 2 – Buat Animasi Bingkai

Langkah kedua adalah membuat animasi sebenarnya di Photoshop itu sendiri. Untuk melakukan ini, pertama-tama Anda harus membuka jendela Timeline^{(Timeline window)} . Pergi ke Window dan pilih Timeline .

Sekarang Anda akan melihat jendela Timeline terbuka di bagian bawah layar. Itu harus benar-benar kosong untuk memulai. Sekarang untuk membuat animasi bingkai^{(frame animation)} , cukup klik kanan di mana saja di kotak Timeline^{(Timeline box)} dan pilih Buat Animasi Bingkai^{(Create Frame Animation)} .

Saat Anda melakukan ini, Anda sekarang hanya akan melihat satu gambar di garis waktu dengan 1 kecil kecil di sudut kiri^{(left corner)} atas . Ini akan menjadi gambar yang telah Anda pilih di panel Layers^{(Layers panel)} atau itu akan menjadi lapisan yang paling baru ditambahkan (gambar terakhir dalam animasi). Pada titik ini, ini adalah animasi satu bingkai^{(frame animation)} , yang bukan yang kita inginkan.

Sebagai gantinya, kami ingin semua lapisan disertakan dalam animasi. Untuk melakukan ini, kita harus mengklik tombol panah kecil kecil di ujung kanan jendela Timeline^{(Timeline window)} . Ada panah kecil ke bawah dan beberapa garis horizontal di sebelahnya. ketika Anda mengkliknya, Anda akan melihat opsi yang disebut Make Frames From Layers .

Sekarang Anda akan melihat bingkai untuk setiap lapisan yang Anda miliki di file Anda. Setiap frame juga akan memiliki sedikit drop down di bawah gambar yang memungkinkan Anda memilih lama waktu setiap frame harus ditampilkan.

Seperti yang Anda lihat di atas, frame pertama adalah 5 detik dan kemudian sisanya diatur ke 0. Anda harus menyesuaikannya, tetapi Anda juga dapat memilih jumlah^{(custom amount)} waktu khusus.

Setelah Anda memilih waktu untuk setiap frame, Anda siap untuk langkah terakhir, yaitu menyimpan animasi baru Anda ke file GIF^{(GIF file)} .

Langkah 3 – Simpan File GIF

Sekarang saatnya untuk menyimpan GIF animasi Anda . Untuk melakukan ini, buka File dan klik Simpan untuk Web^{(Save for Web)} . Di bagian paling bawah dialog simpan^{(save dialog)} , Anda akan melihat bagian Animasi^{(Animation section)} , yang seharusnya tidak lagi berwarna abu-abu.

Pilihan Anda di sini cukup mudah dimengerti. Anda benar-benar hanya dapat memilih bagaimana Anda ingin mengulang dan kemudian melihat pratinjau animasi sebelum menyimpannya. Itu saja! Semoga panduan ini akan membantu Anda membuat GIF animasi di Photoshop CS6 tanpa hambatan!

Kesimpulan

Ada beberapa hal yang layak disebutkan. Pertama, jika Anda menemukan GIF^(GIF) animasi terlalu besar, maka Anda harus terlebih dahulu mengurangi ukuran gambar individu sebelum Anda membuat file Photoshop^{(Photoshop file)} akhir Anda dengan beberapa lapisan. Anda dapat memotong gambar jika Anda hanya membutuhkan sebagian dari foto untuk membuat animasi atau Anda dapat mengurangi ukuran keseluruhan gambar.

Kedua, jika Anda memiliki video, maka Anda dapat mengimpor bingkai video ke dalam lapisan secara otomatis dengan membuka File , lalu Impor^(Import) dan klik Bingkai Video ke Lapisan^{(Video Frames to Layers)} .

Jadi itu saja. Sekali lagi^(Again) , untuk mengatur ukurannya, Anda mungkin harus mengurangi kualitas gambar untuk membuat file GIF^{(GIF file)} kecil . Menikmati!

How to Create Animated GIFs from Images using Photoshop CS6

I recently took some funny pictures of my сousin аnd wanted to create my own animatеd GІF instead of using the “Auto Awesome” one created automatically by Google+. Since I have Photoshop CS6 installed, I figured I wоuld give it a shot and see what happens. At first, I thought it would bе fairly straight-forward: import the images into ѕeparate layеrs and then just save it out as a GIF file with animation. Wrong!

If you try to create the GIF in this manner, you’ll notice that the Animation section in the Save for Web dialog is greyed out. In order to get that activated so you can choose the looping options, you have to create what’s called a Frame Animation in Photoshop CS6. It sounds complicated, but it’s pretty easy to do. In this post, I’ll walk you through the steps for creating your own animated GIF using still images.

I’ll also mention how to import a video and convert that into an animated GIF. Only the import process differs when importing a video, the rest of the steps remain the same.

Step 1 – Import All Images

The first thing you’re going to need to do is import all your images into separate layers in one photoshop file. So if you have 6 images, for example, open all of them in Photoshop and then create a new file and copy and paste each of the images into a separate layer in the new file. Layer 1 should be your starting picture and the last layer should be the last picture in the animation.

This part of the process probably will take up the most time out of all the steps. There is probably an easier and faster way to do this in Photoshop, but since I’m no pro user, I manually copy and pasted each image into a new Photoshop file. If you know of a faster way, please let me know in the comments.

Step 2 – Create Frame Animation

The second step is to create the actual animation in Photoshop itself. In order to do this, you first have to open the Timeline window. Go up to Window and choose Timeline.

Now you will see the Timeline window open at the bottom of the screen. It should be completely empty to start with. Now to create a frame animation, simply right-click anywhere in the Timeline box and choose Create Frame Animation.

When you do this, you’ll now see only one image in the timeline with a small little 1 in the top left corner. It will either be the image you have selected in the Layers panel or it’ll be the most recently added layer (last image in the animation). At this point, it’s a one frame animation, which is not what we want.

Instead, we want all the layers to be included in the animation. In order to do this, we have to click on the tiny little down arrow button at the far right of the Timeline window. It’s got a small down arrow and then a couple of horizontal lines next to it. when you click on that, you’ll see an option called Make Frames From Layers.

Now you should see a frame for each layer that you have in your file. Each frame will also have a little drop down below the image that lets you select the length of time that each frame should be displayed.

As you can see above, the first frame is 5 seconds and then the rest are set to 0. You will have to adjust them accordingly, but you can pick a custom amount of time also.

Once you have selected the time for each frame, you’re ready for the final step, which is saving out your new animation to a GIF file.

Step 3 – Save GIF File

Now it’s time to save your animated GIF. To do this, go to File and click on Save for Web. At the very bottom of the save dialog, you will see the Animation section, which should no longer be greyed out.

Your options here are pretty easy to understand. You can really only choose how you want it to loop and then preview the animation before saving it. That’s about it! Hopefully this guide will help you create your animated GIF in Photoshop CS6 without a hitch!

Conclusion

There are a couple of things worth mentioning. Firstly, if you find the animated GIF is too large, then you will first need to reduce the size of the individual images before you create your final Photoshop file with the multiple layers. You can either crop the images if you only need a portion of the photos to create the animation or you can reduce the size of the whole image.

Secondly, if you have a video, then you can import the video frames into layers automatically by going to File, then Import and clicking on Video Frames to Layers.

So that’s all there is to it. Again, in order to manage the size, you might have to reduce the quality of the images in order to create a small GIF file. Enjoy!

Related posts

• Cara Menyimpan GIF Animasi ke Ponsel dan Komputer

• Cara Mask di Photoshop ke Hide Layers

• Cara Mengkonversi Multiple Images ke PDF Files

• Cara Menambahkan Latar Belakang Ke Gambar Layar Hijau Di Photoshop

• 7 Modifikasi Gambar Mudah Yang Dapat Anda Lakukan Di Photoshop

• Cara Buka File Dengan No Extension

• Cara Membagi Clip di Adobe Premiere Pro

• Cara Download Twitch Videos

• Cara Mengubah Caps Lock atau MATI pada Chromebook

• Datar Panel Display Technology Demystified: TN, IPS, VA, OLED dan Lebih

• Cara Fix Disney Plus Error Code 83

• Cara Mendapatkan Rid dari Yahoo Search di Chrome

• Cara Membuat Gambar Hitam Putih di Photoshop

• Cara Membuat PDF Multi-Halaman di Photoshop

• Cara Memeriksa Your Hard Drive untuk Kesalahan

• 3 Cara Mengambil Photo or Video pada Chromebook

• Dapatkah Anda Ubah Twitch Name Anda? Ya, Tapi Be Careful

• OLED vs Microled: Haruskah Anda menunggu?

• Cara Detect Computer & Email Monitoring atau Spying Software

• Cara Download and Install Peacock pada Firestick