Arayüz animasyonu - kurs 31.900 RUB. Uprock'tan, 4 aylık eğitim, tarih 28 Kasım 2023.

Miscellanea / by admin / November 30, 2023

İstediğiniz zaman başlayın ve rahat bir hızda öğrenin
Eğitimin başlangıcı kursun satın alındığı tarihe bağlı değildir. Sizin için uygun olan herhangi bir zamanda başlayın ve rahat bir hızda öğrenin. En iyi seçenek günde 2 saat ders çalışmaktır. Kursa 4-8 saat ayırabilirseniz 2-4 kat daha hızlı bitirirsiniz.

Tutarlılık ve uyum sağlama zamanı
Yaptığınız görevlerin karmaşıklığı, 30 dakikaya kadar süren en basitinden, daha karmaşık ve zaman alıcı olanına doğru artar. Bu şekilde yavaş yavaş öğrenme sürecine katılırsınız.

Kapsamlı ama bilgilendirici video eğitimleri
Önce birkaç yüz sayfalık bir senaryo hazırladık, sonra onu seslendirdik, düzenledik, grafiklerle doldurduk ve sizin için öğrenmesi kolay ve bir şeyler için geri dönmenin rahat olduğu "susuz" kısa dersler hatırlamak.

Küratörlerimiz en hızlı ve en detaylı cevapları veriyor. Katı düzenlemeler var: Günde en az 2 video analizi alacaksınız, her yanıtta küratör hatalarınızı not edecek ve bunları nasıl düzelteceğinizi size söyleyecektir.

Kurs programı arayüz animasyonunun tüm konularını kapsamaktadır. Tüm dersler tutarlı ve yoğun, geniş kapsamlı ve susuz olarak verilmektedir.

instagram viewer

TEORİ

giriiş

Bu dersimizde web animasyonunun ne olduğu, arayüz tasarımında hangi işlevleri yerine getirdiği ve hangi durumlarda kullanıldığı hakkında fikir sahibi olacaksınız. Gerçek web sitelerinde hangi iki tür animasyonun kullanıldığını öğreneceksiniz. Akıcı, zahmetsiz ve her zaman alakalı animasyonların nasıl oluşturulacağıyla ilgili önemli ipuçları alın. Gerçekçi animasyonlarda hangi tekniklerin kullanılmaması gerektiğini ve nedenini öğreneceksiniz. Temel animasyon aksiyonlarını analiz edip örneklerle inceleyeceğiz. Eğitim ve rahat çalışma için hangi programların kurulması gerektiğini bulalım. Nereye ve nasıl kayıt olunacağı, hangi tarife planının seçileceği. Bazı önemli iş süreçlerini optimize etmenize olanak tanıyan iki faydalı eklenti alacaksınız: AEUX ve Motion Tool Adobe After Effects'te animasyon oluşturma sürecini büyük ölçüde kolaylaştırın ve After programını tanıyın Etkileri.

Web Animasyonuna Giriş
Teori
Programları yükleme
After Effects Arayüzü ve Kurulumu

PRATİK

Görünüm Animasyonu

Bu derste en temel ve popüler animasyonu öğreneceksiniz: görünüm animasyonu ve Opaklık özelliği. Bu pratik eğitim, adım adım bir görünüm animasyonunun nasıl oluşturulacağına dair ayrıntılı talimatlar alacağınız şekilde yapılandırılmıştır. Rendering'in ne olduğu ve neden gerekli olduğu hakkında konuşacağız. Track Matte işlevine ve onun ilk özelliğine - Alpha Matte'e (alfa maskesi) bakalım. Sonuç olarak, Opaklık özellikleri olan Alfa Mat (alfa maskesi) ile çalışma temel becerisini kazanacak ve güzel bir görünüm animasyonuna sahip bir çekim oluşturacaksınız.

PRATİK

Karmaşık görünüm sahnesi

İki animasyondan oluşan bir kombinasyona bakalım: görünüm (zaten buna aşinasınız) ve hareket (bu sizin için yeni bir animasyon türüdür). İkincisi üzerinde daha ayrıntılı olarak duracağız. Hareketi canlandırmak için nesnenin kompozisyondaki konumunu belirleyen Konum parametresini kullanacaksınız. Ayrıca Bağlantı Noktası katman seçeneğine aşina olacak ve onu nasıl doğru şekilde kullanacağınızı öğreneceksiniz. Sonuçta bir çekimi canlandıracak ve farklı türdeki animasyonlardan etkileyici animasyonlar oluşturmayı öğreneceksiniz.

PRATİK

Hareket Araçları ile Çalışma

Derste Hareket Araçları komut dosyasını ayrıntılı olarak inceleyeceksiniz. Pratikte bu aracın ne kadar kullanışlı olduğunu görün. Aslında iş sürecini önemli ölçüde hızlandırır. Hız Grafiğinin ne olduğunu, Hareket Hızını, Bezier eğrilerinin After Effects'te nasıl çalıştığını ve animasyonu nasıl etkilediğini kapsamlı bir şekilde anlayacaksınız. Son olarak, animasyon deneyiminizi büyük ölçüde optimize edecek olan Hareket Araçlarını kullanarak animasyonunuzu nasıl özelleştireceğinizi ayrıntılı olarak öğreneceksiniz.

Genel konseptler
Hareket Araçları v2.0

PRATİK

Yakınlaştırma animasyonu (alfa maskesini kullanarak)

Görünen fotoğrafların animasyonlarını nasıl gösterebileceğinizi öğreneceksiniz. Bu eğitimde öğreneceğiniz temel özellik katmanın Scale parametresidir. Onun yardımıyla bir nesnenin boyutunu değiştirebilirsiniz. Bu animasyona ölçeklendirme animasyonu denir (Alfa Mat kullanılarak). Alpha Matte'in kendisini (alfa maskesi) ve içindeki görüntüyü, daha önce incelediğiniz görünüm animasyonuyla birlikte ölçeklendireceğiz. Sonuç olarak, fotoğrafları etkili bir şekilde nasıl canlandıracağınızı öğreneceksiniz.

PRATİK

Paralaks animasyonu

En popüler efektlerden biri olan paralaksın nasıl uygulanacağına dair kapsamlı bir anlayış kazanacaksınız. Bunu uygulamak için 3 tasarım öğesine ve zaten tanıdık olan Position özelliğine ihtiyacınız olacak. Paralaks efektini oluşturduktan sonra, döngü oluşturmak için ters animasyonun nasıl uygulanacağını öğreneceksiniz. Son olarak, izleyiciler üzerinde güçlü bir izlenim bırakan derinlik ve boyut hissi yaratmak için paralaks efektini kullanan çekimlerin nasıl oluşturulacağını öğreneceksiniz.

PRATİK

Paralaks, hareket ve maske uygulamasıyla karmaşık sahne

Bu eğitimde, önceki bölümlerde öğrendiğiniz animasyonları içeren karmaşık animasyonların nasıl oluşturulacağını öğreneceksiniz. sprintler, yani: Görünüm - Opaklık, Hareket - Konum, Ölçekleme - Ölçek, Alfa Mat (alfa maskesi) ve Efekt uygulaması paralaks. Başlığın maske alanında görünmesi sizin için yeni bir animasyon türü olacaktır. Tüm bu animasyon türlerini kullanarak geçişlerle karmaşık sahneler oluşturmayı öğreneceksiniz; bu, çekimlerinizin diğerlerinden öne çıkmasına yardımcı olacaktır.

PRATİK

Uyarlanabilir Animasyon

Uyarlanabilir animasyon kavramına bakacağız. Bu, masaüstü düzeni sorunsuz bir şekilde cep telefonu düzenine dönüştüğünde sitenin duyarlı sürümlerini göstermek için kullanacağınız, zaten tanıdık olan yakınlaştırma animasyonudur. Bunu oluşturmak için Hareket – Konum, Ölçekleme – Ölçek, Kaybolma/Görünüm – Opaklık, Ters Animasyon – Hareket Araçları 2/Klon gibi önceden öğrenilen özellikleri kullanacaksınız. Uyarlanabilir animasyonun nasıl doğru şekilde uygulanacağını bilmek, projelerinizi etkili bir şekilde sunmanıza olanak sağlayacaktır.

PRATİK

Döndürme animasyonu

Basit animasyon - döndürmeleri ve bir katmanın bağlantı noktası etrafında döndürülmesinden sorumlu olan Döndürme nesnesi özelliğini öğreneceksiniz. Üç Döndürme parametresine bakacağız: devir sayısı, elemanı döndürmek istediğimiz miktar (derece cinsinden), saat yönünde/saat yönünün tersine dönüş. Tekrarlanan animasyon döngülerinin her birini adım adım geçtikten sonra, sonunda Döndürme özelliğiyle çalışma becerisinde ustalaşacak ve döndürme animasyonuyla izleyicilerin dikkatini çekecek bir çekim yaratacaksınız.

PRATİK

Tüm temel animasyonlardan oluşan karmaşık animasyon

Aşina olduğunuz tüm temel animasyonlardan oluşan daha karmaşık bir kombinasyona bakalım. Bu dersimizde dairenin ölçeklendirilmesi ve kaybolması animasyonunu (Elips Aracı) kullanarak bir resme tıklama simüle etme efektinin oluşturulması konusuna değineceğiz. Sonuç olarak, farklı animasyonların sırasını öğrenerek daha karmaşık, etkileyici animasyonlar oluşturmanıza olanak tanıyacaksınız.

PRATİK

Sahnelerle çalışma

Bu ders 3 sprintten oluşan bir döngüdür. Alternatif sahne geçişlerine odaklanır. Öncelikle “sahne” kavramına daha yakından bakacağız ve sahneler arasında ne tür geçişlerin var olduğunu tartışacağız. Sahneleri değiştirmek için standart olmayan 3 seçeneği nasıl kullanacağınızı öğreneceksiniz: maske değiştirme, perde değiştirme ve slayt değiştirme. Bir "maske değişikliği" geçişi oluşturmak için yeni Parça Örtüsü parametresi olan Alfa Ters Çevrilmiş Mat veya Ters Çevrilmiş Alfa Maskesini anlayacak ve onunla nasıl çalışacağınızı öğreneceksiniz. Ve videoyu bir animasyon kompozisyonuna nasıl aktaracağınızı öğrenin.

PRATİK

Renk değiştirme animasyonu

Bu eğitimde renkli animasyon ve Renk katmanı özelliğiyle nasıl çalışılacağını öğreneceksiniz. Düğmelerin veya bağlantıların üzerine gelindiğini göstermek için kullanılabilecek basit bir animasyon. Ancak daha ilginç bir seçeneğe, renk değiştiren animasyon kullanarak projenizi nasıl güzel bir şekilde sunabileceğinize bakacağız.

PRATİK

Yol Animasyonu (Kırp)

Çok güzel yol hareketi efektleri, diğer bir deyişle yol kırpma efektleri oluşturmak için kullanılabilecek yeni Yolu Kırp parametresini öğreneceksiniz. Örneğin, bir ön yükleyici, bir video oynatıcıda ilerleme çubuğu vb. göstermek istediklerinde.

PRATİK

Karmaşık animasyon

Bu derste yine karmaşık animasyonlarla çalışacak, önceden edinilen becerileri pekiştirecek ve tüm teknikleri kullanarak yeni efektlerle bir çekim animasyonu yaratacaksınız. aynı temel animasyon özellikleri: görünüm, hareket, maske, ölçeklendirme, sahne 1 arasında geçiş (maske değişimi), sahne 2 arasında geçiş (değişim) perde).

PRATİK

Dekoratif metin animasyonu (aksaklık)

Bu ders, dekoratif metin animasyonu üzerine 3 dersten oluşan başka bir küçük döngüyü başlatıyor. Bu derste, "kırık" bir resmin veya televizyon müdahalesinin etkisi olan Glitch gibi olağanüstü bir etkinin nasıl yaratılacağını öğreneceksiniz. Animasyondaki bu efekt oldukça moda görünüyor ve bir vay efekti yaratıyor. Oluşturmak oldukça kolaydır

PRATİK

Dekoratif metin animasyonu (komut dosyası)

Bu derste büyük metni simüle eden bir animasyonun nasıl oluşturulacağını öğreneceksiniz. Bu teknik genellikle bir web sitesine vurgu eklemek için kullanılır ve estetik açıdan oldukça hoş görünür. Bu animasyon için yeni Kalem Aracını kullanacaksınız. Zorlu çalışmalara hazırlıklı olun ve sabırlı olun. Sonuç olarak projelerinizi sunmak için kullanabileceğiniz güzel bir animasyon elde edeceksiniz.

PRATİK

Yaratıcı metin animasyonu

Bu derste yine metin animasyonu bulacaksınız, ancak daha yaratıcı ve sıradışı. İlginç etkisi, basit ve ters olmak üzere iki alfa maskesi kullanan farklı animasyonların bir kombinasyonunu içerir. Sonuç olarak havalı bir çekim yaratacaksınız ve etkili sunumlar için bu yöntemi projelerinizde kullanabilirsiniz.

PRATİK

Karmaşık animasyon

Bu derste zaten aşina olduğunuz animasyon türlerini kullanacağız, ancak bazılarını daha karmaşık ve standart dışı efektler oluşturmak için kullanacağız. Sonuç olarak, geçişler, kaydırma ve slayt değişiklikleri içeren üç sahneden oluşan karmaşık, karmaşık bir animasyon elde ediyoruz.

PRATİK

Luma Matte kullanarak animasyon

Önceki derslerde Track Matte parametrelerini tartışmıştık ve Alpha Matte ve Alpha Inverted Matte'in çalışma prensibi hakkında zaten iyi bir fikriniz var. Bu eğitimde aşağıdaki iki Track Matte seçeneğini inceleyeceğiz: Luma Matte ve Luma Inverted Matte ve bunları projelerimize nasıl uygulayacağımızı öğreneceğiz.

PRATİK

Türbülanslı Yer Değiştirme kullanan animasyon

Fotoğraf bozulma efektini kullanarak animasyonu inceleyelim. Türbülanslı Yer Değiştirme Deformasyon parametresinin araçlarından biridir. Teknik olarak, dalga efekti oluşturmaya yardımcı olan ve fotoğraflarda efekt için sıklıkla kullanılan hafif bir piksel kaymasıdır.

PRATİK

Karmaşık karmaşık animasyon

Daha önce öğrenilenleri kullanarak karmaşık karmaşık animasyonlar oluşturacağımız son eğitim dersi animasyon türleri ve yenisi - Metin parametresi ve metnin içeriğini değiştirmenize olanak tanıyan "Kaynak Metin" özelliği katman. Çekiminiz için sıfırdan animasyon oluşturacağınız ve oluşturacağınız bağımsız bir pratik bölümün yanı sıra birçok ilginç ve kullanışlı bonus video dersi

PRATİK

Sıfırdan animasyon oluşturma

Stil belirleme, referans arama, script oluşturma. Sahneler ve aralarındaki geçişler için fikir oluşturulması, kaynak kodunun hazırlanması, 1 sahnenin animasyonunun oluşturulması, çekimin ağlarda yayınlanması prensibi.

PRATİK