Cara Membuat Animasi GIF Menggunakan Photoshop

PDF download Unduh PDF
Disusun bersama Staf wikiHow

PDF download Unduh PDF

Artikel wikiHow ini akan menunjukkan kepada Anda cara membuat berkas animasi GIF pada Adobe Photoshop dengan menciptakannya dari awal atau mengonversi video. Di sini Anda membutuhkan Adobe Photoshop CS6 atau versi yang lebih baru.

Metode 1
Metode 1 dari 2:

Membuat Animasi dari Awal

PDF download Unduh PDF
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/5\/52\/Create-Animated-GIFs-Using-Photoshop-Step-1-Version-4.jpg\/v4-460px-Create-Animated-GIFs-Using-Photoshop-Step-1-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/52\/Create-Animated-GIFs-Using-Photoshop-Step-1-Version-4.jpg\/v4-728px-Create-Animated-GIFs-Using-Photoshop-Step-1-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Aplikasi ini ditandai oleh ikon huruf “Ps” biru muda dengan latar belakang gelap.
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/0\/06\/Create-Animated-GIFs-Using-Photoshop-Step-2-Version-4.jpg\/v4-460px-Create-Animated-GIFs-Using-Photoshop-Step-2-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/06\/Create-Animated-GIFs-Using-Photoshop-Step-2-Version-4.jpg\/v4-728px-Create-Animated-GIFs-Using-Photoshop-Step-2-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Untuk membuatnya:
    • Klik File .
    • Klik New .
    • Pilih ukuran proyek.
    • Klik Create .
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/69\/Create-Animated-GIFs-Using-Photoshop-Step-3-Version-4.jpg\/v4-460px-Create-Animated-GIFs-Using-Photoshop-Step-3-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/69\/Create-Animated-GIFs-Using-Photoshop-Step-3-Version-4.jpg\/v4-728px-Create-Animated-GIFs-Using-Photoshop-Step-3-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Setiap layer pada animasi akan memiliki bingkainya sendiri. Jika Anda menggambar animasi secara manual atau menyusunnya dari serangkaian gambar, pastikan setiap bingkai berada pada layer baru. Anda bisa membuat layer baru dalam beberapa cara:
    • Klik ikon “ New Layer ” yang ada di bawah jendela layer .
    • Klik Layer , New , Layer .
    • Tekan kombinasi tombol Shift + Ctrl + N (PC) atau Shift + Command + N (Mac).
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/1\/1e\/Create-Animated-GIFs-Using-Photoshop-Step-4-Version-4.jpg\/v4-460px-Create-Animated-GIFs-Using-Photoshop-Step-4-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/1e\/Create-Animated-GIFs-Using-Photoshop-Step-4-Version-4.jpg\/v4-728px-Create-Animated-GIFs-Using-Photoshop-Step-4-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Setelah itu, video akan ditambahkan ke linimasa (“ Timeline ”) yang ada di bawah jendela proyek Photoshop, seperti linimasa yang biasa ditampilkan di aplikasi penyunting video.
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/2\/2d\/Create-Animated-GIFs-Using-Photoshop-Step-5-Version-4.jpg\/v4-460px-Create-Animated-GIFs-Using-Photoshop-Step-5-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/2d\/Create-Animated-GIFs-Using-Photoshop-Step-5-Version-4.jpg\/v4-728px-Create-Animated-GIFs-Using-Photoshop-Step-5-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Anda mungkin perlu mengeklik tombol
    Android 7 Expand More
    {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/1\/1e\/Android7expandmore.png","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/1e\/Android7expandmore.png\/30px-Android7expandmore.png","smallWidth":460,"smallHeight":460,"bigWidth":30,"bigHeight":30,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    terlebih dahulu untuk melihat pilihan tersebut.
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/e\/e3\/Create-Animated-GIFs-Using-Photoshop-Step-6-Version-4.jpg\/v4-460px-Create-Animated-GIFs-Using-Photoshop-Step-6-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/e3\/Create-Animated-GIFs-Using-Photoshop-Step-6-Version-4.jpg\/v4-728px-Create-Animated-GIFs-Using-Photoshop-Step-6-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Tombol ini berada di pojok kanan atas jendela linimasa. Setelah diklik, menu drop-down akan ditampilkan.
  7. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/4\/43\/Create-Animated-GIFs-Using-Photoshop-Step-7-Version-4.jpg\/v4-460px-Create-Animated-GIFs-Using-Photoshop-Step-7-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/4\/43\/Create-Animated-GIFs-Using-Photoshop-Step-7-Version-4.jpg\/v4-728px-Create-Animated-GIFs-Using-Photoshop-Step-7-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Setelah itu, setiap layer akan diubah menjadi satu bingkai yang membentuk animasi GIF.
  8. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/91\/Create-Animated-GIFs-Using-Photoshop-Step-8-Version-4.jpg\/v4-460px-Create-Animated-GIFs-Using-Photoshop-Step-8-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/91\/Create-Animated-GIFs-Using-Photoshop-Step-8-Version-4.jpg\/v4-728px-Create-Animated-GIFs-Using-Photoshop-Step-8-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Pilihan ini akan mengatur jumlah pengulangan animasi yang Anda inginkan.
  9. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/6d\/Create-Animated-GIFs-Using-Photoshop-Step-9-Version-4.jpg\/v4-460px-Create-Animated-GIFs-Using-Photoshop-Step-9-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/6d\/Create-Animated-GIFs-Using-Photoshop-Step-9-Version-4.jpg\/v4-728px-Create-Animated-GIFs-Using-Photoshop-Step-9-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Dengan pilihan ini, animasi GIF akan terus diulangi.
  10. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/1\/11\/Create-Animated-GIFs-Using-Photoshop-Step-10-Version-4.jpg\/v4-460px-Create-Animated-GIFs-Using-Photoshop-Step-10-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/11\/Create-Animated-GIFs-Using-Photoshop-Step-10-Version-4.jpg\/v4-728px-Create-Animated-GIFs-Using-Photoshop-Step-10-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Setelah itu, pilihan ekspor untuk format gambar web akan ditampilkan.
  11. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/0\/0f\/Create-Animated-GIFs-Using-Photoshop-Step-11-Version-4.jpg\/v4-460px-Create-Animated-GIFs-Using-Photoshop-Step-11-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/0f\/Create-Animated-GIFs-Using-Photoshop-Step-11-Version-4.jpg\/v4-728px-Create-Animated-GIFs-Using-Photoshop-Step-11-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Jika Anda ingin menyimpan animasi GIF dengan kualitas yang lebih rendah agar bisa dimuat lebih cepat, klik tab Optimized , 2-Up , atau 4-Up terlebih dahulu dan pilih opsi yang memiliki ukuran berkas yang lebih kecil di pojok kiri bawah setiap pratinjau gambar.
    • Pastikan " GIF " sudah terpilih di kotak drop-down yang ada di sisi kanan.
  12. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/a7\/Create-Animated-GIFs-Using-Photoshop-Step-12-Version-4.jpg\/v4-460px-Create-Animated-GIFs-Using-Photoshop-Step-12-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/a7\/Create-Animated-GIFs-Using-Photoshop-Step-12-Version-4.jpg\/v4-728px-Create-Animated-GIFs-Using-Photoshop-Step-12-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Berkas animasi GIF akan diekspor setelahnya. Sekarang, Anda bisa membuka gambar, mengunggahnya ke web, atau mengirimkannya ke teman-teman.
    Iklan
Metode 2
Metode 2 dari 2:

Membuat Animasi dari Video

PDF download Unduh PDF
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/7\/7c\/Create-Animated-GIFs-Using-Photoshop-Step-13-Version-4.jpg\/v4-460px-Create-Animated-GIFs-Using-Photoshop-Step-13-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/7c\/Create-Animated-GIFs-Using-Photoshop-Step-13-Version-4.jpg\/v4-728px-Create-Animated-GIFs-Using-Photoshop-Step-13-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Aplikasi ini ditandai oleh iko “Ps” berwarna biru muda dengan latar belakang gelap.
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/e\/e6\/Create-Animated-GIFs-Using-Photoshop-Step-14-Version-4.jpg\/v4-460px-Create-Animated-GIFs-Using-Photoshop-Step-14-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/e6\/Create-Animated-GIFs-Using-Photoshop-Step-14-Version-4.jpg\/v4-728px-Create-Animated-GIFs-Using-Photoshop-Step-14-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Setelah itu, video akan diimpor ke Photoshop dan ditempatkan di jendela linimasa yang ada di bawah jendela program. Untuk menempatkannya, Anda bisa menyeret dan menjatuhkan berkas video secara langsung ke jendela Photostop, atau:
    • Klik File , dan pilih Open .
    • Pilih berkas video yang diinginkan.
    • Klik Open .
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/6d\/Create-Animated-GIFs-Using-Photoshop-Step-15-Version-4.jpg\/v4-460px-Create-Animated-GIFs-Using-Photoshop-Step-15-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/6d\/Create-Animated-GIFs-Using-Photoshop-Step-15-Version-4.jpg\/v4-728px-Create-Animated-GIFs-Using-Photoshop-Step-15-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Klik bagian awal dan akhir berkas video pada linimasa dan seret setiap bagian ke arah yang berlawanan untuk menyesuaikan titik awal dan akhir video ketika dimainkan.
    • Jika Anda ingin meninjau perubahan, tekan tombol putar yang ada di sisi kiri jendela linimasa.
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/9a\/Create-Animated-GIFs-Using-Photoshop-Step-16-Version-4.jpg\/v4-460px-Create-Animated-GIFs-Using-Photoshop-Step-16-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/9a\/Create-Animated-GIFs-Using-Photoshop-Step-16-Version-4.jpg\/v4-728px-Create-Animated-GIFs-Using-Photoshop-Step-16-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Jika Anda ingin mempercepat atau memperlambat laju putar video, Anda bisa mengeklik kanan klip di linimasa dan mengubah parameter “ Speed ”. Anda bisa memasukkan angka persentase baru (mis. 50% untuk memutar video dengan setengah kecepatan asli, atau 200% untuk memutar video dengan kecepatan ganda) atau:
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/c\/c6\/Create-Animated-GIFs-Using-Photoshop-Step-17-Version-4.jpg\/v4-460px-Create-Animated-GIFs-Using-Photoshop-Step-17-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/c6\/Create-Animated-GIFs-Using-Photoshop-Step-17-Version-4.jpg\/v4-728px-Create-Animated-GIFs-Using-Photoshop-Step-17-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Jika Anda mengimpor video berkualitas HD, ada kemungkinan ukuran gambar akan cukup besar. Jika Anda ingin mengunggah animasi GIF ke web, tetapi tidak ingin berkas memakan waktu yang lama untuk dimuat, Anda perlu mengurangi ukurannya. Untuk memperkecil ukuran gambar:
    • Klik Image .
    • Klik Image Size .
    • Masukkan ukuran gambar yang baru (350 x 197 merupakan ukuran yang direkomendasikan untuk video HD).
    • Klik OK .
    • Klik Convert .
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/f\/f3\/Create-Animated-GIFs-Using-Photoshop-Step-18-Version-4.jpg\/v4-460px-Create-Animated-GIFs-Using-Photoshop-Step-18-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/f\/f3\/Create-Animated-GIFs-Using-Photoshop-Step-18-Version-4.jpg\/v4-728px-Create-Animated-GIFs-Using-Photoshop-Step-18-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Setelah itu, pilihan ekspor untuk format gambar web akan ditampilkan.
  7. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/f\/f6\/Create-Animated-GIFs-Using-Photoshop-Step-19-Version-4.jpg\/v4-460px-Create-Animated-GIFs-Using-Photoshop-Step-19-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/f\/f6\/Create-Animated-GIFs-Using-Photoshop-Step-19-Version-4.jpg\/v4-728px-Create-Animated-GIFs-Using-Photoshop-Step-19-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Jika Anda ingin menyimpan animasi GIF dengan kualitas yang lebih kecil agar bisa dimuat lebih cepat, klik tab Optimized , 2-Up , atau 4-Up terlebih dahulu dan pilih opsi dengan ukuran berkas yang lebih kecil di pojok kiri bawah pratinjau gambar.
    • Pastikan pilihan " GIF " sudah terpilih pada kotak drop-down yang ada di sisi kanan agar video disimpan sebagai berkas GIF yang mendukung animasi, bukan JPEG atau PNG.
  8. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/c\/c4\/Create-Animated-GIFs-Using-Photoshop-Step-20-Version-4.jpg\/v4-460px-Create-Animated-GIFs-Using-Photoshop-Step-20-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/c4\/Create-Animated-GIFs-Using-Photoshop-Step-20-Version-4.jpg\/v4-728px-Create-Animated-GIFs-Using-Photoshop-Step-20-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Pilihan ini berada di pojok kanan bawah jendela. Tentukan apakah animasi akan dimainkan satu kali atau diulangi secara terus menerus.
  9. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/9c\/Create-Animated-GIFs-Using-Photoshop-Step-21-Version-4.jpg\/v4-460px-Create-Animated-GIFs-Using-Photoshop-Step-21-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/9c\/Create-Animated-GIFs-Using-Photoshop-Step-21-Version-4.jpg\/v4-728px-Create-Animated-GIFs-Using-Photoshop-Step-21-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Setelah itu, jendela penyimpanan berkas akan dibuka.
  10. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/2\/27\/Create-Animated-GIFs-Using-Photoshop-Step-22-Version-4.jpg\/v4-460px-Create-Animated-GIFs-Using-Photoshop-Step-22-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/27\/Create-Animated-GIFs-Using-Photoshop-Step-22-Version-4.jpg\/v4-728px-Create-Animated-GIFs-Using-Photoshop-Step-22-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Animasi GIF Anda akan diekspor. Setelah itu, Anda bisa membukanya, mengunggahnya ke web, atau mengirimkannya ke teman-teman.
    Iklan

Tips

  • Untuk “ Looping Options ”, Anda juga bisa memilih “ Others” ” dan menentukan jumlah pengulangan animasi sebagai pengganti opsi " Once " atau " Forever ".
Iklan

Peringatan

  • Cobalah untuk sering menyimpan pekerjaan agar usaha Anda tidak sia-sia jika sewaktu-waktu Anda melakukan kesalahan.
Iklan

wikiHow Terkait

Cara
Mengunduh dan Memasang VLC Media Player
Cara
Memindahkan Gambar dari Kamera Canon ke PC Menggunakan CameraWindow
Cara
Mengonversi Berkas TS Menjadi Video MP4 pada PC atau Komputer Mac
Cara
Merekam Suara pada Komputer Windows
Cara
Merotasi Video
Cara
Menyinkronkan Perangkat dengan Spotify
Cara
Mengonversi Berkas M4P iTunes menjadi MP3
Cara
Mengunduh Musik dari Spotify
Cara
Meningkatkan Kualitas Video
Cara
Menyimpan Video Streaming
Cara
Mengunduh Nada Dering
Cara
Mengubah Negara pada Akun Netflix di Perangkat Android
Cara
Melampirkan Berkas ke Dokumen PDF
Cara
Menambahkan Teks di Adobe Premiere
Iklan

Referensi

  1. Saving GIF Files in Photoshop

Tentang wikiHow ini

Bahasa lain
Halaman ini telah diakses sebanyak 100.232 kali.

Apakah artikel ini membantu Anda?

Iklan