Sebuah efek gradien berjangkit mengombinasikan warna-warna dinamis dan pola tekstur berbutir, yang memberikan kedalaman dan karakter pada desainmu. Dengan menambahkan sebuah animasi, efek ini menjadi lebih menakjubkan dan cocok digunakan untuk konten digital seperti postingan media sosial atau presentasi. Dalam tutorial ini, saya akan menunjukkan langkah demi langkah cara membuat efek gradien berjangkit dan menghidupkannya dalam Photoshop. Mari kita mulai dan memberikan dinamika yang unik pada desainmu!

Langkah 1:

Saya membuat sebuah dokumen dengan ukuran 800x600 piksel, di mana ukuran tersebut tidak masalah.

Efek perjalanan dengan animasi

Langkah 2:

Sekarang saya membuka alat gradien dan memuat gradien-gradien contoh gangguan baru.

Efek transisi dengan animasi

Langkah 3:

Penting ketika saya masuk ke pengeditan gradien, saya telah mengaktifkan jenis gradien berisik. Selain itu, saya dapat dengan cepat mengatur gradien dengan warna yang berbeda melalui parameter acak.

Efek animasi perjalanan intoxication

Langkah 4:

Sekarang saya atur kedalaman tepi menjadi 90%, agar saya dapat menciptakan sebuah gradien bercoret yang indah.

Efek perubahan dengan animasi

Langkah 5:

Jika saya tarik gradien ini sekarang, maka akan tercipta latar belakang yang sangat menarik.

Efek perubahan animasi

Langkah 6:

Sekarang saya ubah lapisan latar belakang dengan melakukan dobel klik di panel lapisan menjadi lapisan normal.

Efek perubahan dengan animasi

Langkah 7:

Selanjutnya, saya tekan Ctrl+T untuk mentransformasikan lapisan saya, kemudian klik klik kanan dan pilih Distorsi. Sekarang saya tarik pegangan di kanan atas dan kiri atas dan membengkokkannya dengan indah dinamis.

Efek pergerakan dengan animasi

Langkah 8:

Sudah terlihat bagus, bukan?

Efek perubahan situasi dengan animasi

Langkah 9:

Saya menduplikasi lapisan dengan Ctrl+J dan kemudian menambahkan Buram Gauss ke atasnya. Ini juga bisa saya gunakan sebagai latar belakang misalnya untuk kartu ucapan.

Efek perubahan arus dengan animasi

Langkah 10:

Jika sekarang saya mengubah metode pengisian ke Warna, garis gradien saya akan terlihat lebih baik.

Efek peralihan dengan animasi

Langkah 11:

Jika saya tambahkan filter Berisik sekarang, akan tercipta pula efek menarik.

Efek perubahan dengan animasi

Langkah 12:

Selanjutnya, saya ingin menyisipkan animasi yang indah. Untuk itu, saya akan menghapus kopian lapisan 0, kemudian menduplikasi lapisan latar belakang saya lagi (Ctrl+J) dan kemudian memburamkannya. Sekarang tambahkan sebuah masker lapisan dan sisipkan gradien hitam-putih di dalamnya. Lalu putuskan koneksi (simbol rantai). Selanjutnya saya tampilkan panel animasi.

Efek transisi dengan animasi

Langkah 13:

Lalu saya hanya memindahkan masker lapisan sepenuhnya keluar dari gambar ke sebelah kiri dan menetapkan sebuah keyframe di bawah posisi masker lapisan, dengan mengklik simbol waktu kecil.

Efek perubahan perjalanan dengan animasi

Langkah 14:

Sekarang saya atur pemutar di detik 2 dan geser masker lapisan ke arah kanan sepenuhnya. Maka akan tercipta sebuah keyframe baru, yang mengingat posisinya. Maka akan tercipta animasi.

Efek perubahan penurunan dengan animasi

Langkah 15:

Saya dapat meningkatkan efek ini dengan membuat lapisan baru, menarik seleksi yang lebih kecil, mengisinya dengan putih dan memberikan efek blur, kemudian atur opasitas sekitar 60 - 66%. Sekarang saya juga dapat menggerakkan ini dari kiri ke kanan sebagai animasi secara bersamaan dengan cara membuat setiap posisi sebagai Keyframe. Hasilnya akan terlihat seperti ini di sini.

Efek perubahan dalam animasi

Langkah 16:

Satu tips terakhir: Saya juga bisa menambahkan lapisan baru di atas latar belakang dan mengisinya dengan kuas lembut berwarna sesuai keinginan saya. Saya hanya menggunakan warna Orange, Merah, Biru, Orange, dan sekali lagi Biru. Sekarang atur metode pengisian ke Color, dan hasilnya akan terlihat seperti ini.

Efek perjalanan dengan animasi

Langkah 17:

Atau saya bisa menambahkan lapisan penyesuaian dengan efek Hue/Saturation, sehingga saya dapat dengan cepat mengubah warna-warna.

Efek perjalanan dengan animasi

Langkah 18:

Jika saya menambahkan sedikit gradien ke layer mask pada lapisan penyesuaian, hasilnya akan terlihat seperti ini:

Efek perubahan dengan animasi