Ini adalah Tutorial pertama yang penulis buat sendiri. Ini
adalah animasi membuat loading berputar menggunakan software adobe photoshop.
Mungkin ini bukan satu-satunya cara membuat animasi loading tapi ini adalah
cara aku sendiri. Begini adalah cara-caranya,
1. Buka New Dokumen atur sizenya berbentuk persegi.
Seperti 300 x 300, 1000 x 1000 dan seterusnya
3. Buat titik tengah dengan menarik guides dari
ruler atas dan ruler samping hingga membagi kanvasmu menjadi 4 bagian
4. Klik add layer mask yang terletak dibawah Layer.
Sehingga tampilannya menjadi seperti dibawah ini.
1 5. Klik Gradient Tool, Pilih angle gradient,
pastikan warna foreground : Hitam dan Background : Putih.
6. Tarik Gradient dimulai dari titik tengah lalu tarik ke atas hingga batas lingkaran.
7. Copy Layer (Ctrl + j), hilangkan tanda mata
layer dibawahnya. Tarik kembali gradient dari titik tengah dan tarik hingga
membentuk sudut 30 derajat dari sudut atas.
q 8.
Lanjutkan langkah 8 dengan menambah sudut 30
derajat. Hingga kembali 360 derajat ke awal.
1 9.Siapkan Tool Animation dengan klik Windows dan
Animation.
10
Klik Layer pertama dengan dengan gradient.
Jangan lupa hilangkan tanda mata selain layer yang kau pilih.
11.
Klik New Frame dan pilih layer diatasnya, ikuti
kembali langkah 11.
1 12.
Ulang terus langkah 11 dan 12 hingga Layer
Terakhir. Jangan lupa untuk terus menutup tanda mata bagi layer yang tidak
digunakan.
13 Test Animasi tersebut dengan klik Play
3 14Jika Berhasil Klik file > Save as Webpage
> Simpan dalam Format Gif.
Beginilah Hasilnya.
Comments
Post a Comment