Lompat ke konten Lompat ke sidebar Lompat ke footer

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:



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  

19 komentar untuk "Tutorial Adobe Animate: Membuat Gambar Animasi Untuk Postingan Blog + File Download"

Wildan M Athoillah Senin, 15 Mei 2017 16.23.00 WIB Hapus Komentar
Makasih infonya gan, sangat bermanfaat
Download Kitab Pdf Senin, 15 Mei 2017 16.42.00 WIB Hapus Komentar
Mantap gan,,,
Unknown Senin, 15 Mei 2017 16.49.00 WIB Hapus Komentar
Mantap gan artikelnya juga mudah dipahami
Unknown Senin, 15 Mei 2017 16.52.00 WIB Hapus Komentar
Wah mantap lah sip buat artikelnya gan
Unknown Senin, 15 Mei 2017 17.01.00 WIB Hapus Komentar
cocok nih buat pemula kayak saya gan,,,
Ainun masyrifah Senin, 15 Mei 2017 17.06.00 WIB Hapus Komentar
Mantab gan . Pengen tapi masih newbe nih
Unknown Senin, 15 Mei 2017 17.37.00 WIB Hapus Komentar
kebetulan ada lomba video di kampus, moga aja membantu ni tutorial
makasih
OnlineKuy Senin, 15 Mei 2017 18.34.00 WIB Hapus Komentar
Wah sip gan infonya cocok buat ane yang hoby buat ginian
Kazuto Senin, 15 Mei 2017 19.15.00 WIB Hapus Komentar
mau coba juga nih.. untuk bikin banner iklan di blog sendiri
Unknown Senin, 15 Mei 2017 19.21.00 WIB Hapus Komentar
Mmtap ni gan.. kpn2 mo ane coba
Nova Rio Senin, 15 Mei 2017 19.23.00 WIB Hapus Komentar
ohh jadi gitu. btw loading nya agak berat gaes
Ulil Amri M Senin, 15 Mei 2017 19.32.00 WIB Hapus Komentar
mantapz
Ulil Amri M Senin, 15 Mei 2017 19.33.00 WIB Hapus Komentar
mantapz
Ulil Amri M Senin, 15 Mei 2017 19.33.00 WIB Hapus Komentar
mantapz
Admin Senin, 15 Mei 2017 19.37.00 WIB Hapus Komentar
wah lengkap sekali nih cara membuat gambar animasi untuk gambar blog.. kalau boleh tambahin tutorial dalam bentuk video min, biar tambah gereget gitu.. hehe
Unknown Senin, 15 Mei 2017 22.00.00 WIB Hapus Komentar
Mksh atas tutorialnya min
Hasan Al Mujtaba Senin, 15 Mei 2017 22.50.00 WIB Hapus Komentar
kebetulan saya mau sedikit belajar photoshop, terima kasih.
Berbagi Ilmu Selasa, 16 Mei 2017 08.02.00 WIB Hapus Komentar
Wuihh...keren bang, blognya udah rapi trus udh banyak isi nya. mantap!!!
Haikal Abu Nidal Selasa, 16 Mei 2017 20.37.00 WIB Hapus Komentar
tutorialnya bermanfaat gan