Tutorial transisi banner 1 Tutorial Transisi Banner Kita akan membuat banner web memiliki efek transisi yang membuat banner berganti-ganti gambar. Untuk menciptakan efek itu, kita akan menggunakan Adobe Flash dan Adobe Dreamweaver. Berikut langkah kerjanya. 1. Ketahui terlebih dahulu ukuran banner yang akan kita berikan efek transisi. Cari banner tersebut dalam folder yang menyimpan file .html. 2. Buka Adobe Flash. “Create New” dan klik pada ActionSript 2.0.
Tutorial membuat banner web bertransisi. dibuat dengan Adobe Photoshop (CS 6) dan Adobe DreamWeaver (CS 6)
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Tutorial transisi banner
1
Tutorial Transisi Banner
Kita akan membuat banner web memiliki efek transisi yang membuat banner
berganti-ganti gambar. Untuk menciptakan efek itu, kita akan menggunakan
Adobe Flash dan Adobe Dreamweaver. Berikut langkah kerjanya.
1. Ketahui terlebih dahulu ukuran banner yang akan kita berikan efek transisi.
Cari banner tersebut dalam folder yang menyimpan file .html.
2. Buka Adobe Flash. “Create New” dan klik pada ActionSript 2.0.
Tutorial transisi banner
2
3. Pada “Properties”, Sesuaikan ukuran worksheet dengan ukuran banner.
Kita memakai ukuran 596 x 186 pixel. Dan klik OK.
4. Pilih beberapa gambar yang akan dipakai untuk mendukung efek transisi pada
banner. Sebagai contoh, kita memakai 3 gambar . Tempatkan gambar-gambar
tersebut dalam “Library”. Caranya, tekan “File” ⇒ “Import” ⇒ “Import to
library”.
5. Pada “Timeline”, layer 1, di frame ke-30. Klik kanan ⇒ “Insert Frame”.
Setelah di “Insert Frame”, tampilan layer 1 akan menjadi seperti berikut.
Tutorial transisi banner
3
6. Pada layer 1, drag salah satu dari 3 gambar yang terpilih pada worksheet.
Tampilannya akan jadi seperti berikut.
7. Pada layer 1, kunci layer.
Kemudian klik kanan ⇒ “Insert Layer”. Dan akan muncul layer 2 8. Pada layer 2, klik kanan pada frame 60 kemudian “Insert Frame”.
Tampilan layer 2 akan menjadi seperti berikut.
Tutorial transisi banner
4
9. Pada layer 2, klik kanan pada frame 20 ⇒ “Insert Keyframe”.
10. Pada layer 2, drag kembali salah satu gambar dari 3 gambar yang ada di
“Library”. Drag gambar diantara frame 20 sampai 60.
11. Layer 2. Klik kanan pada frame 30 ⇒ “Insert Keyframe”. Setelah itu diantara
frame 20 sampai 30, klik kanan ⇒ “Create Classic Tween”.
Tampilannya akan menjadi seperti berikut.
Tutorial transisi banner
5
12. Layer 2. Klik pada layer 20, klik gambar. Pada “Properties” ⇒ “Color Effect”
⇒ “Style” dan ubah menjadi “Alpha”.
Mula-mula, nilai “alpha” adalah 100%. Kita ubah menjadi 0%.
13. Kunci layer 2. Seperti pada contoh ke-7.
14. Tambahkan layer baru. Layer 3. Dan pada frame 90, klik kanan ⇒ “Insert
Frame”. Sehingga tampilan layer 3 jadi seperti berikut.