Asssalamualaikum Warahmatullahi Wabarakatu. Kali ini Saya mau berbagi cara membuat tampilan biodata sederhana.
1.Buatlah tampilan utama seperti yang Anda inginkan,disini
Saya sudah menggunakan design tampilan utama yang sudah Saya buat pada aplikasi
Photoshop.
2.Buatlah layer baru dengan nama “Selamat Datang” dan buatlah
tulisan “Selamat Datang” dengan menggunakan Text Tool pada bagian luar layar
kerja Anda.
3.Klik kanan dan pilihlah perintah Create Motion Tween pada
frame ke-1
4. Klik kanan dan pilihlah perintah Create Motion Tween pada
frame ke-10,dan pindahlah tulisan “Selamat Datang” pada bagian tengan layar
kerja Anda.
5.Untuk menampilkan background yang sudah didesign,lakukan
hal yang sama pada Layer yang terdapat design,yaitu Klik kanan dan pilihlah
perintah Inserrt keyframe pada frame ke-30
6.Langkah berikutnya kita membuat tampilan loading,pertama
buatlah layer baru dan rename layer tersebut dengan nama “loading” dan letakkan
layer loading diatas layer selamat datang. Kemudian pilihlah perintah Inserrt
keyframe pada frame ke-10 untuk menampilkan loading setelah selamat datang
selesai muncul. Aktifkan Oval Tool lalu tekan Shift+Drag, untuk membuat bulatan sempurna dan beri
warna sesuai selera Anda.
7. Copy Bulatan tadi dengan cara klik kanan pada objek/bulatannya
lalu klik kanan Paste in Place (agar objek yang dicopy tadi dipastekan
ditempat semula),\
8. Buatlah 4 buah garis kotak dengan
menggunakan Ractangle Tool dan beri warna
seperti pada gambar dibawah. Setelah itu tempatkan ke-4 garis kotak tadi seperti gambar dibawah ini.
9. Pilih salah satu kotak tadi maka kotak yang lainnya pun akan
ikut terpilih, tekanDelete pada Keyboard, dan
hasilnya akan seperti ini.
10. Pilih salah satu potongan bulat
tadi, tekan F8 > pada pilihan Type pilih Movie clipdan untuk
nama bisa kamu sesuaikan.
11.Buatlah layer baru, beri
nama (contoh : Potongan 1) untuk penempatan potongan
bulat tadi yang sudah diubah menjadi Movie clip dengan
cara klik kanan Copy > pilih
layer baru > klik kanan Paste in Place.
12. Double klik pada
potongan bulat yang sudah diubah menjadi Movie clip tadi
maka akan muncul tampilan timeline baru yang masih kosong
13. , klik kanan pada frame 16 lalu pilih Insert Keyframe.
14.Klik kanan
pada Pertengahan frame 1-16 lalu
pilih Create Motion Tween.
15. Klik frame 16 lalu
klik pada potongan bulatnya, pada Property Inspector (F9) pilihColor : Alpha 0%, Lihat
gambar dibawah.
16. Double klik sembarang
pada stage, ulangi langkah ke 10-15 untuk
potongan bulat yang lainnya secara berurut, lihat gambar dibawah
17.Langkah selajutnya,pilihlah menu
Insert dan pilih perintah Scene,maka akan muncul kanvas baru. Kemudian pasang
lagi background yang sudah Anda design pada kanvas kerja baru Anda.
18.Buatlah layer baru dan pilihlah
perintah Text Tool untuk membuat text Biodata seperti halnya Anda memubuat text
Selamat Datang.
19.Kemudian buatlah perintah Create
Motion Tween pada frame 1 di Layer Text Biodata tersebut,dan pada frame ke 10
pilihlah perintah Insert Keyframe dan geserlah text biodata tersebut ke bagian
tengah,tekan Q pada keyboard untuk membesarkan ukuran text biodata tersebut.
20.Lalu pada frame buatlah perintah
Craete Motion Tween,ubahlah ukuran Text Biodata tersebut ke ukuran yang lebih
kecil dan geserlah pada bagian atas.
21.Buatlah layer baru untuk membuat
text selanjutnya,dan buat lah text yang beruliskan huruf N.
22.Geserlah titik hitam pada frame 30
dan pilihlah perintah Create Motion Tween,kemudian pada frame ke 35 pilihlah
perintah Insert Keyframe dan geser huruf N pada bagian seperti gambar berikut.
21.Lakukan langkah ke 21-22 untuk
membuat text berikutnya,dan aturlah jarak antar frame dengan jarak 5 frame dan
varian nama layer yang berneda,seperti gambar dibawah.
22.Buatlah layer baru untuk membuat
text selanjutnya,dan buat lah text yang beruliskan nama Anda.
22.Geserlah titik hitam pada frame 60
dan pilihlah perintah Create Motion Tween, lalu pada frame ke 65 pilihlah
perintah Insert Keyframe dan geser text nama pada bagian seperti gambar berikut
23. Lalu pada frame ke 70 pilihlah
perintah Insert Keyframe dan geser text nama pada bagian seperti gambar
berikut.
24.Ulangi langkah 21-23 untuk membuat
tampilan text Kelas dan Jurusan.
25. Berikutnya input gambar pas foto
Anda ke dalam kanvas kerja Anda.
26. Geserlah titik hitam pada frame
175 dan pilihlah perintah Create Motion Tween, lalu pada frame ke 185 pilihlah
perintah Insert Keyframe dan geser foto pada bagian seperti gambar berikut.
Jangan lupa ubah ukuran besar foto agak lebih besar,agar efek zoomnya dapat
terlihat. Lakukan hal yang sampai foto terletak pada bagian dan ukuran yang
Anda inginkan.
27.Kemudian block semua layer pada
frame yang sesuai dengan panjang durasi animasi yang Anda inginkan,dan klik
kanan pilih perintah Insert Frame.
28. Langkah selajutnya,pilihlah menu
Insert dan pilih perintah Scene lagi,maka akan muncul kanvas baru. Kemudian
pasang lagi background yang sudah Anda design pada kanvas kerja baru Anda. Pada
scene terakhir ini,lakukan penambahan text seperti pada langkah-langkah
sebelumnya beserta dengan perintah Create Motion Tween-nya. Sesuaikan text
dengan kreasi Anda.
29.Pada bagian akhir ini Saya mencoba
membuat sedikit tentative,dengan menambahkan splash yang seolah menutup akhir
dari aplikasi ini. Design splash yang Saya gunakan ini sebelumnya sudah saya desing pada Aplikasi Photoshop.
30.Aturlah splash pada luar
kanvas,dan lakukan perintah Create Motion Tween dan geserlah splash pada tempat
lain (seperti membuat motion text pada langkah-langkah sebelumnya) hingga
menutupi semua lembar kerja.
30.Kemudian tekan Ctrl+Enter untuk
menjalankan animasi tersebut.
