Cara Menggunakan Photoshop dan After Effect untuk Membuat Grafik Animasi

Cara Menggunakan Photoshop dan After Effect untuk Membuat Grafik Animasi

Perisian Adobe membolehkan anda memindahkan aliran kerja dan aset dari satu program ke program lain. Walaupun penggunaan silang kerja yang lebih biasa adalah melalui Adobe Dynamic Link antara Premiere Pro dan After Effects, After Effects juga menyokong fail Photoshop berlapis.





Ini penting kerana After Effects kurang fokus pada reka bentuk dan manipulasi gambar. Oleh itu, dengan mengimportnya melalui Photoshop, anda dapat menyesuaikan lapisan grafik animasi anda sebelum beranimasi.





Dalam artikel ini, kami akan menunjukkan kepada anda cara mengambil beberapa foto ke dalam Photoshop, memanipulasi dan menyiapkannya ke dalam lapisan, dan kemudian mengimportnya ke dalam After Effects untuk animasi.





bagaimana untuk melihat siapa yang melanggan anda di youtube

Menyiapkan Imej Anda Di Photoshop

Mari mulakan dengan mencari gambar untuk grafik animasi terakhir.

Untuk projek anda sendiri, anda boleh menggunakan apa sahaja yang anda mahukan. Tetapi dalam kajian kes ini, gambar dari Pexels akan digunakan. Terdapat pelbagai jenis laman web yang membolehkan anda memuat turun gambar bebas royalti .



Setelah menemui gambar yang anda mahukan, buat gambar baru di Photoshop. Sebaik-baiknya, anda mahu dimensi fail Photoshop anda sesuai dengan output video anda. Oleh itu, jika anda menghasilkan animasi dalam HD, anda mahu dimensi kanvas seluas 1.920 piksel dengan tinggi 1.080 piksel.

Setelah memuatkan kanvas HD anda, bawa gambar yang dimuat turun. Dalam contoh ini, gambar asas telah ditambah.





Seterusnya, mari potong subjek, timbangkannya, dan tambahkan beberapa alat peraga dan teks. Sekiranya anda tidak pasti bagaimana melakukan ini, atau merasa sedikit buntu, panduan kami untuk asas penyuntingan Photoshop akan membantu menunjukkan anda ke arah yang betul.

Setelah berpuas hati dengan penyuntingan, anda mesti mempunyai sekumpulan gambar dan lapisan asas.





Menyiapkan Lapisan Anda

Dalam contoh ini, kita mahu kaki anjing memukul kucing yang jengkel di kepala. Mari pilih kaki dengan menggunakan alat lasso .

Setelah dipilih, klik kanan pada papan kekunci anda dan pilih Lapisan Melalui Potong . Pemilihan, yang dalam hal ini adalah kaki, sekarang akan menjadi lapisan baru.

Bercakap tentang lapisan, anda harus mengubah nama masing-masing dengan jelas. Kemudian, anda akan tahu apa yang sesuai dengan apa. Contoh cara melakukannya adalah di bawah:

Akhirnya, anda mahu kucing itu bertindak balas apabila terkena kepalanya di kaki anjing. Mari gandakan lapisan yang disebut Cat, beri tajuk satu Cat_Normal, dan Cat_Bonked pendua.

Untuk lapisan Cat_Bonked, mata googly telah ditarik untuk menambahkan kesan tambahan.

Jadi, sekarang anda mempunyai semua elemen grafik anda. Pastikan lapisan anda dilabel dan semuanya berada di tempat yang anda mahukan. Kemudian, sudah tiba masanya untuk memulakan animasi dalam After Effects.

Membawa Fail Photoshop Anda Ke Kesan Selepas

Perkara pertama yang pertama: anda perlu memastikan lapisan anda disimpan sebagai fail .PSD. Pukul Fail> Simpan Sebagai . Secara lalai, ia akan disimpan dalam format .PSD. Ini adalah bagaimana ia kemudian diimport ke After Effects dari Photoshop.

Dalam contoh ini, fail akan dipanggil Dog_Cat_Animation.PSD.

Seterusnya, buka After Effects. Pukul Fail> Import> Fail . Navigasi ke fail .PSD baru anda, di mana anda kemudian akan melihat kotak dialog. Di dalam Jenis Import menu lungsur turun, pilih Komposisi - Kekalkan Ukuran Lapisan .

Ini akan mengimport semua lapisan individu fail Photoshop anda, sambil mengekalkan ukuran sesuai dengan dimensi (oleh itu mengapa anda memilih resolusi HD pada awalnya). Pukul okey .

Anda kini harus mempunyai komposisi baru dengan nama yang sama dengan fail .PSD anda. Klik dua kali untuk membukanya. Setiap lapisan anda dari Photoshop kini menjadi lapisan dalam garis masa komposisi anda.

Sekarang, animasi boleh bermula. Mulakan dengan memindahkan teks tajuk ke luar layar --- ia akan dianimasikan untuk 'jatuh' ke skrin.

cara membuang profil dari ps4

Mari kita turunkan rakan berbulu kita; mereka akan bergerak secara beransur-ansur ke dalam bingkai ketika teks jatuh di tempatnya.

Untuk menjimatkan masa, tekan Lapisan> Baru> Objek Null , dan masukkan lapisan Dog, Dog Paw, Cat_Normal, dan Cat_Bonk ke dalamnya.

Sekarang, sebarang gerakan yang anda gunakan pada objek kosong akan berlaku untuk semua ini.

Mari kita kerangka gerakan di bahagian bawah komposisi pada bingkai 0, dan naik secara beransur-ansur selama lima saat.

Jangan lupa bahawa anda boleh menambah bingkai utama Gerak parameter dengan mengklik Jam randik ikon juga.

Seterusnya, mari kita menghidupkan kaki anjing dan reaksi kucing.

Di dalam Transformasi atribut lapisan kaki anjing, tetapkan Titik utama ke bahagian bawah kaki anjing. Melakukannya akan memastikan bahawa setiap putaran anda menghidupkan pusing pada titik itu, di mana sendi tulang secara semula jadi.

Seterusnya, bergantung pada bagaimana anda ingin kelihatan, anda boleh membuat bingkai utama putaran kaki anjing dan menambahkan ungkapan gelung, atau menggunakan Wiggle - Putaran kesan untuk membuat satu set pergerakan rawak.

Anda boleh menemui pelbagai kesan di Kesan & Pratetap panel. Seret dan lepaskan pada lapisan untuk diterapkan, dan sesuaikan parameter untuk menentukan kelajuan dan jumlah putaran lapisan.

Akhirnya, buat kesan kucing dipukul oleh kaki anjing dengan memotong di antara dua bingkai yang kami sediakan sebelumnya, untuk mewujudkan ilusi gerakan.

Animasikan dalam teks dan ada, anda mempunyai grafik animasi anda! Sekarang anda boleh menggunakannya di mana sahaja anda mahu.

Walaupun lebih sukar untuk menunjukkan tanpa contoh video, anda boleh yakin bahawa kaki anjing itu memukul kucing dengan penuh semangat.

Menggunakan Photoshop dan After Effect Bersama

Ini adalah jalan cepat bagaimana membuat gambar berlapis di Adobe Photoshop dan kemudian menghidupkan lapisan dan elemen individu dalam After Effects. Walaupun kajian kes yang dilihat adalah asas, anda dapat menggunakan langkah yang sama untuk membuat fail berlapis kompleks yang dapat dianimasikan dalam After Effects.

Latihan pantas ini akan memberi anda pemahaman tentang bagaimana kedua-dua program dapat digabungkan bersama untuk membuat beberapa kandungan yang luar biasa. Dan jangan lupa bahawa proses ini semua berlaku dalam dua dimensi untuk memastikan semuanya mudah, tetapi yakinlah bahawa anda juga dapat menghidupkan lapisan Photoshop dengan gerakan 3D.

Berkongsi Berkongsi Tweet E-mel Masukkan Dimensi Ketiga: Bekerja Dengan Aliran Kerja 3D dalam Adobe After Effects

Sekiranya anda ingin bekerja dengan lapisan 3D dalam Adobe After Effects, kami akan menunjukkan cara memulakannya.

Baca Seterusnya
Topik-topik yang berkaitan
  • Kreatif
  • Animasi Komputer
  • Adobe Photoshop
  • Reka bentuk grafik
Mengenai Pengarang Laurie Jones(20 Artikel Diterbitkan)

Laurie adalah penyunting dan penulis video, yang pernah bekerja di televisyen dan filem penyiaran. Dia tinggal di South West England.

Lagi Dari Laurie Jones

Langgan buletin kami

Sertailah buletin kami untuk mendapatkan petua, ulasan, ebook percuma, dan tawaran eksklusif!

Klik di sini untuk melanggan