Bus Surabaya Animasi - Adobe Animate
Download Bahan:
1. Bus Surabaya.zip
2. BUS SURABAYA Animasi - IKUTI Jalur Adobe Animate.zip
3.
TUTORIAL
Tutorial: Menggunakan Motion Guide dengan Pen Tool di Adobe Animate
Langkah 1: Persiapan
1. Buat dua layer terpisah:
- Layer pertama untuk objek yang akan bergerak (misalnya, mobil)
- Layer kedua untuk jalur pergerakan (misalnya, jalan)
Langkah 2: Membuat Layer Guide
1. Pilih layer objek yang akan bergerak (layer mobil)
2. Klik tombol "New Layer" (kotak dengan tanda plus)
3. Beri nama layer baru tersebut "Pen Guide"
Langkah 3: Membuat Path dengan Pen Tool
1. Pilih layer "Pen Guide"
2. Aktifkan Pen Tool dari toolbox (jika tidak terlihat, klik tiga titik dan cari Pen Tool)
3. Mulai membuat path:
a. Klik di awal jalur untuk membuat titik awal
b. Klik dan seret di sepanjang jalur untuk membuat kurva
c. Klik titik tengah untuk menghilangkan handle yang tidak diperlukan
d. Ulangi langkah b dan c sampai path selesai
Langkah 4: Mengatur Layer Guide
1. Klik kanan pada layer "Pen Guide"
2. Pilih opsi "Guide"
3. Anda akan melihat ikon palu muncul di samping layer
Langkah 5: Menghubungkan Objek dengan Guide
1. Seret layer objek (mobil) ke bawah layer "Pen Guide"
2. Pastikan layer objek terindentasi di bawah layer guide
3. Ikon di samping layer objek akan berubah menjadi simbol path
Langkah 6: Menyesuaikan Posisi Objek
1. Pilih Free Transform Tool
2. Zoom in jika perlu untuk presisi lebih baik
3. Seret objek (mobil) sehingga titik putih di tengahnya menempel pada path
4. Rotasi objek agar menghadap arah yang sesuai dengan path
Langkah 7: Membuat Animasi
1. Tentukan durasi animasi (misalnya 50 frame)
2. Pilih semua layer (Pen Guide, objek, dan path)
3. Pada frame terakhir, klik kanan dan pilih "Insert Keyframe"
4. Pada layer objek, klik kanan di antara keyframe dan pilih "Create Classic Tween"
Langkah 8: Menyesuaikan Posisi Akhir
1. Pindah ke keyframe terakhir
2. Seret objek ke ujung path
3. Sesuaikan rotasi objek agar menghadap arah yang tepat
Langkah 9: Mengatur Orientasi Objek
1. Klik di dalam area tween (area ungu)
2. Buka panel Properties
3. Cari bagian "Tweening"
4. Centang opsi "Orient to Path"
Langkah 10: Preview dan Penyesuaian
1. Putar animasi untuk melihat hasilnya
2. Lakukan penyesuaian jika diperlukan pada posisi objek atau bentuk path
Tips Tambahan:
- Jika sulit menempelkan objek ke path, coba zoom in untuk presisi lebih baik
- Pastikan objek menghadap arah yang benar di awal dan akhir animasi
- Gunakan opsi "Orient to Path" untuk memastikan objek mengikuti arah path dengan benar
Dengan mengikuti langkah-langkah ini, Anda dapat membuat animasi yang mulus menggunakan Motion Guide dan Pen Tool di Adobe Animate. Jangan ragu untuk bereksperimen dengan bentuk path dan posisi objek untuk menciptakan animasi yang lebih kompleks dan menarik.
Tutorial Membuat Animasi Shape Tween di Adobe Animate
A. Persiapan:
1. Buka Adobe Animate
2. Buat file baru:
- Pilih Create New
- Pilih kualitas HD (1280x720 pixel)
- Pilih platform tipe HTML5 Canvas
- Klik Create
B. Membuat Latar Belakang:
1. Buat layer pertama, beri nama "pepohonan"
2. Impor gambar pepohonan:
- Pilih File > Import > Import to Library
- Pilih gambar pepohonan yang sudah disiapkan
- Drag gambar dari Library ke Stage
- Atur posisi di bagian bawah stage
3. Insert frame pada frame ke-60 untuk layer pepohonan
4. Buat layer baru, beri nama "langit"
5. Impor gambar langit (siang, sore, dan malam):
- Impor semua gambar langit ke Library
- Buka gambar langit siang dengan double-click di Library
- Copy (Ctrl+C) gambar langit siang
- Paste (Ctrl+V) di layer "langit" pada frame 1
- Atur ukuran menjadi 1280x720 pixel
- Posisikan di tengah stage
6. Pada layer "langit":
- Insert Blank Keyframe pada frame 21 dan 41
- Insert Frame pada frame 60
- Copy dan paste gambar langit sore ke frame 21
- Copy dan paste gambar langit malam ke frame 41
- Atur ukuran dan posisi setiap gambar agar sesuai
C. Membuat Shape Tween untuk Langit:
1. Pada layer "langit":
- Klik kanan antara frame 1 dan 21, pilih Create Shape Tween
- Klik kanan antara frame 21 dan 41, pilih Create Shape Tween
- Klik kanan antara frame 41 dan 60, pilih Create Shape Tween
D. Menambahkan Awan:
1. Buat layer baru, beri nama "awan"
2. Posisikan layer "awan" di atas layer "pepohonan"
3. Impor gambar awan:
- Impor file awan ke Library
- Buat sebagai Movie Clip
- Copy dan paste awan ke layer "awan" pada frame 1
4. Pada layer "awan":
- Insert Frame pada frame 60
- Tambahkan Motion Tween antara frame 1 dan 60
5. Pada frame 60, geser posisi awan ke sebelah kiri untuk membuat efek pergerakan
E. Membuat Objek Matahari dan Bulan:
1. Buat layer baru, beri nama "objek"
2. Impor gambar matahari dan bulan ke Library
3. Pada layer "objek":
- Copy dan paste gambar matahari ke frame 1
- Posisikan di tengah stage
- Insert Keyframe pada frame 21
- Hapus gambar matahari pada frame 21 dan buat bentuk lingkaran sebagai gantinya
- Insert Keyframe pada frame 41
- Copy dan paste gambar bulan ke frame 41
- Sesuaikan ukuran bulan agar mirip dengan ukuran matahari
- Hapus bentuk lingkaran pada frame 41
- Insert Frame pada frame 60
F. Membuat Shape Tween untuk Matahari dan Bulan:
1. Pada layer "objek":
- Klik kanan antara frame 1 dan 21, pilih Create Shape Tween
- Klik kanan antara frame 21 dan 41, pilih Create Shape Tween
G. Menjalankan dan Memeriksa Animasi:
1. Tekan tombol Enter atau klik tombol Play untuk melihat hasil animasi
2. Pastikan ada perubahan bentuk dari matahari menjadi bulan
3. Periksa perubahan warna langit dari siang ke sore, dan kemudian malam
4. Pastikan awan bergerak dari kanan ke kiri
Dengan mengikuti langkah-langkah di atas, Anda akan membuat animasi shape tween di Adobe Animate yang menampilkan perubahan dari pemandangan siang hari ke malam hari, termasuk perubahan bentuk matahari menjadi bulan dan perubahan warna langit.
Posts
No comments