User Guide Cancel

Membuat animasi timeline

  Penghentian fitur 3D di Photoshop

Fitur 3D di Photoshop akan dihapus pada pembaruan mendatang. Pengguna yang bekerja dengan 3D didorong untuk mengeksplorasi koleksi baru Substance 3D Adobe, yang mewakili generasi berikutnya dari alat 3D dari Adobe. Detail tambahan tentang penghentian fitur 3D Photoshop dapat ditemukan di sini: Photoshop 3D | Pertanyaan umum tentang fitur 3D yang dihentikan.

Alur kerja animasi timeline

Untuk membuat animasi konten lapisan dalam mode timeline, atur bingkai utama di panel Timeline, saat Anda menggeser indikator waktu saat ini ke waktu/bingkai yang berbeda, lalu memodifikasi posisi, opasitas, atau gaya konten lapisan. Photoshop secara otomatis menambahkan atau memodifikasi serangkaian bingkai antara dua bingkai yang ada—memvariasikan properti lapisan (posisi, opasitas, dan gaya) secara merata antara bingkai baru untuk menciptakan penampilan gerakan atau transformasi.

Misalnya, jika Anda ingin memudarkan lapisan, atur opasitas lapisan di bingkai awal ke 100% dan klik Stopwatch opasitas untuk lapisan tersebut. Kemudian pindahkan indikator saat ini ke waktu/bingkai untuk bingkai akhir dan atur opasitas untuk lapisan yang sama ke 0%. Photoshop secara otomatis melakukan interpolasi bingkai antara bingkai awal dan akhir, dan opasitas dari lapisan dikurangi secara merata di seluruh bingkai baru.

Selain membiarkan Photoshop melakukan interpolasi bingkai dalam animasi, Anda juga dapat membuat animasi bingkai demi bingkai yang digambar tangan dengan mengecat pada lapisan video kosong.

Note:

Jika Anda ingin membuat animasi format SWF, gunakan Adobe Flash, Adobe After Effects, atau Adobe Illustrator.

Untuk membuat animasi berbasis timeline, gunakan alur kerja umum berikut.

1. Buat dokumen baru.

Tentukan ukuran dan isi latar belakang. Pastikan rasio aspek piksel dan dimensi sesuai untuk output animasi Anda. Mode warna harus RGB. Kecuali Anda memiliki alasan khusus untuk membuat perubahan, tinggalkan resolusi pada 72 piksel/inci, kedalaman bit pada 8 bpc, dan rasio aspek piksel pada persegi.

Pastikan panel Timeline terbuka. Jika perlu, klik panah penunjuk arah di tengah panel, pilih Buat Timeline Video dari menu, lalu klik tombol di sebelah kiri panah. Jika panel Timeline berada dalam mode animasi bingkai, klik ikon Konversikan ke Timeline Video di sudut kiri bawah panel.

2. Tentukan Atur Laju Bingkai Timeline di menu panel.

Tentukan durasi dan laju bingkai. Lihat Menentukan durasi timeline dan laju bingkai.

3. Tambahkan lapisan.

Lapisan latar belakang tidak dapat dianimasikan. Jika Anda ingin membuat animasi konten, ubah lapisan latar belakang ke lapisan normal atau tambahkan yang berikut:

  • Lapisan baru untuk menambahkan konten.

  • Lapisan video baru untuk menambahkan konten video.

  • Lapisan video kosong baru untuk mengkloning konten ke atau membuat animasi yang digambar tangan.

4. Tambahkan konten ke lapisan.

5. (Opsional) Tambahkan mask lapisan.

Mask lapisan dapat digunakan untuk memunculkan sebagian dari konten lapisan. Anda dapat membuat animasi mask lapisan untuk memunculkan bagian yang berbeda dari konten lapisan dari waktu ke waktu. Lihat Menambahkan mask lapisan.

6. Geser indikator waktu saat ini ke waktu atau bingkai tempat Anda ingin mengatur bingkai utama pertama.

7. Aktifkan pembuatan bingkai utama untuk properti lapisan.

Klik segitiga di samping nama lapisan. Segitiga yang mengarah ke bawah menampilkan properti lapisan. Kemudian, klik stopwatch untuk mengatur bingkai utama pertama untuk properti lapisan yang ingin Anda animasikan. Anda dapat mengatur bingkai utama untuk lebih dari satu properti lapisan pada satu waktu.

8. Geser indikator waktu saat ini dan ubah properti lapisan.

Geser indikator saat ini ke waktu atau bingkai tempat properti lapisan berubah. Anda dapat melakukan salah satu atau beberapa tindakan berikut:

  • Ubah posisi lapisan untuk membuat konten lapisan bergerak.

  • Ubah opasitas lapisan untuk membuat konten memudar masuk atau keluar.

  • Ubah posisi mask lapisan untuk memunculkan bagian-bagian lapisan yang berbeda.

  • Aktifkan atau nonaktifkan mask lapisan.

Untuk beberapa jenis animasi, seperti mengubah warna objek, atau mengubah konten sepenuhnya dalam bingkai, Anda memerlukan lapisan tambahan dengan konten baru.

Note:

Untuk membuat animasi bentuk, Anda membuat animasi topeng vektor, bukan lapisan bentuk, menggunakan stopwatch Rentang Waktu untuk Posisi Mask Vektor atau Mask Vektor Aktif.

9. Tambahkan lapisan tambahan dengan konten dan edit properti lapisannya sesuai kebutuhan.

10. Geser atau rapikan bar durasi lapisan untuk menentukan kapan lapisan muncul dalam animasi.

11. Pratinjau animasi.

Gunakan kontrol di panel Timeline untuk memutar animasi saat Anda membuatnya. Kemudian pratinjau animasi di browser web Anda. Anda juga dapat melihat pratinjau animasi dalam kotak dialog Simpan untuk Web. Lihat Mempratinjau video atau animasi timeline.

12. Simpan animasi.

Anda dapat menyimpan animasi sebagai GIF animasi menggunakan perintah Simpan untuk Web, atau sebagai urutan gambar atau video menggunakan perintah Render Video. Anda juga dapat menyimpannya dalam format PSD, yang dapat diimpor ke Adobe After Effects.

Menggunakan bingkai utama untuk membuat animasi properti lapisan

Anda dapat membuat animasi properti lapisan yang berbeda, seperti Posisi, Opasitas, dan Gaya. Setiap perubahan dapat terjadi secara independen, atau bersamaan dengan, perubahan lain. Jika Anda ingin membuat animasi objek yang berbeda secara independen, sebaiknya buat pada lapisan yang terpisah.

Berikut adalah beberapa contoh bagaimana Anda dapat membuat animasi properti lapisan:

  • Anda dapat membuat animasi posisi dengan menambahkan bingkai utama ke properti Posisi, lalu menggerakkan indikator waktu saat ini dan menyeret lapisan di jendela dokumen.

  • Anda dapat membuat animasi opasitas lapisan dengan menambahkan bingkai utama ke properti Opasitas, kemudian menggeser indikator waktu saat ini dan mengubah opasitas lapisan di panel Lapisan.

  • Anda dapat membuat animasi properti 3D, seperti objek dan posisi kamera. Untuk informasi selengkapnya, lihat Membuat animasi 3D.

 

Untuk membuat animasi properti menggunakan bingkai utama, Anda harus mengatur setidaknya dua bingkai utama untuk properti tersebut. Jika tidak, perubahan yang Anda buat ke properti lapisan tetap berlaku selama durasi lapisan.

Setiap properti lapisan memiliki ikon stopwatch Rentang Waktu  yang Anda klik untuk mulai membuat animasi. Saat stopwatch aktif untuk properti tertentu, Photoshop secara otomatis mengatur bingkai utama baru setiap kali Anda mengubah waktu saat ini dan nilai properti. Saat stopwatch tidak aktif untuk properti, properti tidak memiliki bingkai utama. Jika Anda mengetikkan nilai untuk properti lapisan saat stopwatch tidak aktif, nilai tetap berlaku selama durasi lapisan. Jika Anda membatalkan seleksi stopwatch, Anda akan menghapus semua bingkai utama untuk properti tersebut secara permanen.

Memilih metode interpolasi

Interpolasi (kadang-kadang disebut tweening) menggambarkan proses pengisian nilai yang tidak diketahui antara dua nilai yang diketahui. Dalam video digital dan film, interpolasi biasanya berarti menghasilkan nilai-nilai baru antara dua bingkai utama. Misalnya, untuk menggeser elemen grafis 50 piksel ke kiri dalam 15 bingkai, Anda akan mengatur posisi grafis dalam bingkai pertama dan ke-15, dan menandainya sebagai bingkai utama. Photoshop melakukan interpolasi bingkai antara dua bingkai utama. Interpolasi antara bingkai utama dapat digunakan untuk membuat animasi gerakan, opasitas, gaya, dan pencahayaan global.

Di panel Timeline, tampilan bingkai utama tergantung metode interpolasi yang Anda pilih untuk interval antara bingkai utama.

Bingkai utama linear

Secara merata mengubah properti animasi dari satu bingkai utama ke yang lain. (Satu pengecualian adalah properti Posisi Mask Lapisan yang beralih antara status diaktifkan dan dinonaktifkan secara tiba-tiba.)

Tahan bingkai utama

Mempertahankan pengaturan properti saat ini. Metode interpolasi ini berguna untuk efek strobo, atau saat Anda ingin lapisan muncul atau menghilang tiba-tiba.

Untuk memilih metode interpolasi untuk bingkai utama, lakukan hal berikut:

  1. Di panel Timeline, pilih satu atau beberapa bingkai utama.

  2. Lakukan salah satu hal berikut:
    • Klik kanan bingkai utama yang dipilih dan pilih Interpolasi Linear atau Tahan Interpolasi dari menu Konteks.

    • Buka menu panel dan pilih Interpolasi Bingkai Utama > Linear atau Interpolasi Bingkai Utama > Tahan.

Geser indikator waktu-saat ini ke bingkai utama

Setelah Anda mengatur bingkai utama awal untuk sebuah properti, Photoshop menampilkan navigator bingkai utama, yang dapat Anda gunakan untuk berpindah dari bingkai utama ke bingkai utama atau untuk mengatur atau menghapus bingkai utama. Saat berlian navigator bingkai utama aktif (kuning), indikator waktu-saat ini terletak tepat pada bingkai utama untuk properti lapisan. Saat berlian navigator bingkai utama tidak aktif (abu-abu), indikator waktu-saat ini terletak di antara bingkai utama. Saat panah muncul di setiap sisi kotak navigator bingkai utama, bingkai utama lain untuk properti tersebut ada di kedua sisi waktu saat ini.

  1. Di panel Timeline, klik panah navigator bingkai utama. Panah ke kiri menggerakkan indikator waktu-saat ini ke bingkai utama sebelumnya. Panah ke kanan menggerakkan indikator waktu-saat ini ke bingkai utama berikutnya.

Memilih bingkai utama

  1. Di panel Timeline, lakukan salah satu hal berikut:

    • Untuk memilih bingkai utama, klik ikon bingkai utama.

    • Untuk memilih beberapa bingkai utama, Shift-klik bingkai utama atau seret seleksi seleksi di sekitar bingkai utama.

    • Untuk memilih semua bingkai utama untuk properti lapisan, klik nama properti lapisan di samping ikon stopwatch.

Menggeser bingkai utama

  1. Di panel Timeline, pilih satu atau beberapa bingkai utama.

  2. Seret salah satu ikon bingkai utama yang dipilih ke waktu yang diinginkan. (Jika Anda memilih beberapa bingkai utama, bingkai utama bergerak sebagai grup dan mempertahankan jarak waktu yang sama.)
Note:

Untuk memperluas atau memampatkan jarak beberapa bingkai utama, Alt-seret (Windows) atau option-seret (macOS) bingkai utama pertama atau terakhir dalam seleksi. Bingkai utama di ujung yang berlawanan dari seleksi tetap di tempat saat Anda menyeret, memperlambat atau mempercepat animasi.

Menyalin dan menempel bingkai utama

Anda dapat menyalin bingkai utama untuk properti (seperti Posisi) ke properti yang sama di lapisan mana pun. Saat Anda menempelkan bingkai utama, bingkai utama mencerminkan offset yang disalin dari indikator saat ini.

Anda dapat menyalin bingkai utama dari hanya satu lapisan pada satu waktu. Saat Anda menempelkan bingkai utama ke lapisan lain, bingkai utama muncul di properti yang sesuai di lapisan tujuan. Bingkai utama paling awal muncul pada saat ini, dan bingkai utama lainnya mengikuti dalam urutan relatif. Bingkai utama tetap dipilih setelah menempel, sehingga Anda dapat segera memindahkannya di timeline.

Note:

Anda dapat menyalin dan menempelkan bingkai utama antara lebih dari satu properti sekaligus.

  1. Di panel Timeline, tampilkan properti lapisan yang berisi bingkai utama yang ingin Anda salin.

  2. Pilih satu bingkai utama atau lebih.
  3. Klik kanan bingkai utama yang dipilih, dan pilih Salin Bingkai Utama.
  4. Di panel Timeline yang berisi lapisan tujuan, pindahkan indikator saat ini ke titik waktu tempat Anda ingin bingkai utama muncul.

  5. Pilih lapisan tujuan.
  6. Buka menu panel dan pilih Tempel Bingkai Utama.

Menghapus bingkai utama

  1. Di panel Timeline, pilih satu bingkai utama atau lebih, dan lakukan salah satu hal berikut:

    • Klik kanan (Windows) atau control-klik (macOS) pada bingkai utama yang dipilih, dan pilih Hapus Bingkai Utama dari menu konteks.

    • Dari menu panel, pilih Hapus Bingkai Utama.

Membuat animasi yang digambar tangan

Anda dapat menambahkan lapisan video kosong ke dokumen saat ingin membuat animasi yang digambar tangan bingkai demi bingkai. Menambahkan lapisan video kosong di atas lapisan video dan kemudian menyesuaikan opasitas dari lapisan video kosong memungkinkan Anda melihat isi lapisan video di bawah ini. Anda kemudian dapat melakukan rotoscoping pada konten lapisan video dengan mengecat atau menggambar pada lapisan video kosong. Lihat juga Mengecat bingkai di lapisan video.

Note:

Jika Anda membuat animasi beberapa elemen independen, buat konten terpisah pada lapisan video kosong yang berbeda.

  1. Buat dokumen baru.
  2. Tambahkan lapisan video kosong.
  3. Lukis atau tambahkan konten ke lapisan.
  4. (Opsional) Di panel Timeline, pilih Aktifkan Kulit Bawang dari menu panel untuk mengaktifkan mode kulit bawang.

  5. Geser indikator waktu-saat ini ke bingkai berikutnya.
  6. Lukis atau tambahkan konten ke lapisan dalam posisi yang sedikit berbeda dari konten dalam bingkai sebelumnya.
    Note:

    Anda dapat menambahkan bingkai video kosong, menduplikasi bingkai, atau menghapus bingkai dari lapisan video kosong dengan memilih Lapisan > Lapisan Video dan kemudian memilih perintah yang sesuai.

    Saat Anda membuat lebih banyak bingkai yang digambar tangan, Anda dapat menyeret indikator waktu saat ini atau menggunakan kontrol pemutaran untuk melihat pratinjau animasi Anda.

Menyisipkan, menghapus, atau menduplikasi bingkai video kosong

Bingkai video kosong dapat ditambahkan atau dihapus dari lapisan video kosong. Anda juga dapat menduplikasi bingkai yang ada (dilukis) dalam lapisan video kosong.

  1. Di panel Timeline, pilih lapisan video kosong lalu pindahkan indikator waktu saat ini ke bingkai yang diinginkan.

  2. Pilih Lapisan > Lapisan Video, kemudian pilih salah satu dari yang berikut:

    Masukkan Bingkai Kosong

    Menyisipkan bingkai video kosong di lapisan video kosong yang dipilih pada saat ini.

    Hapus Bingkai

    Menghapus bingkai video di lapisan video kosong yang dipilih pada saat ini.

    Duplikasi Bingkai

    Menambahkan salinan bingkai video pada saat ini di lapisan video kosong yang dipilih.

Menentukan pengaturan kulit bawang

Mode kulit bawang menampilkan konten yang digambar pada bingkai saat ini ditambah konten yang digambar pada bingkai di sekitarnya. Bingkai tambahan ini muncul di opasitas yang Anda tentukan untuk membedakannya dari bingkai saat ini. Mode kulit bawang berguna untuk menggambar animasi bingkai demi bingkai karena memberi Anda titik referensi untuk posisi garis tepi dan pengeditan lainnya.

Pengaturan kulit bawang menentukan bagaimana bingkai sebelumnya dan yang lebih baru muncul saat kulit bawang diaktifkan. (Lihat Gambaran umum panel Timeline.)

  1. Buka panel Timeline dan pilih Pengaturan Kulit Bawang.

  2. Tentukan opsi untuk hal berikut:

    Jumlah Kulit Bawang

    Menentukan berapa banyak bingkai sebelum dan sesudah yang ditampilkan. Masukkan nilai Bingkai Sebelum (bingkai sebelumnya) dan Bingkai Setelah (bingkai sesudah) dalam kotak teks.

    Jarak Bingkai

    Menentukan jumlah bingkai di antara bingkai yang ditampilkan. Misalnya, nilai 1 menampilkan bingkai berurutan, dan nilai 2 menampilkan garis tepi yang terpisah dua bingkai.

    Opasitas Maks

    Mengatur persentase opasitas untuk bingkai segera sebelum dan sesudah waktu saat ini.

    Opasitas Min

    Mengatur persentase opasitas untuk bingkai terakhir dari set bingkai kulit bawang sebelum dan sesudah.

    Mode Penggabungan

    Mengatur tampilan area tempat bingkai tumpang tindih.

    Menggunakan Kulit Bawang Photoshop
    Menggunakan kulit bawang

    A. Bingkai saat ini dengan satu bingkai setelahnya B. Bingkai saat ini dengan satu bingkai sebelum dan sesudah C. Bingkai saat ini dengan satu bingkai sebelumnya 

Membuka animasi multilapisan

Anda dapat membuka animasi yang disimpan dalam versi Photoshop yang lebih lama sebagai file Photoshop multilapisan (PSD). Lapisan ditempatkan di panel Timeline dalam urutan susunannya, dengan lapisan bawah menjadi bingkai pertama.

  1. Pilih File > Buka, dan pilih file Photoshop untuk dibuka.
  2. Di panel Lapisan, pilih lapisan yang Anda inginkan untuk animasi, dan pilih Buat Bingkai dari Lapisan dari menu panel.

    Anda dapat mengedit animasi, menggunakan perintah Simpan untuk Web untuk menyimpan GIF animasi, atau menggunakan perintah Render Video untuk menyimpan animasi sebagai film QuickTime.

Lebih banyak yang seperti ini


Dapatkan bantuan lebih cepat dan lebih mudah

Pengguna baru?