Animasi antarmuka - kursus RUB 31.900. dari Uprock, pelatihan 4 bulan, tanggal 28 November 2023.
Miscellanea / / November 30, 2023
Mulailah kapan saja dan belajar dengan kecepatan yang nyaman
Awal pelatihan tidak terikat dengan tanggal pembelian kursus. Mulailah kapan saja Anda mau dan belajar dengan kecepatan yang nyaman. Pilihan terbaik adalah menghabiskan 2 jam sehari untuk belajar. Jika Anda dapat meluangkan waktu 4-8 jam untuk kursus tersebut, Anda akan menyelesaikannya 2-4 kali lebih cepat.
Konsistensi dan waktu untuk beradaptasi
Kompleksitas tugas yang Anda lakukan meningkat dari yang paling sederhana, yang memakan waktu hingga 30 menit, hingga yang lebih kompleks dan memakan waktu. Dengan cara ini Anda secara bertahap bergabung dalam proses pembelajaran.
Video tutorial yang luas namun informatif
Pertama kami membuat skrip beberapa ratus halaman, lalu kami menyuarakannya, mengeditnya, mengisinya dengan grafik dan membuat untuk Anda pelajaran singkat “tanpa air” yang mudah dipelajari dan nyaman untuk digunakan kembali untuk sesuatu mengingat.
Kurator kami memberikan jawaban tercepat dan terinci. Ada peraturan ketat: Anda akan menerima setidaknya 2 analisis video per hari, di setiap jawaban kurator akan mencatat kesalahan Anda dan memberi tahu Anda cara memperbaikinya.
Program kursus mencakup semua topik animasi antarmuka. Semua pembelajaran diberikan secara konsisten dan intensif, luas dan tanpa air.
TEORI
Perkenalan
Dalam pelajaran ini, Anda akan mendapatkan gambaran tentang apa itu animasi web, apa fungsinya dalam desain antarmuka, dan dalam kasus apa animasi itu digunakan. Anda akan mempelajari dua jenis animasi yang digunakan di situs web nyata. Dapatkan tips penting tentang cara membuat animasi yang lancar, mudah, dan selalu relevan. Anda akan mempelajari teknik mana yang sebaiknya tidak digunakan dalam animasi realistis dan alasannya. Kami akan menganalisis tindakan animasi dasar dan melihatnya dengan contoh. Mari kita cari tahu program apa yang perlu diinstal untuk pelatihan dan kenyamanan kerja. Dimana dan bagaimana cara mendaftar, paket tarif mana yang harus dipilih. Anda akan menerima dua plugin berguna - AEUX dan Motion Tool, yang memungkinkan Anda mengoptimalkan beberapa proses kerja utama di Adobe After Effects dan sangat memudahkan proses pembuatan animasi, serta mengenal program After Efek.
- Pengantar Animasi Web
- Teori
- Menginstal program
- Antarmuka dan Pengaturan After Effects
PRAKTIK
Animasi Penampilan
Dalam pelajaran ini Anda akan mempelajari animasi paling dasar dan populer - animasi tampilan dan properti Opacity. Tutorial praktis ini disusun sedemikian rupa sehingga Anda menerima petunjuk rinci tentang cara membuat animasi tampilan langkah demi langkah. Kita akan membicarakan apa itu rendering dan mengapa itu diperlukan. Mari kita lihat fungsi Track Matte dan properti pertamanya - Alpha Matte (alpha mask). Hasilnya, Anda akan memperoleh keterampilan dasar bekerja dengan properti Opacity, Alpha Matte (alpha mask) dan membuat bidikan dengan animasi tampilan yang indah.
PRAKTIK
Adegan penampilan yang rumit
Mari kita lihat kombinasi yang terdiri dari dua animasi: penampilan (Anda sudah familiar dengannya) dan gerakan (ini adalah jenis animasi baru untuk Anda). Kami akan membahas yang terakhir secara lebih rinci. Untuk menganimasikan gerakan, Anda akan menggunakan parameter Position, yang menentukan posisi objek dalam komposisi. Anda juga akan terbiasa dengan opsi lapisan Anchor Point dan mempelajari cara menggunakannya dengan benar. Pada akhirnya, Anda akan menganimasikan suatu bidikan dan mempelajari cara membuat animasi yang mengesankan dari berbagai jenis animasi.
PRAKTIK
Bekerja dengan Alat Gerak
Dalam pelajaran ini Anda akan mempelajari skrip Motion Tools secara detail. Dalam praktiknya, lihat betapa nyamannya alat ini. Faktanya, ini mempercepat proses kerja secara signifikan. Anda akan memperoleh pemahaman menyeluruh tentang apa itu Grafik Kecepatan, Easing, cara kerja kurva Bezier di After Effects, dan pengaruhnya terhadap animasi. Terakhir, Anda akan mempelajari secara detail cara menyesuaikan animasi menggunakan Motion Tools, yang akan sangat mengoptimalkan pengalaman animasi Anda.
- Konsep umum
- Alat Gerak v2.0
PRAKTIK
Animasi zoom (menggunakan alpha mask)
Anda akan mempelajari bagaimana Anda dapat menampilkan animasi foto yang muncul. Properti utama yang akan Anda pelajari dalam tutorial ini adalah parameter Scale pada layer. Dengan bantuannya Anda dapat mengubah ukuran suatu objek. Animasi ini disebut animasi penskalaan (menggunakan Alpha Matte). Kami akan menskalakan Alpha Matte itu sendiri (alpha mask) dan gambar di dalamnya bersama dengan animasi tampilan yang telah Anda pelajari. Hasilnya, Anda akan belajar cara menganimasikan foto secara efektif.
PRAKTIK
Animasi paralaks
Anda akan memperoleh pemahaman menyeluruh tentang cara menerapkan salah satu efek paling populer - paralaks. Untuk mengimplementasikannya, Anda memerlukan 3 elemen desain dan properti Position yang sudah familiar. Setelah membuat efek paralaks, Anda akan mengetahui cara menerapkan animasi terbalik untuk membuatnya berputar. Terakhir, Anda akan mempelajari cara membuat bidikan yang menggunakan efek paralaks untuk menciptakan kesan kedalaman dan dimensi yang meninggalkan kesan kuat pada pemirsa.
PRAKTIK
Adegan kompleks dengan aplikasi paralaks, gerak, dan topeng
Dalam tutorial ini Anda akan mempelajari cara membuat animasi kompleks yang menggabungkan animasi yang telah Anda pelajari di bab sebelumnya. sprint yaitu: Appearance - Opacity, Movement - Position, Scaling - Scale, pengaplikasian Alpha Matte (alpha mask) dan Effect paralaks. Jenis animasi baru untuk Anda adalah tampilan judul di area topeng. Anda akan mempelajari cara membuat adegan kompleks dengan transisi menggunakan semua jenis animasi ini, yang akan membantu bidikan Anda menonjol dari yang lain.
PRAKTIK
Animasi Adaptif
Kita akan melihat konsep animasi adaptif. Ini adalah animasi zoom yang sudah familiar yang akan Anda gunakan untuk mendemonstrasikan versi responsif situs, ketika tata letak desktop dengan mulus berubah menjadi tata letak ponsel. Untuk membuatnya, Anda akan menggunakan properti yang telah dipelajari sebelumnya, seperti Gerakan – Posisi, Penskalaan – Skala, Hilangnya/Penampilan – Opacity, Animasi Terbalik – Alat Gerak 2/Klon. Mengetahui cara menerapkan animasi adaptif dengan benar akan memungkinkan Anda mempresentasikan proyek Anda secara efektif.
PRAKTIK
Animasi rotasi
Anda akan mempelajari animasi sederhana - rotasi dan properti objek Rotasi, yang bertanggung jawab untuk memutar lapisan di sekitar titik jangkarnya. Kita akan melihat tiga parameter Rotasi: jumlah putaran, jumlah putaran elemen yang ingin kita putar (dalam derajat), rotasi searah jarum jam/berlawanan arah jarum jam. Setelah melalui setiap siklus animasi berulang selangkah demi selangkah, Anda akhirnya akan menguasai keterampilan bekerja dengan properti Rotation dan membuat bidikan dengan animasi rotasi yang akan menarik perhatian pemirsa.
PRAKTIK
Animasi kompleks yang terdiri dari semua animasi dasar
Mari kita lihat kombinasi yang lebih kompleks, yang terdiri dari semua animasi dasar yang Anda kenal. Dalam pelajaran ini kita akan menyentuh topik menciptakan efek simulasi klik pada gambar menggunakan animasi penskalaan dan hilangnya lingkaran (Ellipse Tool). Hasilnya, Anda akan mempelajari urutan animasi yang berbeda, memungkinkan Anda membuat animasi yang lebih kompleks dan mengesankan.
PRAKTIK
Bekerja dengan adegan
Pembelajaran ini merupakan satu siklus yang terdiri dari 3 sprint. Ini berfokus pada transisi adegan alternatif. Pertama, kita akan melihat lebih dekat konsep “adegan” dan mendiskusikan transisi antar adegan yang ada. Anda akan mempelajari cara menggunakan 3 opsi non-standar untuk mengubah pemandangan: mengganti topeng, mengganti tirai, dan mengganti slide. Untuk membuat transisi “penggantian topeng”, Anda akan memahami dan mempelajari cara bekerja dengan parameter Track Matte baru – Alpha Inverted Matte atau Inverted Alpha Mask. Dan pelajari cara mengimpor video ke komposisi animasi.
PRAKTIK
Animasi perubahan warna
Dalam tutorial ini Anda akan mempelajari cara bekerja dengan animasi warna dan properti layer Warna. Animasi sederhana yang dapat digunakan untuk mendemonstrasikan gerakan mengarahkan tombol atau tautan. Namun kita akan melihat opsi yang lebih menarik, bagaimana Anda dapat mempresentasikan proyek Anda dengan indah menggunakan animasi perubahan warna.
PRAKTIK
Animasi Jalur (Pangkas)
Anda akan mempelajari parameter Trim Path baru yang dapat digunakan untuk membuat efek pergerakan jalur yang sangat keren, atau dengan kata lain efek pemangkasan jalur. Misalnya, ketika mereka ingin menampilkan prapemuat, bilah kemajuan di pemutar video, dll.
PRAKTIK
Animasi yang kompleks
Dalam pelajaran ini Anda akan kembali bekerja dengan animasi yang kompleks, mengkonsolidasikan keterampilan yang diperoleh sebelumnya dan membuat animasi bidikan dengan efek baru menggunakan semuanya properti dasar animasi yang sama: tampilan, gerakan, topeng, penskalaan, transisi antar adegan 1 (penggantian topeng), transisi antar adegan 2 (perubahan tirai).
PRAKTIK
Animasi teks dekoratif (kesalahan)
Pelajaran ini memulai siklus kecil lainnya, yang terdiri dari 3 pelajaran animasi teks dekoratif. Dalam pelajaran ini Anda akan belajar bagaimana membuat efek luar biasa seperti Glitch - efek dari gambar yang "rusak" atau gangguan televisi. Efek dalam animasi ini terlihat cukup modis dan menghasilkan efek wow. Cara membuatnya cukup mudah
PRAKTIK
Animasi teks dekoratif (skrip)
Dalam pelajaran ini Anda akan belajar cara membuat animasi yang menyimulasikan teks kapital. Teknik ini sering digunakan untuk memberi aksen pada sebuah website dan tampilannya cukup estetis. Untuk animasi ini Anda akan menggunakan Pen Tool baru. Bersiaplah untuk kerja keras dan bersabar. Hasilnya, Anda akan mendapatkan animasi indah yang dapat Anda gunakan untuk mempresentasikan proyek Anda.
PRAKTIK
Animasi teks kreatif
Dalam pelajaran ini Anda akan kembali menemukan animasi teks, namun lebih kreatif dan tidak biasa. Efek menariknya melibatkan kombinasi animasi berbeda menggunakan dua topeng alfa - sederhana dan terbalik. Hasilnya, Anda akan menghasilkan foto yang keren, dan Anda dapat menggunakan metode ini dalam proyek Anda untuk presentasi yang efektif.
PRAKTIK
Animasi yang kompleks
Dalam tutorial ini kami akan menggunakan jenis-jenis animasi yang sudah Anda kenal, namun kami akan menggunakan beberapa di antaranya untuk membuat efek yang lebih kompleks dan non-standar. Hasilnya, kami mendapatkan animasi yang kompleks dan kompleks, yang terdiri dari tiga adegan dengan transisi, pengguliran, dan perubahan slide.
PRAKTIK
Animasi menggunakan Luma Matte
Dalam pelajaran sebelumnya kita membahas parameter Track Matte, dan Anda sudah memiliki gambaran bagus tentang prinsip pengoperasian Alpha Matte dan Alpha Inverted Matte. Dalam tutorial ini kita akan menjelajahi dua opsi Track Matte berikut: Luma Matte dan Luma Inverted Matte dan mempelajari cara menerapkannya pada proyek kita.
PRAKTIK
Animasi menggunakan Turbulent Displace
Mari pelajari animasi menggunakan efek distorsi foto. Turbulent Displace adalah salah satu alat parameter Distort. Secara teknis, sedikit pergeseran piksellah yang membantu menciptakan efek gelombang dan sering digunakan untuk efek dalam foto.
PRAKTIK
Animasi kompleks yang kompleks
Pelajaran pelatihan terakhir, dimana kita akan membuat animasi kompleks yang kompleks, menggunakan yang telah dipelajari sebelumnya jenis animasi dan yang baru – parameter Teks dan properti “Teks Sumber”, yang memungkinkan Anda mengubah konten teks lapisan. Bagian praktis independen, di mana Anda akan membuat dan membuat animasi untuk bidikan Anda dari awal, serta beberapa pelajaran video bonus yang menarik dan bermanfaat
PRAKTIK
Membuat animasi dari awal
Menentukan gaya, mencari referensi, membuat naskah. Prinsip menciptakan ide untuk adegan dan transisi di antara adegan tersebut, menyiapkan kode sumber, membuat animasi 1 adegan, mempublikasikan gambar di jaringan.
PRAKTIK
Manajemen dan promosi akun Dribbble
Manajemen dan promosi akun Dribbble. Animasi untuk presentasi dan Behance. Menggunakan animasi dari After Effects di website.