Animasyonlu Grafikler Oluşturmak için Photoshop ve After Effects Nasıl Kullanılır

Adobe'nin yazılımı, iş akışlarını ve varlıkları bir programdan diğerine aktarmanıza olanak tanır. Bu çapraz çalışmanın daha yaygın kullanımı, Premiere Pro ve After Effects arasındaki Adobe Dinamik Bağlantısı yoluyla olsa da, After Effects ayrıca katmanlı Photoshop dosyalarını da destekler.

Bu önemlidir çünkü After Effects tasarım ve görüntü işlemeye daha az odaklanır. Bu nedenle, bunları Photoshop aracılığıyla içe aktararak, animasyon uygulamadan önce animasyonlu grafiklerinizin katmanlarını inceltebilirsiniz.

Bu makalede, size birkaç fotoğrafı Photoshop'ta nasıl işleyeceğinizi ve katmanlara nasıl hazırlayacağınızı ve ardından bunları animasyon için After Effects'e nasıl aktaracağınızı göstereceğiz.

Photoshop'ta Görüntülerinizi Hazırlama

Son animasyonlu grafik için resimler bularak başlayalım.

Kendi projeniz için istediğinizi kullanabilirsiniz. Ancak bu vaka çalışmasında Pexels'ten alınan görüntüler kullanılacak. Geniş bir yelpazede telifsiz görüntüleri indirmenize izin veren web siteleri.

İstediğiniz resimleri bulduğunuzda, Photoshop'ta yeni bir görüntü oluşturun. İdeal olarak, Photoshop dosyanızın boyutlarının video çıktınızla eşleşmesini istersiniz. Dolayısıyla, HD olarak bir animasyon oluşturuyorsanız, tuvalin boyutlarının 1.920 piksel genişliğinde ve 1.080 piksel yüksekliğinde olmasını istersiniz.

HD tuvalinizi yükledikten sonra, indirilen görüntüleri getirin. Bu örnekte, temel görüntüler zaten eklenmiştir.

Şimdi konuları kesip ölçekleyelim ve bazı sahne ve metinler ekleyelim. Bunu nasıl yapacağınızdan emin değilseniz veya kendinizi biraz sıkışmış hissediyorsanız, Photoshop düzenlemeyle ilgili temel bilgiler kılavuzumuz sizi doğru yöne yönlendirmeye yardımcı olmalıdır.

Düzenlemenizden memnun olduğunuzda, temel bir resim ve katman kümesine sahip olmalısınız.

Katmanlarınızı Hazırlama

Bu örnekte, köpeğin pençesinin tahriş olmuş kedinin kafasına vurmasını istiyoruz. Şimdi pençeyi kullanarak Kement Aracı.

Seçildikten sonra klavyenize sağ tıklayın ve Kesim Yoluyla Katman. Bu durumda pençe olan seçim, şimdi yeni bir katman haline gelecektir.

Katmanlardan bahsetmişken, bunların her birini açıkça yeniden adlandırmalısınız. O zaman neyin neye karşılık geldiğini bileceksiniz. Bunun nasıl yapılacağına dair bir örnek aşağıdadır:

Son olarak, köpeğin pençesinin kafasına vurulmasına kedinin tepki vermesini istersiniz. Cat adlı katmanı, bir Cat_Normal başlığını ve Cat_Bonked kopyasını kopyalayalım.

Cat_Bonked katmanı için, fazladan bir efekt eklemek için aldatıcı gözler çizildi.

Artık grafiğinizin tüm unsurlarına sahipsiniz. Katmanlarınızın etiketlendiğinden ve her şeyin olmasını istediğiniz yerde olduğundan emin olun. Ardından, After Effects'te canlandırmaya başlama zamanı.

Photoshop Dosyanızı After Effects'e Getirme

İlk olarak, katmanlarınızın bir .PSD dosyası olarak kaydedildiğinden emin olmanız gerekir. Hit Dosya> Farklı Kaydet. Varsayılan olarak, .PSD biçiminde kaydeder. Daha sonra Photoshop'tan After Effects'e bu şekilde içe aktarılır.

Bu örnekte, dosya Dog_Cat_Animation olarak adlandırılacaktır. PSD.

Ardından After Effects'i açın. Hit Dosya> İçe Aktar> Dosya. Yeni .PSD dosyanıza gidin, burada bir iletişim kutusu göreceksiniz. İçinde Türü İçe Aktar açılır menü, seçin Kompozisyon - Katman Boyutlarını Koru.

Bu, boyutları boyutlara uygun tutarken Photoshop dosyanızın tüm katmanlarını içe aktaracaktır (bu nedenle başlangıçta bir HD çözünürlüğü seçmenizin nedeni budur). Hit TAMAM MI.

Artık .PSD dosyanızla aynı ada sahip yeni bir besteye sahip olmalısınız. Açmak için çift tıklayın. Photoshop'taki katmanlarınızın her biri artık kompozisyon zaman çizelgenizde bir katmandır.

Şimdi animasyon başlayabilir. Başlık metnini ekran dışına taşıyarak başlayın, ekrana "düşmesi" için animasyon uygulanacaktır.

Tüylü dostlarımızı da aşağı taşıyalım; metin yerine oturduğunda kademeli olarak çerçeveye geçecekler.

Zaman kazanmak için vurun Katman> Yeni> Boş Nesneve Dog, Dog Paw, Cat_Normal ve Cat_Bonk katmanlarına ebeveyn olun.

Şimdi, boş nesneye uyguladığınız herhangi bir hareket, bunların hepsine uygulanacaktır.

0. karede kompozisyonun altındaki hareketi ana kareye alalım ve beş saniyede kademeli bir artışa sahip olalım.

Ana kareler ekleyebileceğinizi unutmayın. Hareket parametreleri tıklayarak Kronometre simgeler de.

Sonra, köpeğin pençesini ve kedinin tepkisini canlandıralım.

İçinde Dönüştürme köpeğin pençe katmanının nitelikleri, Dayanak noktası köpeğin bacağının dibine. Bunu yapmak, hareketlendirdiğiniz herhangi bir dönüşün, kemiğin ekleminin doğal olarak olacağı o nokta etrafında dönmesini sağlayacaktır.

Daha sonra, nasıl görünmesini istediğinize bağlı olarak, köpeğin pençesinin dönüşünü anahtar kare yapabilir ve bir döngü ifadesi ekleyebilir veya Wiggle - Döndürme tesadüfi hareketler oluşturmak için efekt.

Çeşitli efektler bulabilirsiniz. Efektler ve Ön Ayarlar panel. Uygulamak için katmanın üzerine sürükleyip bırakın ve katmanın hızını ve dönüş miktarını belirlemek için parametreleri ayarlayın.

Son olarak, hareket yanılsaması yaratmak için daha önce hazırladığımız iki çerçeve arasını keserek köpeğin pençesinden vurulan kedinin etkisini yaratın.

Metinde canlandırın ve işte orada, animasyonlu grafiğiniz var! Artık istediğiniz yerde kullanabilirsiniz.

Video örneği olmadan gösterilmesi daha zor olsa da, köpeğin pençesinin kediye neşeli bir zevkle vurduğundan emin olabilirsiniz.

Photoshop ve After Effects'i Birlikte Kullanma

Bu, Adobe Photoshop'ta katmanlı bir görüntünün nasıl oluşturulacağına ve daha sonra After Effects'te tek tek katmanlara ve öğelere nasıl animasyon uygulanacağına dair hızlı bir geçiş oldu. İncelenen örnek olay basit olsa da, After Effects'te canlandırılabilen karmaşık katmanlı dosyalar oluşturmak için aynı adımları kullanabilirsiniz.

Bu hızlı egzersiz, harika içerikler oluşturmak için iki programın nasıl birleştirilebileceğini anlamanızı sağlamalıdır. Ve işleri basitleştirmek için bu işlemin tümünün iki boyutta gerçekleştiğini unutmayın, ancak Photoshop katmanlarını 3B hareketle de canlandırabileceğinizden emin olabilirsiniz.

Üçüncü Boyuta Girin: Adobe After Effects'te 3B İş Akışlarıyla Çalışma

Adobe After Effects'te 3B katmanlarla çalışmak istiyorsanız, size nasıl başlayacağınızı göstereceğiz.

Sonrakini Oku

Yazar hakkında