Rumah Media Sosial Cara Membuat dan Menguji Animasi dalam Fireworks CS5 - dummies

Cara Membuat dan Menguji Animasi dalam Fireworks CS5 - dummies

Isi kandungan:

Video: animasi masking untuk mencari sebuah tempat 2025

Video: animasi masking untuk mencari sebuah tempat 2025
Anonim

Mencipta imej adalah proses yang mudah dalam Adobe Fireworks Creative Suite 5. Membuat imej untuk animasi juga mudah tetapi sedikit berbeza, dalam bahawa imej dicipta dari beberapa negeri yang bermain satu demi satu untuk mencipta ilusi pergerakan.

Buat animasi

Untuk membuat imej untuk animasi, ikuti langkah-langkah berikut:

  1. Buat atau buka objek yang ingin dihidupkan.

    Untuk contoh ini, buat bulatan dengan alat Ellipse.

  2. Dengan alat Penunjuk, pilih kalangan.

  3. Pilih Window → States.

    Panel Negeri muncul, menyenaraikan satu negeri.

  4. Dari menu panel di sudut kanan atas, pilih Negeri Duplikat.

    Kotak dialog Duplicate State muncul.

  5. Gunakan slider Nombor untuk menambah tiga keadaan baru.

  6. Di bahagian Sisipan Negeri baru, pilih butang radio Selepas Istana Negara dan kemudian klik OK.

    Oleh kerana semua negeri adalah sama, anda tidak melihat perubahan. Objek berada di atas satu sama lain.

Gunakan penyembur bawang untuk mendapatkan aliran yang baik

Pengilat bawang boleh menjadi pertolongan besar apabila anda cuba menghasilkan aliran yang baik untuk animasi. Pengilat bawang memberi anda peluang untuk mengedit keadaan yang dipilih tetapi melihat (dalam pandangan redup) keadaan yang datang sebelum dan selepas keadaan yang dipilih.

Untuk menggunakan pengilat bawang dalam animasi, ikuti langkah berikut:

  1. Pilih baris Negeri 2 dalam panel Negeri.

  2. Klik butang Bawang Pembedah di sudut kiri bawah panel.

    Senarai juntai muncul.

  3. Pilih Tunjuk Semua Negara untuk menunjukkan satu keadaan sebelum dan satu selepas keadaan yang dipilih.

Jadikan bergerak animasi

Mewujudkan animasi sebenar pastinya bukan sains roket, tetapi anda perlu memberi perhatian kepada keadaan yang anda pilih sebelum membuat langkah anda.

Untuk meletakkan animasi anda dalam gerakan, ikuti langkah berikut:

  1. Pilih Negeri 2 dalam panel Negeri untuk melihat negeri 2 bulatan.

  2. Menggunakan alat Pointer, seret bulatan sedikit ke atas dan ke kanan.

  3. Pilih Negeri 3 untuk melihat keadaan 3 bulatan.

  4. Seret bulatan di bawah dan di sebelah kanan 2 bulatan keadaan.

  5. Pilih Negeri 4 untuk melihat keadaan 4 bulatan.

  6. Seret bulatan di atas dan di sebelah kanan negeri 3 bulatan.

    Anda harus melihat aliran yang - dengan cara primitif - mewakili bola yang melantun.

Uji animasi

Anda boleh menguji animasi secara langsung di artboard Fireworks atau di web.

Uji Fireworks

Kembang api menyediakan beberapa kawalan main semula di sebelah kanan tetingkap artboard.Untuk menggunakan kawalan ini untuk menguji animasi dalam Kembang Api, ikuti langkah berikut:

  1. Klik butang Main untuk memulakan animasi.

    Perhatikan bahawa butang Play berubah ke butang Berhenti.

  2. Selepas bermain animasi, klik butang Berhenti untuk menghentikan animasi.

Uji di web

Ciri Preview dalam Pelayar memberikan anda gambaran yang lebih tepat tentang bagaimana animasi anda akan muncul kepada penonton. Prosedur ini begitu mudah tanpa langkah-langkah yang perlu: Pilih Fail → Pratonton dalam Penyemak Imbas dan pilih penyemak imbas di mana anda ingin melihat pratonton animasi.

Jika animasi tidak berfungsi dalam penyemak imbas anda, pastikan anda mempunyai GIF dipilih sebagai Format Fail Eksport dalam panel Optimalkan dalam Fireworks.

Cara Membuat dan Menguji Animasi dalam Fireworks CS5 - dummies

Pilihan Editor

5 Perkara yang boleh dilakukan oleh GoPro Camera - dummies

5 Perkara yang boleh dilakukan oleh GoPro Camera - dummies

Apa yang boleh dilakukan oleh GoPro? Inilah soalan yang lebih relevan: Apa yang anda mahu lakukan? Meminta soalan ini lebih seperti menanyakan diri anda tentang keinginan dan hasrat anda sendiri untuk rakaman video yang unik. Apabila anda menentukan apa yang anda ingin tangkap, semua yang anda perlu lakukan ialah menyambungkan kamera ke gunung yang sesuai ...

Pengaturan & Pintasan dSLR Untuk Menipu Cheat Sheet - dummies

Pengaturan & Pintasan dSLR Untuk Menipu Cheat Sheet - dummies

Anda mempunyai refleks kanta tunggal digital yang besar (dSLR ) kamera dan mahu menangkap beberapa gambar indah masa-masa hidup anda. Untuk sepenuhnya menguasai dSLR anda dan membuat gambar yang menarik, anda mesti menceburkan diri ke dunia baru yang berani yang melibatkan membuat keputusan tentang mod penangkapan. Mengetahui panjang fokus apa yang digunakan dalam ...

Pilihan Editor

Bagaimana Menggunakan Lapisan Masker Gradient dan Brush Masker di Photoshop CS6 - lapisan masker

Bagaimana Menggunakan Lapisan Masker Gradient dan Brush Masker di Photoshop CS6 - lapisan masker

Lapisan lapisan di Photoshop CS6 membolehkan anda secara beransur-ansur berus dalam ketelusan dan kelegapan pada asas pixel selektif. Dua alat pelapis lapisan - Alat Gradien dan Brush - lebih kerap digunakan berbanding yang lain: Alat Gradien: Menetapkan alat ini kepada kecerunan linear hitam ke putih atau putih ke ...

Cara Menggunakan Kuler untuk Cari dan Kongsi Tema Warna di Photoshop CS6 - dummies

Cara Menggunakan Kuler untuk Cari dan Kongsi Tema Warna di Photoshop CS6 - dummies

Sumber yang tersedia untuk Adobe Photoshop Creative Suite 6 adalah luas. Kuler adalah komuniti dalam talian yang menyediakan tema warna untuk anda menyemak imbas, memuat turun, membuat, mengedit, dan memuat naik untuk berkongsi dengan orang lain. Gunakan tema ini apabila membuat projek cetak grafik atau laman web. Apa yang anda perlukan ialah sambungan Internet dan Adobe ID. Di sini ...

Cara Menggunakan Kata Kunci untuk Photoshop CS6 Files dalam Bridge - dummies

Cara Menggunakan Kata Kunci untuk Photoshop CS6 Files dalam Bridge - dummies

Kata kunci adalah label deskriptif yang anda lampirkan ke fail di Bridge. Mereka membantu untuk mengkategorikan imej Photoshop CS6 anda, membolehkan anda lebih cekap dan cepat mencari fail yang anda inginkan. Berikut adalah downside untuk membuat dan menggunakan kata kunci: Untuk membuat kata kunci baru (folder kategori yang mengandungi kata kunci): Klik ikon tanda tambah (+) ...

Pilihan Editor

Dengan Touch dengan Nota Reka bentuk - dummies

Dengan Touch dengan Nota Reka bentuk - dummies

Nota reka bentuk adalah sesuai untuk berkomunikasi dengan pemaju lain yang bekerja pada Laman web, tetapi tidak dalam jarak menjerit. Ciri Dreamweaver ini berfungsi seperti tag komen (kod HTML yang membolehkan anda memasukkan teks dalam halaman yang tidak akan dipaparkan dalam penyemak imbas) tetapi dengan privasi lebih banyak. Ramai pemaju menggunakan ...

Memenuhi Dreamweaver CS3 Common Insert Bar - dummies

Memenuhi Dreamweaver CS3 Common Insert Bar - dummies

Jangan berfikir bahawa toolbar Dreamweaver CS3 Common Insert biasa dan biasa. Ia hanya dipanggil "umum" kerana ia menawarkan perintah memasukkan yang paling kerap digunakan kerana ia adalah yang paling berguna. Dengan bilah alat yang ditunjukkan di sini, anda boleh memasukkan segala-galanya dari pautan e-mel kepada tarikh kepada mana-mana media yang ingin anda letakkan ...

Gambaran Keseluruhan Alignment Imej dalam Adobe CS5 Dreamweaver - dummies

Gambaran Keseluruhan Alignment Imej dalam Adobe CS5 Dreamweaver - dummies

Penjajaran imej dan teks bersebelahan mereka di Adobe Suite Creative 5 (Adobe CS5) Dreamweaver adalah mudah, tetapi pilihan yang ada mungkin membuat kelihatan terlalu rumit. Imej dan teks bersebelahan mereka duduk pada garis dasar yang sama sebagai lalai, memaksa teks berjalan dalam satu baris ke kanan imej. Untuk ...