Hareket Projesinde Animasyon Davranışları

• Mayıs Ayı 4, 2024

Artık katmanlı Photoshop'umuzu içe aktardık^R, bizim Hareket içine görüntü^R, yanıp sönen ışıklar animasyonu oluşturmaya hazırız. Daha sonra Hareket davranışlarını kullanarak yanıp sönmesi için canlandıracağımız bazı renkli daireler çizeceğiz.

Arka plan grafiğimizde zaten güzel bir Boken efektimiz var, ancak statik. İnce bir animasyon eklemek güzel olurdu. Motion'ın önceden ayarlanmış Bokeh parçacık sistemini test ettikten sonra, animasyonun çok fazla olduğuna karar verdim. Bu yüzden, aşağıdaki ışığın rengiyle eşleşen birkaç renkli çemberi yerleştirmeye karar verdim. Sonra Işıma Filtresi, FadeIn / FadeOut ve Büyüme / Küçültme davranışlarını ekleyerek, hoş bir ince yanıp sönen animasyonumuz var.

1. Oynatma Kafasını Zaman Çizelgesi'nin başına taşıyın ve Grup katmanını 'Işıklar' olarak yeniden adlandırın.
   
   
2. Işıklar katmanı seçiliyken, Bokeh ışıklarından birine bir daire çizmek için Daire aracını kullanın. Işıklar katmanının altında Circle adında yeni bir alt katman elde edersiniz. Bu katmanı 'Circle 1' olarak yeniden adlandırın.
   
   Zaman Çizelgesi'nde ışığın 1 saniyeden fazla yanıp sönmesini istiyoruz.
   
   
3. Daire 1 katmanının sağ kenarını Zaman Çizelgesi'nde 1 saniye konumunda bitene kadar sola sürükleyin.
   
   Varsayılan olarak yeni daire beyazdır. Altındaki ışığa uyacak şekilde rengi değiştirelim.
   
   
4. Circle 1 katmanı hala seçiliyken, Inspector - Shape öğesine gidin ve dairenin rengini alttaki ışığın rengiyle eşleşecek şekilde değiştirin.
   
   
5. Dairenin kenarını yumuşatmak için Geçiş Yumuşatma parametresini 5,0'a ayarlayın.
   
   Şimdi FadeIn / FadeOut Davranışı olan ilk davranışı ekleyelim.
   
   
6. Çember 1 hala seçiliyken Kütüphane - Davranışlar - Temel Hareket - Yavaşla / Yavaşla'ya gidin. Bu davranışı tıklayın ve ardından Uygula düğmesini tıklayın. Daire 1 katmanına alt katman olarak FadeIn / FadeOut davranışının eklendiğini göreceksiniz.
   
   Animasyonu oynattığınızda, Bokeh ışığı yanıp sönüyormuş gibi dairenin solup içeri girdiğini görmelisiniz. Circle 1 katmanına başka bir davranış ekleyelim. Büyüme / Küçültme davranışı, animasyona daha fazla gerçekçilik katmalıdır.
   
   
7. Circle 1 katmanı seçiliyken Kütüphane - Davranışlar - Temel Hareket - Büyüt / Küçült'e gidin. Uygula düğmesini tıklayın. İlk davranışın üzerine Büyült / Küçült davranış katmanının eklendiğini görmelisiniz.
   
   

Eğitim Örneği:


Telif Hakkı 2018 Adobe Systems Incorporated. Tüm hakları Saklıdır. Adobe ürün ekran görüntüleri, Adobe Systems Incorporated'ın izniyle kullanılmıştır. Adobe, Photoshop, Photoshop Albümü, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Köprü, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Havai Fişek, Contribute, Captivate, Flash Catalyst ve Flash Paper Amerika Birleşik Devletleri ve / veya diğer ülkelerde Adobe Systems Incorporated'in [a] tescilli ticari markaları veya ticari markalarıdır.

Apple, Motion, iBooks Author, GarageBand, TextEdit, Pages, iMovie ve Mac, Apple Inc.'in ABD ve diğer ülkelerde tescilli ticari markalarıdır. CoffeBreakBlog bağımsız bir yayındır ve Apple Inc. tarafından onaylanmamış, sponsorlu veya başka bir şekilde onaylanmamıştır.

Video Talimatları: Kedinize, Onu Sevdiğinizi Nasıl Gösterirsiniz (Mayıs Ayı 2024).