Tugas-tugas pada pelajaran sebelumnya secara teknis tidak sulit. Yang diperlukan hanyalah observasi yang cermat dan pemikiran yang sabar. Oleh karena itu, kami tidak akan memberikan ulasan secara detail, hanya pengenalan singkat saja. Dan melampirkan file sumber PSD untuk referensi Anda.
Cara mengubah teks dari hitam menjadi putih adalah dengan membuat layer teks berwarna putih dan menganimasikan opacity isian pada layer teks tersebut untuk menciptakan efek dari hitam menjadi putih. Faktanya, itu seharusnya merupakan efek fade-in yang muncul secara bertahap, hanya karena latar belakangnya berwarna hitam. Efek tepi teksnya adalah guratan, menggunakan guratan pola. Goresan pola dapat disesuaikan dengan menyeret mouse, dan posisi inilah yang menciptakan efek animasi. Kebanyakan efek kedipan tepi dapat dibuat dengan cara ini. Selain itu, Anda juga dapat mencoba menganimasikan skala polanya, dan efeknya akan serupa. Jika peringatan tentang font yang hilang muncul setelah dibuka, Anda dapat menggunakan font lain tanpa banyak berdampak pada efek akhir.
Di antara konten animasi Photoshop, konsep yang paling penting adalah garis waktu dasar, bingkai kunci, dan konsep lainnya. Atas dasar ini, untuk membuat animasi menjadi indah dan detail, Anda perlu mengandalkan gaya. Oleh karena itu, mahir dalam menggunakan layer style juga merupakan syarat penting. Pelajaran ini akan memperkenalkan Anda pada dasar animasi lainnya, menggunakan topeng dalam animasi. Tentunya sebelum itu semua orang diharuskan sudah menguasai sepenuhnya ilmu tentang bagian topeng pada tutorial dasar, jadi kami tidak akan memperkenalkannya lagi disini. Jika Anda ingin tahu lebih banyak tentang ini.
Dalam proyek garis waktu, semua orang telah melihat proyek topeng, yang dibagi menjadi topeng matriks titik biasa dan topeng vektor. Masing-masing memiliki dua item animasi, satu adalah posisi topeng, dan yang lainnya adalah aktivasi topeng.
Apa yang disebut pemberdayaan mengacu pada efektivitas masker, yaitu aktif atau nonaktif. Ini dapat digunakan untuk mengontrol kemunculan atau hilangnya objek, tetapi tidak dapat memiliki efek transisi. Dengan kata lain, ia ada sepenuhnya atau tidak ada sama sekali, namun tidak ada transisi di antara keduanya. Nilai praktisnya tidak terlalu besar, karena kita dapat mencapai efek yang sama secara langsung dengan menggunakan opacity layer dan "pertahankan interpolasi".
Posisi mask adalah item yang sangat berguna jika kita ingin membuat animasi yang menyimulasikan bilah kemajuan, seperti yang ditunjukkan pada gambar di bawah. Karena Photoshop tidak mendukung animasi deformasi, hal ini tidak dapat dicapai hanya melalui perintah transform. Meskipun dapat diproduksi melalui "lapisan independen" yang diperkenalkan sebelumnya, namun terlalu rumit dan memiliki kemampuan pengeditan yang buruk pada tahap selanjutnya.
Sangat mudah untuk menggunakan topeng untuk membuat animasi ini. Gambarlah sebuah persegi panjang di layer baru, buat topeng serba putih, isi dengan warna hitam, dan lepaskan tautan antara topeng dan lapisan, seperti yang ditunjukkan pada gambar kiri. di bawah. . Kemudian Anda dapat mengatur item animasi posisi topeng. Caranya sangat sederhana yaitu biarkan mask tetap hitam seluruhnya di awal, dan pindahkan (sesuaikan ke kiri atau kanan) di akhir hingga bagian putihnya benar-benar terekspos, yaitu hingga konten lapisan tidak lagi terhalang. . File animasi diatur ke 1 detik dan 15fps.
Topeng juga bisa dibuat dengan gradien, seperti yang ditunjukkan pada gambar kanan bawah. Ini akan membuat akhir bilah kemajuan tampak lebih mulus.
Selain memindahkan posisi mask, Anda juga dapat memindahkan konten di dalam layer sambil menjaga mask tidak berubah. Buat layer teks dan gunakan alat gradien untuk menutupinya dengan efek gradien simetris. Efek gambar ditunjukkan pada gambar kiri di bawah, dan palet lapisan ditunjukkan pada gambar kanan bawah. Setelah tautan topeng dibatalkan, Anda dapat menganimasikan posisi lapisan. Perhatikan bahwa ini bukan lagi item posisi mask, namun posisi layer yang kita pelajari sebelumnya. File animasi diatur ke 2 detik dan 15fps.
Walaupun topeng saat ini tidak digerakkan secara langsung, namun animasinya harus diselesaikan dengan bantuan efek oklusi dari topeng tersebut, sehingga masih tergolong animasi topeng.
Berbeda dengan pergerakan teks yang kami lakukan sebelumnya, efek di atas bisa disebut pengguliran teks. Perbedaan utama antara keduanya adalah konten teks yang pertama ditampilkan sepenuhnya, sedangkan yang terakhir muncul secara bergantian. Jika Anda ingin teks yang bergulir memiliki efek perulangan, Anda memerlukan keterampilan tertentu. Pengaturan bolak-balik tidak cocok untuk ini. Karena kebiasaan membaca, tidak cocok untuk menggulir teks ke arah yang berlawanan lalu menggulir ke belakang, seperti halnya sebuah kalimat tidak dapat dibaca secara terbalik. Meskipun pemutaran loop default juga merupakan solusi, ini akan meninggalkan celah setelah huruf terakhir teks.
Kita dapat membuat efek loop tanpa spasi dengan menyalin konten teks. Salin isi teks menjadi dua salinan dan gabungkan setelah teks aslinya, yaitu "Photoshop" menjadi "Photoshop_Photoshop_Photoshop". Pada saat awal, tempatkan sambungan antara dua kata pertama, "p_P", di tengah (atau di suatu tempat) lapisan, dan pada akhirnya, pindahkan sambungan kedua ke posisi yang kira-kira sama. Perbedaan kecil kurang terlihat dalam animasi, jadi ketidakakuratan tidak masalah. Jika ingin lebih presisi, Anda dapat membuat garis referensi untuk perataan presisi berdasarkan guratan huruf tertentu (misalnya guratan vertikal kiri P).
Pada titik ini efek loop telah terbentuk, namun terdapat frame-frame yang berada pada keadaan yang sama pada momen awal dan akhir. Karena ini bukan animasi bolak-balik simetris, Anda dapat langsung memindahkan keyframe momen akhir (01:14) ke 02:00, seperti yang ditunjukkan pada gambar di bawah. Jika Anda sudah menguasai apa yang telah Anda pelajari sebelumnya, Anda dapat memahami bahwa momen 02:00 sebenarnya bukan milik proses animasi, melainkan proses animasi sebenarnya adalah dari pukul 00:00 hingga 01:14.
Tidak hanya teks, berbagai simbol grafik juga dapat dibuat menjadi animasi loop satu arah menurut metode ini.
Ini adalah konten teknis dari animasi topeng. Memang tidak canggih, tetapi jika Anda menggabungkannya dengan pengetahuan sebelumnya, Anda dapat menciptakan banyak efek. Misalnya, sebelumnya kita telah mempelajari animasi gradien sudut dalam animasi gaya lapisan, yang selanjutnya dapat diproduksi menggunakan masker. Gradien sudut biasa ditunjukkan pada gambar kiri di bawah, dan kami menambahkan topeng vektor ke dalamnya, seperti yang ditunjukkan pada gambar kanan di bawah. Anda dapat menganimasikan bilah kemajuan melingkar. Klik di sini untuk mengunduh file sumber PSD animasi ini . Agar setiap orang dapat menganalisisnya sendiri.
Meskipun masker raster dapat digunakan di sini, masker vektor beradaptasi dengan baik terhadap penskalaan gambar. Hal ini memudahkan untuk mengubah animasi ke ukuran apa pun untuk memenuhi kebutuhan yang berbeda. Perbedaan antara kisi dan vektor serta gambar jalur vektor telah diperkenalkan di bagian tutorial dasar. Pelajaran selanjutnya akan memperkenalkan dampak ukuran animasi terhadap jumlah byte.
Ubah mask di atas menjadi cincin atau ubah gaya gradien untuk mendapatkan efek animasi tambahan.
Selain itu, gradien penghentian warna yang sama dapat menganimasikan perubahan posisi penghentian warna, seperti yang ditunjukkan pada gambar di bawah ini. Ini dapat menciptakan efek gradien yang terungkap secara bertahap.
Anda mungkin berpikir bahwa contoh animasi selalu dalam warna hitam putih dan skala abu-abu, yang terlalu monoton. Ini sebenarnya metode yang kami adopsi dari sudut pandang pengajaran. Pertama, skala abu-abu dapat mengekspresikan konten dengan jelas tanpa gangguan warna dicampur dengan cara yang berbeda. Pola dapat digunakan pada warna apa pun, sehingga Anda dapat mencapai hasil luar biasa dengan langkah modifikasi sederhana. Kami telah memperkenalkan ini di Bab 11, Bagian 6 dari tutorial dasar. Anda dapat mengklik untuk menonton video tutorial bagian ini. Tutorial teks hanya disertakan dalam buku terbitan "Analisis Lengkap Jalan Master Photoshop Versi China".
Kami menambahkan bayangan atas, cahaya luar, dll. ke animasi, dan mengubah warna isian dan metode overlay gradien, dan kami mendapatkan efek gambar seperti yang ditunjukkan di bawah ini. Perhatikan bahwa pengaturan dokumen animasi ini telah diubah menjadi 10fps. Alasan perubahannya akan dijelaskan nanti.
Hingga saat ini, pada dasarnya kami hanya menggunakan satu lapisan sebagai objek animasi, namun hal ini tidak berarti bahwa kami harus terlalu "ekonomis" dalam produksi sebenarnya. Anda dapat menggunakan banyak lapisan untuk membuat animasi yang lebih kaya. Namun, kita tetap harus mengikuti prinsip ini, yaitu menggunakan lapisan sesedikit mungkin untuk membuatnya. Karena terlalu banyak lapisan dapat dengan mudah menimbulkan kebingungan dan tidak mendukung modifikasi selanjutnya. Prinsip lain telah disebutkan dalam tutorial dasar, yaitu menggunakan vektor sebanyak mungkin.
Di bawah ini adalah animasi kami yang terdiri dari dua lapisan. Karena ukuran animasi ini terlalu besar, maka tidak akan ditampilkan di halaman web. Anda dapat menganggapnya sebagai pekerjaan rumah, dan kami menyediakan file sumber untuk dipelajari semua orang.
Photoshop juga dapat menganimasikan kelompok lapisan, tetapi hanya opacity keseluruhan dari kelompok lapisan, dan masker kelompok lapisan. Animasi posisi grup lapisan tidak didukung, yang agak disesalkan. Jika kita dapat mendukung animasi posisi grup lapisan, kita dapat dengan mudah membuat pergerakan relatif. Misalnya, pertama-tama buatlah teks bergerak secara horizontal pada tombol, lalu bentuk grup lapisan dengan teks dan tombol, lalu tentukan animasi gerakan vertikal untuk grup lapisan tersebut, dan Anda dapat menyelesaikan tugas di atas.