Photoshop Animation - Animating Graphics

• Mungkin 8, 2024

Dalam tutorial Photoshop ini, kami akan terus membuat animasi untuk template sampul video Facebook kami. Kami akan menghidupkan foto kedua di layar.

Pada titik ini, kami memiliki foto pertama di layar, serta dua baris teks. Dalam Adegan 2, kita akan memindahkan foto kedua ke layar. Karena gambar ini akan berada di lapisan di atas foto pertama, itu akan menutupi foto pertama sepenuhnya.

Setelah foto pertama tertutup, kita tidak membutuhkannya lagi. Jadi, kami akan memotong trek foto ini, dan karena itu menghapus foto dari layar. Untuk mengakhiri adegan ini, kami akan memudar teks, dalam persiapan untuk kelompok teks kedua yang akan memudar.

Adegan 2 Bingkai demi Bingkai

Kode Waktu (0: 00: 05: 00) Pada lima detik di Timeline, grafik placeholder kedua akan meluncur ke layar. (durasi: .5 dtk)

Kode Waktu (0: 00: 07: 00) Pada tujuh detik di Timeline, dua baris teks akan menghilang. (durasi: .5 dtk)

Buka proyek Anda di Photoshop dan pergi ke Timeline. Seperti yang Anda lihat, grafik placeholder kedua adalah pada layer di atas grafik pertama. Pada titik ini, traktat memperpanjang seluruh durasi Timeline. Tapi kita tidak perlu gambar ini terlihat sampai lima detik di Timeline. Jadi mari kita memotong trek di Timecode (0: 00: 05: 00). Ini akan menjadi posisi awal untuk slide dalam animasi.

1. Jika perlu, nyalakan visibilitas [Gambar Latar Sini - 2] lapisan pada panel Layers.
   
   
2. Pindahkan Playhead ke Kode Kode 0: 00: 05: 00 (lihat tangkapan layar).
   
   
3. Klik tepi kiri trek grafis placeholder dan seret ke kanan hingga lima detik pada Timeline.
   
   Kita perlu memindahkan foto sepenuhnya dari tepi kanan layar. Ini akan menjadi posisi awal untuk menghidupkan foto ke layar (lihat tangkapan layar).
   
   
4. Untuk memindahkan grafik ke posisi awal untuk animasi, pilih layer, klik Edit - Free Transform dan seret grafik hingga benar-benar keluar dari layar.
   
   
5. Perluas [Gambar Latar Sini - 2] layer dan klik Stop Watch untuk properti Transform untuk mengatur kerangka posisi awal (lihat tangkapan layar).
   
   Sekarang mari kita animasi grafik kedua kembali ke layar.
   
   
6. Pindahkan Playhead ke Timecode 0: 00: 05: 15. Pindahkan grafik kembali ke layar, cocok dengan tepi kanan.
   
   Anda akan melihat bingkai kunci kedua ditambahkan ke properti Transform.
   
   
7. Akhirnya, mari kita perpendek durasi trek asli [Gambar Latar Sini] lapisan bawah. Seret tepi kanan trek ke Timecode 0: 00: 07: 00.
   
   Ok, sekarang mari kita pudar teksnya. Pada titik ini, layer teks masih berakhir pada default lima detik. Langkah pertama kami adalah memperluas trek.
   
   
8. Pindahkan Playhead ke Timecode (0: 00: 07: 15), yang merupakan akhir dari animasi fade out (lihat tangkapan layar).
   
   
9. Seret tepi kanan setiap trek teks untuk memperluas trek ke Kode Kode (0: 00: 07: 15).
   
   Ini akan menjadi frame akhir untuk animasi fade out. Tetapi pertama-tama kita perlu mengatur kerangka awal.
   
   
10. Pindahkan Playhead ke Timecode (0: 00: 07: 00).
    
    
11. Buka daftar Properties untuk Nama Bisnis dan Jenis bisnis lapisan teks.
    
    
12. Untuk kedua lapisan teks, klik ikon Stop Watch untuk properti Opacity, untuk mengatur opacity awal untuk animasi, yang pada saat ini adalah 100% (lihat tangkapan layar).
    
    
13. Pindahkan Playhead kembali ke Timecode (0: 00: 07: 15) dan kurangi Opacity dari dua layer teks pada panel Layers menjadi 0%.
    
    Anda akan melihat dua bingkai kunci akhir ditambahkan ke Garis Waktu (lihat tangkapan layar).
    
    

Uji animasi Anda dan simpan file Anda.

Kembali | Lanjut

Hak Cipta 2018 Adobe Systems Incorporated. Seluruh hak cipta. Tangkapan layar produk Adobe dicetak ulang dengan izin dari Adobe Systems Incorporated. Adobe, Photoshop adalah [a] merek dagang terdaftar [s] atau merek dagang [s] dari Adobe Systems Incorporated di Amerika Serikat dan / atau negara lain.

Petunjuk Video: Photoshop Masterclass: Animating Graphics (Mungkin 2024).