Tutorial Adobe Animate: Membuat Gambar Animasi Untuk Postingan Blog + File Download

Mengganti Gambar Blog dengan Gambar Animasi (Gambar Bergerak) memiliki banyak keuntungan diantaranya postingan akan menjadi tambah menarik, lebih hidup, elegan dan pengunjung selalu meilihat dan menanti gambar dari postingan yang kita buat. Agar kita bisa menggunakan Gambar animasi dalam setiap gambar sampul blog kita tentunya harus menguasai beberapa aplikasi yang bisa diguakan untuk membuat animasi seperti, Adobe Photoshop dan Adobe Animate. Kedua software ini sangat cocok utuk digunakan dalam pembuatan animasi yang sederhana. Teknik yang mendasar dalam pembuatan Animasi untuk postingan diblog ini adalah Fade In, Fade Out. Fade In artinya animasi itu dari tidak terlihat menjadi terlihat, fade out dari terlihat menjadi hilang. Selain itu saya juga sering menggunakan teknik flying, artinya gambar atau teks melayang dari satu sisi ke sisi lain. Untuk lebih jelasnya saya akan sharing yang membuat animasi dengan menggunakan Adobe Animate, karena yang membuat animasi dengan photoshop sudah pernah saya tulis di blog ini, silakan baca disini. Langsung saja ikuti tutorial di bawah ini.

---

Alat dan Bahan

1. Software Adobe Animate versi berapapun bisa (bisa juga dengan menggunakan Adobe Flash ataupun macromedia 8).

2. Niat untuk Belajar yang serius.

---

---

Tingkat Kesulitan: Dasar.

---

Langkah-langkah:

1. Buka Adobe Animatenya, buat projek dengan ukuran 500px x 500px.

2. Buat 3 Buah layer, layer1 untuk background, layer2 untuk gambar, layer3 untuk Teks/tulisan.

3. Buatlah desain sesuai dengan imajinassi dan kreatifitas kalian, jika bingung langsung saja lihat di bawah ini.

 

4. Mulai menganimasikan setiap bagian2.. kita akan  menganimasikan teksnya saje menggunakan teknik Fade In da Fade Out.

Klik kanan di Frame 60, semua layer(dari layer1 sampai layer3) pilih insert KeyFrame.

Klik kanan di frame 10 (semua layer) pilih insert KeyFrame

Klik kanan di frame 50 (semua layer) pilih insert KeyFrame

Fungsi dari keyFrame di Frame 10 dan 50 adalah untuk mengakhiri dari setiap animasi.

5. diantara frame 1 sampai 10 (layer teks saja, karena Cuma teksnyaayang akankita animasikan) klik kanan pilih Create Classic Tween.

6. Kemudian pilih frame 1 ”layer teks”, kemudian klik menu window, pilih proerties,

7. Klik tulisan yang kalian buat, kemudian masuk kepropertis, pilih alpha ubah ke 0%

8. lakukan langkah no.6 lagi pada frame 60 layer teksnya. Fungsinya agar teksnya dari terlihat menjadi hilang.

9. Maka hasilnya akan seperti ini.

9. Penambahan efek flying akan seperti ini.

 

untuk yang masihbingung silakan download filenya:

Animasi Postingan Adobe Animate by DirgaStudio

Video Youtube!

Demikianlah tutorial tentang Membuat Gambar Animasi Untuk Postingan Blog + File Download, semoga bermanfaat! Jangan lupa like dan Share ya...

KeyWords:

adobe animate. membuaat animasi postingan blog, animasi postingan blog sampul dengan adobe animate, membuat animasi dengan adobe animate, tutorial adobe animate bahasa indonesia, belajar adobe animate 2017, cara menggunakan adobe animate terbaru, belajar animasi dengan adobe animate, tutorial adobe animate membuat animasi kipas angin mudah, animasikeren dengan adobe animate.cara membuat login page adobe flash, cara menggunakan login page, membuat login page di adobe animate, belajar membuat login page di animate. membuat halaman login di adobe animate mudah dan keren