Çeşitli alanlarda çok sayıda projemiz olduğunu biliyor olabilirsiniz; bunlardan biri VideoSmile.ru projesidir. Video konuya (düzenleme, özel efektler, 3D vb.) adanmıştır ve 2011 yılından bu yana ekibimiz tarafından geliştirilmektedir.

Hedef kitlem arasında bununla doğrudan ilgilenen insanlar olduğunu biliyorum, bu yüzden VideoSmile'daki adamlardan ön ödemeli müşterilerim için en popüler video düzenleme programı olan Adobe After Effects hakkında bir dizi ders hazırlamalarını istedim. Bu, video dünyasında bir nevi “Photoshop”tur.

Öğrenilecek pratik dersler olduğunu, bazı kişilerin eğitimden sonra videoları için bir tür animasyonlu öğeler oluşturabileceğini düşündük. Bu ders dizisi başarıyla oluşturuldu ve bugün bunu size sunmak istiyorum.

After Effects'i tanıma

İlk videoda After Effects programlarının yeteneklerini öğrenecek ve bunları nereden indirebileceğinizi öğreneceksiniz.

4 etkili ekran koruyucunun oluşturulması. Bölüm 1

Bu derste program arayüzünü öğrenecek, çalışma alanınızı ayarlayacak ve ana program panellerini öğreneceksiniz. Ayrıca burada projenizi ve projeniz çerçevesinde ilk kompozisyonunuzu oluşturuyorsunuz.

4 etkili ekran koruyucunun oluşturulması. Bölüm 2

Burada başlangıç ​​ekranının çeşitli versiyonlarını oluşturmaya devam edecek ve bu süreçte After Effects'teki daha birçok önemli aracı öğreneceksiniz.

Geçişler ve kesintiler

Bu videoyla, başlangıç ​​ekranından videoya nasıl net geçişler yapacağınızı ve aynı zamanda düzenleme sırasında sizin için harika olan bir dizi kesintiyi nasıl uygulayacağınızı öğreneceksiniz. Ayrıca After Effects'te bulunanlara benzer standart geçişlerin nasıl kullanılacağını hemen öğreneceksiniz.

Alt Üçüncüler ve ölür

Bazı videolarda kişilerin, kişinin adını ve takma adının yanı sıra şirketlerinin adını ve faaliyet türünü de gösteren animasyonlu tabelalara sahip olduğunu zaten belirtmiştiniz. Bu slaytları After Effects'te oluşturmak kolaydır ve bu derste bunları kendi başınıza nasıl kullanacağınızı öğreneceksiniz.

Animasyonlu metin öğeleri

Bu mini kursun son dersinde, videonuza önemli metin bilgilerini ekleyebileceğiniz animasyonlu metin bloklarının nasıl oluşturulacağını öğreneceksiniz.

Öncelikle dikkatli bir şekilde boyama işlemine geçiyoruz ve çalışma alanını Paint olarak değiştiriyoruz.

Boya, Fırçalar ve Katman panelleri belirdi. Boya paneli boyama parametrelerini ayarlamak için kullanılır. Fırçalar panelinde fırçanın boyutunu ve sertliğini seçeceğiz. Katman panelini kullanacağımız Kompozisyon panelinde merkezsiz boyama yapmak mümkün olmadığından. %100 ölçekte küçük olmak en iyisidir. Bunu yapmak için, panelin ana menüsünde Çerçeveyi Büyüt / Çerçeve Boyutunu Geri Yükle öğesini seçin veya imleci panelin üzerine yerleştirerek tuşuna basın.<~>klavyede.
Beyaz renkli bir top oluşturun. Bu, üzerinde pratik yapacağımız tuvalimiz olacak. Fırça Aracını seçin. Küçük bir popo çizelim.

Bu etki, tabloyu bu topa göre çizdiğimiz anlamına gelir. Küçük öğe, Fırça 1'in bir alt katmanı olarak topun gücünde belirir. Bu, taç yaprakları ve gövdeden oluşan dairemize kadar gider, böylece son çiçek oluşur.

Topun gücüne bakalım.

Bildiğiniz gibi dış yüzey elemanı için bir yarı alt katmanımız var. Toplardan birini görebildiğimiz gibi, görsellerin yerini yeni bir unsurun alacağını umuyoruz. Bu şarkıyı boyamaya çalışırken bu manuel olarak gerçekleşir. Karıştırmamak için cilt elemanına isim verebilirsiniz. Öğeyi görüyoruz, Enter tuşuna basıyoruz, yeni bir ad girip tekrar Enter tuşuna basıyoruz.

Öncelikle boyamanın etkisi Şeffaf Boyadır. Tüm unsurlara yer var. "Açık" konuma getirirseniz, arka plandaki top kaybolacak ve damalı kapıların görünümünde yalnızca arka plan kaybolacaktır (çünkü hem Kompozisyon'da hem de Şeffaflık Izgarasını Değiştir geçiş düğmesini tıklattığınızda görünmezler) panelinde ve Katman panelinde).

Şimdi elementlerden birini aydınlatalım. Burada iki grup gücümüz var: Dönüştürme, Stoke Seçenekleri ve animasyonlu Yol gücünün kendisi. Rozgornemo grubu Stoke Seçenekleri. Zaten boyanmış bir öğenin boyama parametrelerini ayarlamak istiyorsanız burada çalışın; Boya panelinde parametreleri yalnızca sonraki boyama öğeleri için ayarlarsınız.

Animasyonlu güç Başlat. Düzenleme çizgisini 2 saniyelik konuma taşıyın ve kronometre simgesine tıklayın. İlk anahtar oluşturuldu. Başka bir anahtar oluşturmak için Giriş tuşuna basın. Lütfen bu değeri %100 olarak değiştirin. Önce Kompozisyon görünümü paneline bir göz atın. Eleman yavaş yavaş ters yöne doğru çevrilir. Boyadığınız şekilde boyadığınızdan emin olmak için, Son gücünü kendiniz canlandırın (Başlangıç ​​gücünü canlandırmayı unutmayın).
Stoke Seçenekleri grubunda fırça rengini (Renk), çapı (Çap), sertliği (Sertlik), yuvarlaklığı (Yuvarlaklık), aralığı (aralık), opaklığı (Opaklık) ve akışı (Akış) değiştirebiliyoruz. Sizin de belirttiğiniz gibi, tüm bu güç canlandırılabilir. Şimdi cilt elementi için değişen bir renk hazırlıyoruz.

Diğer bir araç ise Silgidir. Bu öğeyi seçtikten sonra, silinecek öğeyi belirten Sil öğesi Paint panelinde kullanılabilir hale gelir.

Silgiyi yalnızca lekeli öğeleri silmek için değil, aynı zamanda arka planı kaldırmak için de kullanabilirsiniz.
Son olarak kusursuzca düz bir çizgi çizmenizi sağlayacak bir yöntem anlatmak istiyorum. Neden bir cetvele ihtiyacımız var? Görünüm-\u003e Cetvelleri Göster menü komutunu kullanın. Katman panelinde iki ölçek belirdi: dikey ve yatay.
Şimdi imleci satırlardan birinin üzerine getiriyoruz. İmleç çift taraflı ok şeklini almalıdır. Farenin sol tuşuna basın ve imleci çizgiyi genişletmek istediğiniz yere getirin.

Bazen sadece komik bir video oluşturmak veya ciddi bir proje için bir video dosyasının üzerine bir şeyler boyamaya ihtiyaç duyulur. Bu küçük “kılavuzda” size bundan bahsedeceğim.

O halde bitirelim:

1. Yeni bir kompozisyon oluşturalım (Adobe After Effects'te çalışmanın temellerini bilmiyorsanız yeni bir kompozisyon oluşturma hakkında bilgi edinebilirsiniz).

2. Adobe After Effects kullanarak tüm projeden ve ardından üzerine boyayacağımız video olan kompozisyonun kendisine "sürüklenebilir" (bu durumda Nature.mp4):

3. Şimdi video dosyasının topuna iki kez "basıyoruz" ve bir sonraki yuvarlak topa gidiyoruz (bu durumda, Katman: Nature.mp4), burada çizeceğiz:

4. Onay kutusuna gidersek, Fırça Aracını (Ctrl + B) seçmeniz yeterlidir. Ayrıca sağ alt köşede çeşitli parametreleri ayarlayabileceğiniz Paint araç çubuğunu bulabilirsiniz. tablo:

5. Artık bir şeyler boyamayı deneyebilirsiniz. Elimi budaklı bir ağaca boyadım :)

Bebek hattının derisinin yeni bir şekilde oluşturulduğunu vurgulamak isterim.Video dosyasının ortasındaki “Alt katman”. Gnuchko yapabilirsincilt topu (Fırça 1, Fırça 2 ... Fırça n) ayarını, örneğin bebeğin cildinin görünme saatini ve diğer parametreleri ayarlayın.Bunun için \u003d\u003e Effects \u003d\u003e Paint video dosyasındaki topu aydınlatmanız gerekiyor.

Adobe After Effects'te boyama sürecini çok detaylı bir şekilde anlattım, her şeyi hayal gücünüze bırakıyorum. Konuşmadan önce, bitmiş videoyu Adobe After Effects'te kaydetme (oluşturma) ile ilgili sorunlar varsa, aşağıdakileri öğrenmenizi öneririm: cym malzeme.

AE'nin 2016 yılı başından itibaren illüstrasyonun yanı sıra hareket tasarımı alanında da çalışmaya başladığını düşünüyorum.

Blog için şekil ve çizgilerden oluşan basit bir animasyon içeren bir ders hazırlıyordum. Bu ders After Effects'e az çok aşina olanlar içindir, çünkü bunu zor buluyorsanız temel dersleri yol boyunca izlemenizi öneririm. Mesela benim kursum şu: Giriş kursu Illustrator + After Effects.

Yakın zamanda animasyonlu belirtme çizgileri içeren bir projeyi bitirdim ve yayınladım ve dersimde size en basit örnek üzerinde nasıl çalıştığımı anlatacağım.

1. Adobe Illustrator'da bebekli bir vektör dosyası oluşturuyoruz. Bir çağrımız var. Tüm satırlar dolgusuzdur, yalnızca ana hatları çizilir. Küçük bir çocuk gibi çalışın ki animasyonu daha akıllıca bitirebilesiniz. Dosyayı şuraya kaydet: yapay zeka biçim.

2. After Effects'e aktarın. Birçok yolu var. Sonunda alt tıklayın Proje ve açılır pencereden dosyayı seçin. Veya explorer aracılığıyla dosyayı seçin ve fareyi pencerenin üzerine sürükleyin Proje. Daha fazlası şurada mevcut: Menü Dosya\u003e İçe Aktar\u003e dosya, Ve dosyamızı seçin. Saygınızı artırın! suçlu olmak kamera görüntüsü sahanın yakınında Farklı İçe Aktar Hiçbir kutucuğu işaretlemiyoruz.

3. After Effects'te yeni bir kompozisyon oluşturma. CTRL + N veya menü aracılığıyla Kompozisyon\u003e Yeni Kompozisyon. Ayarları belirliyoruz - adı yazıyoruz, animasyonun süresi 30 kare (kare hızı) ve 15 saniye (Süre) var, ayrıca kompozisyonun boyutunu da 1920x1080 olarak ayarlıyoruz. Tisnemo - Tamam.

4. Pencereden bir vektör dosyasını içe aktarmak için fareyle sürüklenebilir Proje Açık zaman çizelgesi-Çalışma alanının alt kısmı daha güçlü olacak ve çizgilerimizi hareketlendirebileceğiz.

5. Topu dosyayla görebilirsiniz. Menüye git Efekt\u003e Oluştur\u003e Doldur.

Seçilen renk beyazdır.

6. Top görüldü. Daha sonra simgenin arkasındaki bir arkadaşa basıyoruz Rasterleştir Topa isim veriyorum (simgeler görünmüyorsa zaman çizelgesinin altında Anahtarları/Modları Değiştir- tıkladığınızda topun türü değişecektir - sağ taraftaki simge görünecektir).

Artık çizgilerimiz açıkça görülüyor. Bunu koymak gerekli Ölçekölçek. Topu parametrelerde açabilirsiniz Dönüştür\u003e Ölçekle değeri girin, 450'yi 450'ye ayarladım. Veya kısayol tuşu S- aynı anda tüm nesne dönüştürme parametrelerinin yalnızca bir ölçeği görüntülenir. Tüm işlevlere ücretsiz erişim ve daha da kolay. Böylece deri topu veya nesne dönüştürülebilir ve deri topundaki ayarlar yapılabilir.

7. Daha sonra çağrımızı merkeze yerleştireceğiz. Tıpkı Illustrator'daki gibi: ok baştan görülebilir Seçim Aracı (V), Sonra nesne çöker.

8. Topumuzu görüyoruz, hadi menüye gidelim Katman\u003e Vektör Katmanından Şekiller Oluşturun.

Ve bundan sonra zaten 2 topumuz olacak. İlk vektörel orijinal topumuz sergilenebilmektedir. Anahtar da görünüyor SİLMEK. Projeyi kaydetmeyi unutmayalım - Ctrl + Üst Karakter + S. Rada - büyücülere periyodik olarak basın Ctrl+S.

9. Şimdi bir topu kıymık haline getirmemiz gerekiyor - çizgilerimiz olsa bile. Bunu manuel olarak yapabilirsiniz, ancak çok uzun ve sıkıcıdır. Ücretsiz bir komut dosyasını büyülemek ve yüklemek daha iyidir ZI_ExplodeShapesLayers(Renklendirilmiş yeni versiyon). Topu görüyoruz ve Illustrator'daki gibi gidiyoruz Dosya\u003e Komut Dosyaları. kabartma düğmesi Patlat!

Tüm inanç paramparça oldu ve en küçüğü olan orijinal topumuzu yeniden görebilirsiniz. Ve bunu manuel olarak kopyalamak zorunda kaldım (topu kopyalamak - CTRL + D) Topun çizgi sayısı kadar farklı topu var, ardından yeni kopyalanan toptan topları silin ve yeniden adlandırın.

Komut dosyasını bilmeyenler veya indirmek istemeyenler için daha fazla ayrıntı:
4 alt katmanımız var, yani 3 kopyaya daha ihtiyacımız var, kabul edelim. Daha sonra ilk topun 2,3,4 grubu vardır. Ve sonra benzetme yoluyla. Daha sonra yeniden adlandırılır - top görünür - ENTER - yeni bir ad girilir - ENTER veya boş yere tıklayın. Bitişik çizgilere sahip 4 top olabilir.

10. Topları animasyon sırasına göre hareket ettirebilirsiniz - önce daireler, sonra çizgiler, sonra kare. Ve kendi iyiliğin için onu bu şekilde mahrum bırakabilirsin. Neyse tüm hazırlıklar tamamlandı. Şimdi vektör animasyonunu kullanma zamanı. Kupayla başlayalım; belirtme çizgisi işaretleyiciyle.

Hadi Konuşalım! Yakınlaştırabilirsiniz - fareyi tıklatarak (temel ctrl + - burada çalışmaz ve ctrl 0 da aynıdır) veya penceredeki ölçeği seçerek penceredeki bir nesnenin kompozisyonunu görüntüleyebilirsiniz. Kompozisyon - Büyütme oranı açılır penceresi(Eksen yüzler ve aşağı ok içeren sayılardır). Ve kompozisyonun etrafında bir geçişle hareket edebilirsiniz - aynı el (bir avize gibi). Ayrıca bir nesneyi canlandırırken merkezi bağlantı noktasına odaklanın Dayanak noktası. Nesnenin merkezinde olmalısınız, aksi takdirde animasyon noktanın nerede olduğunu gösterecektir ve bu durumda merkeze ihtiyacımız var. Nasıl düzeltilir - kısayol tuşuna basın e, Ve noktayı çekin, gerekli yere yerleştirin. İyi hadi gidelim.

11. Animasyon hissesi. animasyonlu Ölçek.
Topun üzerinde soloyu açabilirsiniz, ardından yalnızca top görünür olacaktır (daire simgesi veya noktalar). Sonra anahtarları bırakıyoruz - bu bizim animasyonumuz olacak. Saat göstergesi yeniden sulanabilir (eksen mavi uçlu bir çizgidir - Güncel Zaman Göstergesi) 0 saniye boyunca 15 kare ve anahtarı ayarlayın - kronometreye tıklayın Ölçek, Değer kayboldu (450'm var).

Kompozisyonu sıfırlıyoruz ve değeri sıfıra değiştiriyoruz (boyut değeri hemen girilir ve otomatik olarak yeni bir anahtar eklenir). Daha sonra 3 saniye boyunca - 450, 3 saniye boyunca 15 kare - 300, daha sonra 5 kare - 3 saniye boyunca 20 kare - 450 geçilir ve 6 saniyede tekrarlanır, 6,15 ve 6,20 - aynı değerleri ayarlayın ​​-450/300/450. Sonra 9. ve 12. saniyede de aynı, yaklaşık olarak aynı mesafede. Ve şimdi kompozisyonun sonunda dikkatlice karartın - 14 saniye 15 kare - 450, en sonunda 15 saniyede - 0. Ardından tuşuna basın F9- tuşları yumuşatın.

Başka bir şekilde bir anahtar ekleyebilirsiniz - bir kronometre ile elmaslara sırayla tıklayın ve ardından değerleri değiştirin). tuşlarını kullanarak saat ölçeğini değiştirebilirsiniz. SAYFA YUKARI і SAYFA AÇIK. Göstergeyi dikkatli kullanın! Chi topun kendisini yok etme! Yakscho okulu CTRL +Z Sana yardım edeceğim.

Eh, eksen artık bizim rengimiz canlandı; koçanın üzerinde beliriyor, süreçte yavaş yavaş parlıyor ve kompozisyonun sonunda yavaş yavaş kayboluyor. İncelemek için sıfır 0'a, incelemeyi bitirmek için sıfır 0'a basın.

12. Kafa çizgisinin animasyonu.
İlerleyen topu kafa çizgisiyle görebilirsiniz. iki kişi baskı yapıyor sen Ve topun tamamı açılıyor. Lütfen değiştirilen öğeleri açmanız gerekip gerekmediğini kontrol edin. Gerçekten kullanışlı. Tekrar kapat sen. Süreç boyunca her şeyi kendiniz anlayacaksınız. Alt katman daha da görülebilir Grup 3 - Ekle - Yolu Kırp.

Parametreler açıldı Yolu Kırp ve değeri ayarlayın SON. Yüzde 75'e ayarladım. Bu gösterge çizginin animasyonda kaç yüz yüzlerce satır gösterileceğini belirtir: %100 - kesinlikle, %0 - çizgi çizgisi gösterilmeyecektir. Optimal olarak yaklaşık %50 ila 95. Gösterge kompozisyonun başlangıcında bulunur. Daha da animasyonlu. sıkılmış ALT ve parametrenin kronometresine tıklayın Telafi etmek(Hemen aşağıda Son) І viraz görünen satıra girilir - zaman*n(Burada n, animasyonun sarma sayısını veya akışkanlığını gösteren bir sayıdır).

Şarkıyı (sıfır) çalın ve olanlara hayret edin. Değerleri değiştirebilirsiniz SON Ve animasyonu değiştirin, bu durumda değiştirmeye gerek yoktur. Bu şekilde mümkün olan en büyük ve en iyi sonucu elde edin. Artık görünen ve solan çizgiler de ekleyebiliriz. Ek bilgi için bunu kazanabilirsiniz Opaklık. Top görünür - anahtar kabartmalı T ve 1 saniyede değeri 100'e, kompozisyonun başlangıcında sıfıra - 0'a ayarlayın. Daha sonra 14 saniye - 100'e değişir ve kompozisyonun sonunda 0'a ayarlanır. F9- düzeltin. Konuşmadan önce tüm tuşları bir bakışta görmek için onları fareyle görebilir ve dikkatlice basabilirsiniz. F9 Veya parametrenin kendisini görmek en kolay yoldur Opaklık Ve tüm tuşlar bir bakışta görülebilir.

13. Başka bir satırın animasyonu.
Hattın ayarları üzerinde sizinle birlikte çalışmaya başlayacağız. Düz noktalı bir çizgi oluşturup onu canlandırıyoruz. iki sen topla çizgiyle, biliyoruz Felç Ve oka tıklayarak anlamını ortaya çıkarıyoruz. bilinen parametre Kısa çizgiler ve artı işaretine basın + iki kere. önemli görünmek Çizgi(Kіlkіst noktası), Açıklık(Noktaların arasında durun), Telafi etmek(Noktaları canlandırın). Diyelim ki 5 ve 5 değerlerini girelim. Şimdi tekrar edeceğim ALT+ Parametredeki kronometreye tıklayın Telafi etmek giriyorum zaman*n(Değerim 35).

şimdi öyle görünüyor İçindekiler - Ekle - Yolu Kırp ve 1 saniye boyunca Son tuş 100, sıfırda 0, 14 saniyede 100 ve sonunda 0. Tuşlar görünür ve yumuşatılmıştır F9.

14. Bir karenin animasyonu. Obertannya.
Bir top, bir kare ve bir kısayol tuşu görebilirsiniz R (döndürme). görünüşe göre rotasyon і ALT+ Kronometreye tıklayın. Virüsün tanıtıldığı satıra yazıyoruz zaman*n(Değerim 250). Ek tuşları manuel olarak kullanabilirsiniz - başlangıçta sıfır cob değerine sahip bir tuş ve sonunda bir tuş (0x ve derece +0,0 devir sayısını girin), örneğin 8 devir ve 360 ​​derece. Virazilerin sakin davranması ve robotu otomatikleştirmesi gerekiyor. Benzetme yoluyla, görünümün başlangıcına (1 saniyede 100 ve sıfırda 0) ve yok oluşun sonuna (14 saniyede 100 ve sonunda 0) netlik katıyoruz ve F9. Aksi takdirde görünüm ve zayıflama Yolu Kırp.

Her şey! Animasyon hazır! Çağrımız canlı! Şimdi kaydedildi. Robimo'nun renderı.
Kısayol tuşlarına basma CTRL + M(Veya menüye gidin).

biz tam tersine baskı yapıyoruz Çıkış Modülü doğrudan ok üzerine tıklayın ve formatı benden seçin MOV+PNG+ALFA(veya MOV+PNG). basıyorum İşleme, Biz render almaya giderken bir göz atın. Sonra sonuca hayret ediyoruz. Video, projenizle aynı klasöre kaydedilecektir.

Oksana Şilovaözellikle blog için

Yeni hiçbir şeyi kaçırmamak için bültenimize abone olun: