Efek Matriks, yang terkenal dari film kultus, adalah elemen gaya yang menarik untuk menciptakan tampilan digital dan futuristik. Dengan Photoshop, kamu dapat mereplikasi kode hijau ikonis tidak hanya statis, tetapi juga dianimasikan untuk memberikan sentuhan dinamis dan hidup pada desainmu. Dalam tutorial ini, saya akan menunjukkan langkah demi langkah cara membuat dan menganimasikan efek Matriks - sempurna untuk video, situs web, atau proyek kreatif. Mari kita memasuki dunia estetika digital!
Langkah 1:
Pertama, saya membuat dokumen baru; ukurannya tidak masalah. Saya memilih ukuran yang sangat kecil yaitu 800x600 Piksel. Jika ingin mencetak efek ini, satuan piksel harus diubah menjadi cm dan resolusi dari 72 menjadi 300 Piksel/inci.
Langkah 2:
Sekarang saya membuka file gambar di editor (sebaiknya gambar sangat kecil karena proses membuka akan lama) dan menyalin sekitar 2 halaman "katakata" acak ke dalamnya.
Langkah 3:
Selanjutnya, saya menyisipkan teks yang disalin ke dalam lapisan teks dengan font Courier dan ukuran 10 Pt berwarna hijau. Lapisan latar belakangnya harus berwarna Hitam.
Langkah 4:
Sekarang saya ubah arah teks dengan mengklik simbol yang sesuai di pojok kiri atas.
Langkah 5:
Agar tidak semua huruf terlihat atau beberapa hanya terlihat sedikit, saya membuat masker dan menjalankan filter Awan Perbedaan (Menu>Filter>Filter Render) dengan pewarnaan standar hitam/putih. Saya mengulangi dengan Ctrl+F sebanyak yang diperlukan hingga puas. Sebelum menjalankan Awan Perbedaan, saya menduplikat dengan cepat lapisan teks dan menyembunyikannya.
Langkah 6:
Dengan koreksi nilai kecerahan (Ctrl+L), saya dapat menyorot huruf-huruf dengan lebih baik dengan menggeser pengaturan tengah.
Langkah 7:
Sekarang saya tambahkan efek luaran pada lapisan teks saya. Untuk itu, saya klik kanan pada lapisan teks di panel lapisan dan kemudian pilih Opsional Isian.
Langkah 8:
Sekarang saya dapat menampilkan lapisan teks yang di atas lagi dan sementara menyembunyikan yang kedua. Kemudian saya membalik masker lapisan dengan Ctrl+I (klik lapisan masker terlebih dahulu untuk mengaktifkannya), sehingga menjadi hitam sepenuhnya. Sekarang saya ambil sebuah kuas dengan ukuran misalnya 6 Piksel, yang juga lumayan lembut. Sekarang saya bisa menggambar garis lurus dengan menekan tombol Shift. Namun, setelah menggambar, Anda harus melepaskan tombol Shift dan klik sekali lagi di tempat lain sebelum menarik garis lagi dengan tombol Shift masih ditekan.
Langkah 9:
Saya lakukan ini beberapa kali di seluruh gambar dan kemudian saya tingkatkan opacity dari gaya lapisan efek luaran.
Langkah 10:
Kemudian saya menampilkan semua lapisan lagi. Hasilnya sudah terlihat bagus.
Langkah 11:
Sekarang saya akan menunjukkan bagaimana saya menggunakan efek ini untuk dianimasikan. Untuk itu, saya buka panel animasi di bawah Menu>Jendela dan perbesar lapisan teks di bawah.
Langkah 12:
Sekarang saya buka lapisan di panel animasi dan klik pada jam pasir di samping Posisi. Ini akan membuat Keyframe yang mengingat posisi teks saya saat ini.
Langkah 13:
Jika saya menggeser pengatur di garis waktu ke 05:00f, secara otomatis sebuah Keyframe baru akan dibuat. Selanjutnya, saya menggeser lapisan teks saya cukup jauh ke bawah menggunakan alat Transformasi. Dan animasi kecil saya sudah selesai. Jika saya ingin semua lapisan teks bergerak bersamaan, saya bisa menandai semua lapisan dalam panel Lapisan dan menggabungkannya menjadi sebuah Smart-Objek. Kemudian saya tinggal menggerakkan Smart-Objek tersebut.
Langkah 14:
Karena saat diputar di Photoshop pada saya agak terputus, saya langsung mengekspornya di bawah File>Ekspor>Render Video sebagai QuickTime Movie. Anda bisa melihat animasi selesai di sini.
Langkah 15:
Pada akhir workshop ini, saya ingin menunjukkan bagaimana cara menyimpan sebuah foto di belakang efek Matrix. Yaitu dengan menyisipkan foto pilihan saya.
Langkah 16:
Sekarang saya hanya perlu mengubah metode pengisian ke Burn, dan huruf-huruf akan terang di tempat-tempat di foto di mana ada piksel gambar yang terang.
Langkah 17:
Saat melakukan ini, saya bisa menggeser foto kapan pun saya mau, dan tanda-tanda teks akan menyesuaikan secara otomatis.
Langkah 18:
Jika saya memindahkan lapisan foto ke paling atas dalam hirarki lapisan, hasilnya akan seperti ini:
Langkah 19:
Dengan metode pengisian Darken, hasilnya akan seperti ini:
Langkah 20:
Menakjubkan: Saya bahkan bisa menyalin foto tersebut ke clipboard dan kemudian dengan menekan tombol Alt saat mengklik, saya bisa memasukkannya ke dalam Layer Mask dari lapisan teks saya dan menggunakan foto saya sebagai Layer Mask dengan Ctrl+V.
Langkah 21:
Atau saya dapat mengubah lapisan teks saya menjadi sebuah Smart-Objek dan kemudian menerapkan Blur kepadanya, yang kemudian saya cevel dengan Layer Mask Smart-Objek di beberapa tempat.
Langkah 22:
Tips: Saya juga bisa dengan mudah menduplikasi lapisan teks terbawah, memindahkannya ke puncak, lalu mengubah ukuran teks dari 10 menjadi 8 misalnya. Setelah itu, saya bisa mengatur opasitas ke sekitar 17%, dan efek akan terlihat lebih keren.
Langkah 23:
Hasilnya pada saya terlihat seperti ini, di mana saya hanya perlu mengangkat Layer Mask teratas dengan menekan tombol Shift: