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

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 Dynamic Link aracılığıyla 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. Böylece, onları Photoshop aracılığıyla içe aktararak, animasyonlu grafiklerinizin katmanlarını canlandırmadan önce hassaslaştırabilirsiniz.





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





Android'de fotoğraflar nasıl gizlenir

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ılacaktır. geniş bir yelpazesi var telifsiz görüntüleri indirmenize izin veren web siteleri .



İstediğiniz resimleri bulduktan sonra Photoshop'ta yeni bir resim 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 üretiyorsanı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.





Ardından, konuları keselim, ölçeklendirelim ve biraz sahne ve metin ekleyelim. Bunu nasıl yapacağınızdan emin değilseniz veya kendinizi biraz sıkışmış hissediyorsanız, Photoshop düzenleme temelleri kılavuzumuz sizi doğru yöne yönlendirmenize yardımcı olacaktır.

Düzenlemenizden memnun kaldığınızda, temel bir görüntü ve katman setiniz olmalıdır.





Katmanlarınızı Hazırlama

Bu örnekte, köpeğin patisinin tahriş olmuş kedinin kafasına vurmasını istiyoruz. kullanarak patiyi seçelim. 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 net bir şekilde 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çesi tarafından kafasına vurulduğunda kedinin tepki vermesini istersiniz. Bir Cat_Normal ve yinelenen Cat_Bonked olarak adlandırılan Cat adlı katmanı çoğaltalım.

Cat_Bonked katmanı için, ekstra bir efekt eklemek için parlak gözler çizildi.

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

Photoshop Dosyanızı After Effects'e Getirme

Her şeyden önce: katmanlarınızın bir .PSD dosyası olarak kaydedildiğinden emin olmanız gerekir. Vurmak Dosya > Farklı Kaydet . Varsayılan olarak, .PSD biçiminde kaydeder. Photoshop'tan After Effects'e bu şekilde aktarılır.

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

Ardından After Effects'i açın. Vurmak Dosya > İçe Aktar > Dosya . Bir iletişim kutusu göreceğiniz yeni .PSD dosyanıza gidin. İçinde İçe Aktarma Türü açılır menü, seçin Kompozisyon - Katman Boyutlarını Koru .

Bu, boyutları boyutlarla uyumlu tutarken Photoshop dosyanızın tüm katmanlarını içe aktaracaktır (bu nedenle başlangıçta bir HD çözünürlüğü seçtiniz). Vurmak Tamam .

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

Artık animasyon başlayabilir. Başlık metnini ekranın dışına taşıyarak başlayın --- ekrana 'düşmek' için canlandırılacaktır.

iphone'da e-postaları nasıl engellersiniz

Tüylü dostlarımızı da aşağı indirelim; metin yerine oturdukça yavaş yavaş çerçeveye geçecekler.

Zaman kazanmak için, vur Katman > Yeni > Boş Nesne , ve Dog, Dog Paw, Cat_Normal ve Cat_Bonk katmanlarını buna ebeveyn olarak ekleyin.

Şimdi, boş nesneye uyguladığınız herhangi bir hareket, bunların tümüne uygulanacaktır.

Kompozisyonun alt kısmındaki hareketi kare 0'da ana kareye alalım ve beş saniye boyunca kademeli bir artış yapalım.

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

Ardından, köpeğin patisini ve kedinin tepkisini canlandıralım.

İçinde dönüştürmek köpeğin pençe katmanının niteliklerini ayarlayın Dayanak noktası köpeğin bacağının dibine. Bunu yapmak, canlandırdığınız herhangi bir dönüşün, kemiğin ekleminin doğal olarak olacağı nokta etrafında dönmesini sağlayacaktır.

Ardından, nasıl görünmesini istediğinize bağlı olarak, köpeğin patisinin dönüşünü ana kareye alıp bir döngü ifadesi ekleyebilir veya Kıpırdat - Döndürme bir dizi rastgele hareket yaratma etkisi.

içinde çeşitli efektler bulabilirsiniz. Efektler ve Ön Ayarlar panel. Uygulanacak 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 kare arasında keserek kedinin köpeğin pençesi tarafından vurulması efektini yaratın.

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

Bir video örneği olmadan göstermek 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ğını ve daha sonra After Effects'te tek tek katmanların ve öğelerin nasıl canlandırılacağının hızlı bir incelemesiydi. İncelenen vaka çalışması basit olsa da, After Effects'te canlandırılabilen karmaşık katmanlı dosyalar oluşturmak için aynı adımları kullanabilirsiniz.

Bu hızlı alıştırma size, harika içerikler oluşturmak için iki programın nasıl birleştirilebileceğini anlamanızı sağlayacaktır. Ve her şeyi basit tutmak için bu sürecin iki boyutta gerçekleştiğini unutmayın, ancak Photoshop katmanlarını 3D hareketle canlandırabileceğinizden emin olabilirsiniz.

Paylaş Paylaş Cıvıldamak E-posta Üçü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
İlgili konular
  • Yaratıcı
  • Bilgisayar animasyonu
  • Adobe Photoshop
  • Grafik dizayn
Yazar hakkında Laurie Jones(20 Makale Yayınlandı)

Laurie, televizyon ve film yayınlarında çalışmış bir video editörü ve yazarıdır. Güney Batı İngiltere'de yaşıyor.

Laurie Jones'dan Daha Fazla

Haber bültenimize abone ol

Teknik ipuçları, incelemeler, ücretsiz e-kitaplar ve özel fırsatlar için bültenimize katılın!

Abone olmak için buraya tıklayın