desain desktop i materi pendukung minggu 12 materi Membuat Web dan Animasi sumber no. soal Membuat Efek Khusus dengan Freehand MX Ir. Suryanto Thabrani, MM, Seno Aji. 2005. PT Elex Media Komputindo, Jakarta. Halaman 143 Web Grafis Beberapa persiapan yang perlu Anda lakukan pada dokumen FreeHand MX untuk ditampilkan pada web dengan cara sebagai berikut: Menunjuk URL ke objek atau teks dengan panel Navigation. Mengkonversi dokumen FreeHand ke dokumen HTML menggunakan pilihan Publish as HTML Mengkompres gambar dalam format GIF, JPEG, atau PNG yang akan ditampilkan dalam dokumen HTML Gunakan Animate Xtra untuk mengkonversi dokumen FreeHand yang akan ditampilkan sebagai animasi Macromedia Flash Gunakan Flash action pada dokumen FreeHand, untuk membuat movie interactif Mengekspor desain dalam FreeHand menjadi format Flash (SWF) Membuat URL Untuk menangkapkan URL ke objek atau teks, gunakan kotak masukan Link pada panel Navigation . Jika dokumen FreeHand yang bersisi URL di ekspor dalam format SWF, PDF, atau HTML, klik objek atau teks yang ditangkapkan ke URL untuk berpindah halaman web. Panel Navigation dapat Anda gunakan untuk menunjuk URL ke objek, memeriksa objek untuk melihat apakah URL telah ditangkapkan kepada objek terpilih, memperbaharui URL untuk semua objek yang saling berhubungan. Anda juga dapat menggunakan panel Navigation untuk menunjuk Flash action ke objek FreeHand. A. Menunjuk URL ke objek Untuk memudahkan pemahaman, dalam latihan berikut Anda akan menyiapkan 2 buah halaman. Pada masing-masing halaman terdapat sebuah gambar, teks dan tombol untuk membuka halaman. 1 Pada halaman 1, buat sebuah teks, gambar dan tombol. 2 Klik tombol Add Page untuk membuat halaman 2. 3 Pada halaman 2, buat sebuah teks, gambar dan tombol. tombol Add Page tombol untuk membuka halamn 2 tombol untuk kembali ke halamn 1 Panel Properties Gambar 2.1 : 4 Pada menu Window > pilih Navigation untuk membuka panel Navigation. 5 Klik tombol yang berada pada halaman 1 untuk memilihnya. 6 Pada panel Navigation tentukan pilihan berikut: Pada kotak masukan Name, ketik nama yang diinginkan. Tentukan Link = page2. Action: Goto and Stop. Parameters: Next Frame. Event: On Press. panel Navigation) pastikan tombol dalam keadaan terpilih Gambar 2.2 : Event: on(press) pilih page 2 URL pada tombol halaman 1 7 Klik tombol yang berada pada halaman 2 untuk memilihnya. 8 Pada panel Navigation tentukan pilihan berikut: Pada kotak masukan Name, ketik nama yang diinginkan. Tentukan Link = page1. Action: Goto and Stop. Parameters: Page 1. Event: On Press. panel Navigation) pastikan tombol dalam keadaan terpilih Event: on(press) pilih page 1 simbol hubungan Gambar 2.3 : B. URL pada tombol halaman 2 Mencoba URL 1. Tekan Ctrl+Enter pada keyboard untuk membuka file SWF. klik tombol ini untuk membuka halaman 2 Gambar 2.4 : Tampilan Flash SWF 2. Pada halaman 2, klik tombol untuk kembali ke halaman 1. Animasi Objek dan Teks Untuk menganimasikan objek yang akan ditampilkan pada Flash Player, Anda perlu menempatkan objek pada layer menggunakan perintah Animate > Release to Layers Xtra. Anda juga dapat menganimasikan efek blend, teks, group dan lainnya. Perintah Release to Layers Xtra akan memecah blend, group, text blok, atau objek yang dihubungkan dengan path, lalu membuat layer baru pada setiap objek. Xtra akan menempatkan objek pertama pada layer aktif, dan objek terakhir berada pada layer paling atas. Anda dapat melihat atau mengekspor hasil animasi sebagai file SWF menggunakan perintah Window > Movie. Anda juga dapat membuat animasi dengan menempatkan objek pada halaman yang berbeda menggunakan perintah Animate Pages atau Animate Pages and Layers. Animasi Teks Dalam latihan berikut Anda akan membuat animasi teks dengan 3 jenis pilihan yang tersedia yaitu; Build, Drop dan Trail. 1 Buat tiga buah teks seperti pada gambar dibawah ini. 2 Gunakan tool Pointer, untuk memilih teks yang berada di atas. 3 Pada menu Xtras, pilih Animate > klik Release to Layers. 4 Pada kotak dialog, pilih Build. klik disini, lalu pilih Build teks 1 dalam keadaan terpilih teks ke 2 teks ke 3 Animasi Build Gambar 2.5 : 5 Ulangi langkah diatas, untuk memberi efek Drop pada teks ke 2. 6 Beri efek Trail pada teks ke 3. 7 Tekan Ctrl+Enter untuk mencoba animasi. 8 Klik tombol Play untuk menjalankan animasi. tombol Play Tampilan Flash SWF Gambar 2.6 : A. Animasi Objek teks 1 Pilih teks yang akan dianimasi. 2 Posisikan objek teks dimana animasi akan di mulai. 3 Pada panel Text > pilih Convert to Paths. 4 Pastikan objek teks dalam keadaan terpilih, pada menu Modify > klik Join. 5 Pada menu Edit > pilih Clone untuk menggandakan objek. 6 Gunakan tool Pointer untuk menggeser objek hasil penggandaan ke posisi dimana animasi akan berhenti. hasil copy yang diperbesar/skala teks asli Gambar 2.7 : Objek teks yang akan di animasi 7 Pastikan tool Pointer dalam keadaan terpilih, tekan Shift+klik kedua teks asli dan hasil penggandaan untuk memilih keduanya. 8 Pada menu Xtras > pilih Create > Klik Blend. efek Blend Efek Bled Gambar 2.8 : B. Efek Build 1. Pilih objek yang akan di animasi. 2. Pada menu Window > pilih Layers untuk membuka panel Layer. 3. Pada menu Xtras > pilih Animate > klik Release to Layers. 4. Pada kotak dialog, tentukan Animate: Build. Perintah ini akan membuat objek pada layer baru sejumlah yang diperlukan. Kotak dialog Release to Layers Gambar 2.9 : 5. Klik OK untuk menutup kotak dialog. 6. Tekan Ctrl+Enter untuk melihat hasil dalam file SWF. klik tombol ini untuk melihat animasi Gambar 2.10 : C. Animasi teks dengan efek Blend Efek Trail 1. Pilih objek yang akan di animasi. 2. Pada menu Window > pilih Layers untuk membuka panel Layer. 3. Pada menu Xtras > pilih Animate > klik Release to Layers. 4. Pada kotak dialog, tentukan Animate: Trail. 5. Tentukan Trail by: 24. Gambar 2.11 : Animate Trail 6. Klik OK untuk menutup kotak dialog. 7. Tekan Ctrl+Enter untuk melihat hasil dalam file SWF.
© Copyright 2024 Paperzz
