Hal-hal yang perlu Anda ketahui untuk membuat sesuatu seperti ini di After Effects:
Cara membuat Proyek dan Komposisi
Ketika Anda memulai AE, Anda dapat menekan Cmd+Nuntuk membuat Proyek baru dengan satu Komposisi di dalamnya.
Jika Anda sudah memiliki Proyek terbuka, menekan Cmd+Nhanya membuat Komposisi baru.
Dalam proyek ini, saya menggunakan 2 komposisi. GUI
comp untuk memegang GUI dan animasinya. iphone
comp untuk menahan keduanya, latar belakang dan GUI
comp.
Komposisi kedua dengan animasi GUI harus memiliki ukuran yang sama dengan layar, atau setidaknya memiliki rasio aspek yang sama. Kemudian, ketika Anda akan meletakkannya di layar, mungkin terlihat aneh jika rasio aspek tidak aktif.
Mengimpor gambar ke AE
After Effects memiliki sistem yang cukup bagus untuk mengimpor file .dpd, tetapi saya tidak suka menggunakannya karena jika Anda salah tempat, memindahkan atau mengganti nama file .dpd, setelah efek tidak dapat menemukannya dan Anda harus mengganti rekaman untuk setiap lapisan secara terpisah.
Jika Anda mengimpor folder gambar ke proyek dan Anda, misalnya. ganti nama folder gambar, Anda hanya perlu mengganti satu rekaman gambar dan semua gambar yang hilang dipulihkan (Selama semua gambar yang hilang ada di folder yang sama). Juga dengan cara ini ada lebih sedikit kekacauan.
Cara mengimpor gambar ke proyek
Klik kanan di dalam panel Project di sebelah kiri pilih: Import > Multiple files
... atau Anda cukup menyeret file ke panel itu
Saya menggunakan slicy untuk mengekspor gambar saya dari photoshop.
Objek apa yang harus Anda simpan sebagai file gambar terpisah
Pada dasarnya Anda ingin menyimpan semua objek bergerak secara terpisah. Anda mungkin juga perlu menyimpan beberapa objek statis secara terpisah.
Dalam proyek ini saya bisa berpotensi menyimpan header dan footer sebagai satu, tetapi header memiliki bayangan yang melewati tombol pertama, jadi saya harus menyimpannya secara terpisah.
Berikut ini rincian cara saya menyimpan file gambar saya di photoshop sebelum mengimpornya ke AE.
Animasi 101
Animasi posisi:
- Animasi posisi:
- Pilih objek Anda di daftar di sebelah kiri timeline.
- tekan P
- Klik ikon stopwatch yang sekarang di bawah lapisan yang Anda pilih. Ini secara otomatis menambahkan keyframe pertama, di mana indikator waktu Anda berada (itu garis merah di timeline).
- pindahkan indikator Waktu ke depan dalam timeline. Seret atau Cmd+{Arrow left or right}atauCmd+Shift+{Arrow left or right}
- di penampil komposisi, seret objek Anda ke posisi di mana Anda ingin memindahkannya (Anda juga dapat menggunakan Shift+arrow keys , seperti di photoshop Atau dengan menyeret nilai angka.).
- Bingkai kunci lain muncul di timeline dan sekarang Anda memiliki animasi.
- Anda dapat memainkan animasi dengan menekan space
Pindahkan bingkai kunci lebih dekat satu sama lain untuk mempercepat animasi atau lebih jauh dari satu sama lain untuk memperlambatnya.
Animasi yang berlanjut setelah jeda.
sebuah skenario: Anda telah menganimasikan sesuatu dari A ke B dan Anda ingin menjeda selama jumlah X milidetik dan kemudian berpindah dari B ke C.
Saat Anda telah membuat animasi B, maju dalam timeline dan klik ikon keyframe di sisi kiri, di sini:
Seharusnya terlihat abu-abu, jadi jangan khawatir. Itu hanya berarti tidak ada keyframe di posisi itu
Karena keyframe # 2 dan transformasi keyframe # 3 yang baru dibuat memiliki nilai yang sama, sekarang ada jeda di antara kedua keyframe tersebut. Kemudian Anda dapat melanjutkan animasi secara normal, dengan bergerak maju dalam timeline, dan mengubah nilainya lagi.
Animasi hal-hal lain, seperti Rotasi atau Opacity
Saya hanya ingin meluangkan waktu ini untuk memberi tahu Anda bahwa semuanya berfungsi seperti animasi posisi (... dikurangi seret).
Cukup gunakan bilah geser angka yang muncul saat Anda menekan tombol pintas di bawah ini.
Tombol cepat untuk metode transformasi yang berbeda:
- P - Posisi
- T - Opacity
- R - Rotasi
- S - Skala
- A - Titik jangkar
Cukup pilih objek dan tekan salah satu hotkey ini dan mulai menjiwai. Jika Anda tidak memilih apa pun, itu mengungkapkan metode transformasi untuk setiap objek di comp.
Bagaimana cara meng-slave objek ke objek lain
Di panel Comp Anda akan melihat daftar dropdown Induk pada setiap objek.
Anda dapat menggunakannya untuk menentukan orang tua untuk objek.
Jika Anda kemudian memindahkan Orang Tua, Anda akan melihat bahwa elemen Anak sekarang bergerak dengannya. Hal yang sama berlaku untuk animasi yang Anda lampirkan ke elemen Induk.
Jika Anda menghidupkan objek Orangtua untuk diputar, Anak akan mengikuti ...
Menambahkan elastisitas ke animasi Anda
Jadi mungkin Anda memperhatikan bahwa animasi tombol tidak berhenti di dinding, melainkan berhenti dengan cara yang sangat elastis.
After Effect Expressions dapat digunakan untuk mencapai ini (Ini dapat melakukan lebih banyak juga).
Untuk menerapkan skrip Ekspresi ke animasi, Alt+{mouse click}stopwatch dan rekatkan dalam skrip.
Ekspresi yang saya gunakan dalam animasi tombol saya
3 variabel pertama amp, freq, decay
dapat diedit untuk mendapatkan hasil yang berbeda dari itu.
Anda dapat menerapkan skrip yang sama ini untuk animasi berbasis gerakan. Misalnya, animasi opacity tidak terpengaruh.
Bisa juga ditemukan di sini.
amp = .1;
freq = 1.0;
decay = 9.0;
n = 0;
if (numKeys > 0){
n = nearestKey(time).index;
if (key(n).time > time){
n--;
}}
if (n == 0){ t = 0;
}else{
t = time - key(n).time;
}
if (n > 0){
v = velocityAtTime(key(n).time - thisComp.frameDuration/10);
value + v*amp*Math.sin(freq*t*2*Math.PI)/Math.exp(decay*t);
}else{value}
Meringankan ....
Jadi ini adalah hal lain yang dapat membuat animasi tampak jauh lebih linier, sama seperti skrip Ekspresi di atas.
Saya menggunakan Ease Ease dalam "lingkaran indikator sentuh" untuk membuatnya terlihat lebih mirip gerakan manusia.
Anda dapat memilih satu atau beberapa bingkai kunci dan klik kanan salah satu darinya.
Kemudian dari daftar: Keyframe assistant > Easy Ease
Saya sering menggunakan Easy Easy, karena saya malas ...
Foto atau tidak terjadi ...
Berikut ini adalah animasi posisi sederhana yang menunjukkan bagaimana pelonggaran dan skrip ekspresi khusus ini dapat berdampak besar pada animasi.
Menempatkan comp / footage animasi ke layar
Jadi setelah GUI dianimasikan, sekarang saatnya untuk meletakkannya di layar perangkat.
- Tempatkan GUI comp di dalam iPhone comp, sama seperti Anda menempatkan gambar di dalam komposisi.
- Klik dua kali iPhone comp di panel Project
- Pilih GUI comp
- Dari menu paling atas
Effects > Distort > Corner pin
- Kemudian cukup tarik setiap sudut untuk mencocokkan sudut layar perangkat.
Mengekspor ke .gif
AE tidak memiliki metode asli untuk melakukan ini, tetapi jangan khawatir, ada beberapa cara.
Saya lebih suka melakukan ini:
- Klik komposisi di
Projects panel
Composition > Add to render queue
Cmd+Ctrl+M
- Kemudian di bagian bawah tempat timeline biasanya duduk, Anda memilih apa yang akan diekspor dan di mana.
- Saya biasanya mengekspor .mov lossless
- Jika Anda mengklik "Pengaturan render", Anda dapat memilih framerate, jika tidak maka akan menggunakan framerate Comp
- Kemudian cukup tekan render di sudut kanan atas atau panel itu.
- Temukan file yang diekspor dan buka di photoshop.
- Simpan untuk web Cmd+Shift+Alt+S
Sejujurnya tidak seburuk itu ...
Mengekspor sebagai file video
Jadi meskipun metode di atas menunjukkan kepada Anda cara mengekspor file lossless, itu bukan cara Anda harus mengekspor file video.
Anda melakukannya seperti ini:
- Simpan file proyek Anda.
- Klik komposisi di
Projects panel
(jika Anda memiliki lebih dari satu)
Composition > Add to adobe media encoder queue
Cmd+Alt+M
- Seret prasetel dari kolom kanan ke kolom kiri
- Tekan mainkan.
- Jika Anda tidak memilih folder ekspor, secara default folder itu berada tepat di sebelah file proyek.
Bagaimana cara mengganti rekaman
Jadi AE tidak dapat menemukan file Anda? Melakukan hal ini:
- Klik kanan salah satu rekaman yang hilang di panel Proyek
- Dari daftar
Replace footage > File...
- Temukan rekaman dan barang-barang Anda
Tombol cepat bermanfaat lainnya
- U- Mengungkapkan semua keyframe yang digunakan dalam comp (jika Anda tidak ada yang dipilih). Sangat berguna ketika Anda perlu memindahkan beberapa bingkai kunci sekaligus, misalnya.
- U( Ketuk dua kali ) - Mengungkapkan semua yang telah diubah.
- E( Ketuk dua kali ) - Mengungkapkan semua Ekspresi yang digunakan.
- J - Bergerak ke bingkai kunci sebelumnya.
- K - Bergerak ke bingkai kunci berikutnya.
- space - Dimainkan comp
- Iatau homekunci - Memindahkan indikator waktu saat ini ke awal di timeline.
- Cmd+K - Pengaturan komposisi saat ini.
- Cmd+I - Impor file.
- Alt+{Arrow keys left and right} - Pilih bingkai kunci dan tekan tombol pintas untuk memindahkannya.
- Alt+Shift+{Arrow keys left and right} - Pilih bingkai kunci dan tekan tombol pintas untuk memindahkannya.
File proyek dapat ditemukan here.