Adobe Edge Animate CC: 6 Fitur yang Berinteraksi dan Beradaptasi - dummies

Adobe Edge Animate CC lebih dari sekadar memindahkan elemen di sekitar layar. Anda dapat menggunakan banyak fiturnya untuk menciptakan interaktivitas bagi audiens Anda - dan selesaikan lebih banyak lagi untuk mengkonfigurasi perangkat lunak agar sesuai dengan preferensi Anda:

• Interaktivitas: Anda dapat membuat animasi interaktif sepenuhnya dengan kontrol dan tindakan seperti tombol, link, dan loop.

• Simbol: Anda dapat menyimpan elemen yang Anda buat (seperti tombol) dan menggunakannya lagi dalam animasi yang berbeda.

• Desain web responsif: Edge Animate memungkinkan Anda membangun komposisi yang merespons ukuran jendela browser dan perangkat.

• Beberapa opsi penerbitan: Edge Animate menawarkan banyak cara untuk menerbitkan animasi Anda untuk digunakan dalam berbagai aplikasi - seperti peramban web dan iBook yang berbeda - atau Anda dapat mengimpor Adobe Edge Animation ke berbagai produk Adobe seperti InDesign or Muse.

• Pilihan huruf: Edge Animate menyediakan banyak pilihan font. Jika Anda rewel tentang font tertentu, kabar baiknya adalah jika Anda dapat menemukan font di web, kemungkinan besar Anda bisa menggunakannya di animasi Anda.

• Pilih bahasa Anda: Jika bahasa Inggris bukan bahasa ibu Anda dan Anda lebih memilih untuk bekerja di (katakanlah) bahasa Jerman, Spanyol, Prancis, atau Jepang, maka Ujung Animate telah Anda bahas.

Melaksanakan interaktivitas dengan cerdas

Adobe Edge Animate CC memungkinkan Anda melakukan lebih dari sekedar menggambar dan elemen bernyawa. Anda juga dapat membuat elemen-elemen itu interaktif, yang memungkinkan audiens Anda untuk mengeklik item agar tindakan berbeda terjadi.

Misalnya, Anda dapat membuat tombol Stop, Play, dan Pause untuk tayangan slide interaktif. Anda juga dapat membuat menu dengan menambahkan tautan yang memungkinkan pemirsa menavigasi ke berbagai bagian animasi - atau ke halaman web yang sama sekali berbeda.

Saat audiens Anda memindahkan kursor di sekitar animasi Anda, Anda dapat membuat tindakan yang berbeda terjadi saat kursor bergerak di area tertentu. Gerakan kursor semacam ini disebut gerakan mouse . Atau, jika audiens Anda menggunakan tablet atau ponsel cerdas untuk melihat animasi Anda, Anda dapat mengizinkannya untuk menyentuh elemen agar menimbulkan tindakan.

Menggunakan Simbol untuk membuat objek yang dapat digunakan kembali

Pada awalnya, menggunakan Simbol mungkin terbukti sedikit menakutkan, namun setelah Anda mendapatkan pengalaman bekerja dengan mereka, mereka menjadi sangat diperlukan.

Jadi, apa sebenarnya simbol itu? Ini pada dasarnya adalah animasi bersarang yang Anda buat yang memiliki Timeline independen dan kemampuan interaktifnya sendiri.Misalnya, katakan bahwa Anda menemukan diri Anda menciptakan elemen yang sama dengan tindakan yang sama berulang-ulang untuk banyak proyek yang berbeda. Dengan menyimpan elemen berulang itu sebagai Symbol, Anda dapat menggunakannya kembali dan tindakannya terkait untuk proyek apa pun.

Contoh utama dari Symbol adalah sebuah tombol. Jika Anda menemukan sendiri tombol yang sama - misalnya, tombol Putar untuk peragaan slide - Anda mungkin ingin menyimpan tombol Putar itu sebagai Simbol untuk digunakan kembali nanti.

Anda dapat menemukan Simbol Anda di panel Library, seperti yang ditunjukkan.

Menggabungkan desain web responsif

Sejujurnya dengan HTML5, desain web responsif adalah terminologi kata kunci terbaru dalam pengembangan web. Desain web yang responsif memungkinkan animasi Anda disesuaikan ukurannya bergantung pada ukuran jendela browser.

Ini bisa berarti banyak hal. Katakanlah, misalnya, seseorang melihat animasi Anda di komputer desktop. Jika pengguna mengubah ukuran jendela browser agar lebih besar atau lebih kecil, elemen dalam animasi Anda dapat disesuaikan ukurannya dengan tepat, dengan ukuran baru berdasarkan persentase.

Misalnya, jika jendela browser dimaksimalkan pada 100%, gambar dan sebagainya dalam animasi Anda muncul pada 100%. Jika jendela browser menyusut sampai 50% dari ukurannya, maka gambar Anda juga menyusut menjadi 50% dari ukuran normal mereka.

Ini adalah fitur yang sangat kuat karena ada beragam ukuran layar akhir-akhir ini. Anda tidak pernah tahu apakah audiens Anda melihat animasi Anda pada layar 60 inci, iPhone 4 inci, atau apapun di antaranya. Tablet menambah keragaman ukuran layar.

Menghitung beberapa pilihan penerbitan Anda

Anda memiliki lebih dari satu cara untuk menerbitkan animasi akhir-akhir ini - dan Adobe Edge Animate CC telah Anda bahas, menawarkan banyak pilihan (seperti yang ditunjukkan pada gambar ini). Anda dapat mempublikasikan animasi Anda sebagai halaman web mandiri atau Anda dapat menyematkannya di halaman web yang ada.

Anda juga menemukan opsi yang memungkinkan Anda mengekspor animasi Anda untuk digunakan dalam iBook. Anda bahkan dapat mempublikasikan animasi Anda sebagai halaman HTML statis untuk digunakan pada browser web lama yang tidak mendukung HTML5 atau animasi.

Font di Adobe Edge Animate

Anda dapat menggunakan banyak font di web, dan Adobe Edge Animate CC telah Anda bahas. Selain daftar default standar font yang tersedia untuk Anda (lihat gambarnya), Edge Animate juga memungkinkan Anda mengimpor font dari seluruh web.

Jika tidak satu pun dari font ini memenuhi kebutuhan Anda, Anda dapat mengimpor font dari berbagai sumber - termasuk Google Web Fonts. Anda juga bisa menggunakan Adobe Edge Web Fonts, yang dibangun menjadi Animate. Dan jika Anda terbiasa dengan Typekit (alat font gratis lainnya), Anda dapat merayakan mengetahui bahwa alat itu juga bekerja dengan Edge Animate.

Bekerja dalam bahasa pilihan Anda

Adobe Edge Animate CC bersifat global dalam banyak hal - termasuk bahasa yang Anda lihat pada menu dan panel. Jika Anda merasa lebih nyaman bekerja dalam bahasa selain bahasa Inggris, Edge Animate memudahkan Anda mengubah bahasa yang digunakan dalam perangkat lunak ke salah satu dari banyak bahasa populer.

Dari menu Help, seperti yang ditunjukkan pada gambar ini, Anda dapat memilih dari beberapa bahasa yang berbeda. Bila Anda memilih bahasa dari menu Help, bahasa itu akan muncul dalam perangkat lunak. Bahasa yang dapat Anda pilih termasuk bahasa Jerman, Inggris, Spanyol, Prancis, dan Jepang.

Jika memilih bahasa lain, Anda harus menutup dan menyalakan kembali Edge Animate untuk melihat perubahannya berlaku. Setelah Anda memilih bahasa yang Anda inginkan, antarmuka tidak diperbarui secara otomatis, cukup tutup program dan kemudian buka kembali untuk melihat bahasa yang baru Anda pilih.