Aplikasi Adobe Edge Creative Cloud

• April 19, 2024

HTML5, JavaScript, dan CSS3 hampir sama populernya dengan Flash untuk membuat animasi interaktif untuk web, tablet, dan ponsel. Adobe^R Edge Animate dan aplikasi Edge lainnya adalah perangkat lunak yang sangat ramah pengguna dengan banyak preset untuk membuat pekerjaan Anda lebih mudah.

Animasi Timeline masih merupakan cara paling populer untuk menghidupkan dan Adobe telah membuatnya lebih mudah dengan jalur gerakan Edge Animate yang baru, yang dapat meniru gerakan dunia nyata dan dengan pelonggaran bawaan. Anda dapat dengan mudah menambahkan animasi di sepanjang garis waktu dengan tombol Pin yang menambahkan penanda animasi ke garis waktu atau dengan drag dan drop posisi objek pada tahap yang Edge Animate secara otomatis dikonversi ke jalur gerak. Anda bahkan dapat menggunakan tombol Rekam yang merekam perubahan yang Anda buat pada objek di atas panggung dan mengubah perubahan ini menjadi animasi keyframe. Edge juga memiliki versi sendiri dari panel Tindakan, yang tidak berantakan dengan setiap tindakan memiliki tab sendiri di panel. Menguji animasi Anda mudah dengan kombinasi Adobe Edge dan browser Google Chrome.

Jika Anda terbiasa dengan animasi Flash, Anda akan melihat bahwa menambahkan interaktivitas di Edge menyerupai alur kerja Flash di mana Anda dapat menggunakan garis waktu bersarang untuk setiap elemen animasi dan menerapkan cuplikan kode yang sudah diinstal untuk interaksi dan animasi yang paling umum. Cuplikan kode ini menangani animasi pemutaran seperti play, pause, resume dan stop serta membuat area panas untuk aksi tombol dasar seperti klik, hover dan bahkan hyperlink. Untuk menambahkan kode khusus ke cuplikan kode ini, Anda dapat mengetik langsung ke panel Tindakan. Tentu saja, Anda bisa membuat kode HTML5, JavaScript, dan CSS3 Anda sendiri di panel Actions. Karena jenis pemrograman web dan animasi ini sering mengandalkan Pustaka JavaScript eksternal, Anda bahkan dapat menambahkan tautan ke sumber-sumber eksternal ini.

Animasi hanya bagian dari apa yang dapat Anda lakukan dengan grup aplikasi Edge. Salah satu aspek terpenting dari desain web adalah membuat situs web yang responsif atau fleksibel untuk semua jenis layar dari desktop ke ponsel. Ini dilakukan dengan kueri media dan tata letak grid berbasis persentase yang cair, keduanya merupakan bagian dari alat yang ditemukan di Edge Reflow. Edge Reflow adalah lingkungan kerja WYSIWYG yang menghasilkan kode untuk proyek Anda. Kode ini terkini untuk standar web terbaru, terutama WebKit yang semakin didukung oleh semuanya, mulai dari halaman web hingga pembaca ebook.

Membangun tata letak di Edge Reflow semudah menggambar wadah HTML div ke grid dengan alat Kotak dan posisi absolut dari div ini memungkinkan mereka untuk mengubah ukuran atau mengubah sesuai kebutuhan untuk setiap ukuran layar. Bagaimana cara kerjanya? Rahasianya adalah Kueri Media yang dapat Anda sesuaikan di dalam Manajer Kueri Media dengan menetapkan parameter minimum dan maksimum untuk tiga atau lebih resolusi layar. Parameter ini akan menentukan kapan desain akan berubah naik atau turun untuk ukuran layar terdekat. Saya sangat suka penanda visual kode warna untuk setiap ukuran layar di bagian atas ruang kerja yang membantu Anda memvisualisasikan kapan perubahan ini akan terjadi.

Salah satu fitur Edge yang paling menghemat waktu adalah bagaimana Anda dapat dengan mudah menggunakan kembali gaya CSS3 khusus Anda pada beberapa proyek dan dengan demikian mempertahankan gaya yang konsisten. Ini juga membuat pembaruan hampir otomatis. Adobe telah menjadikan ini bagian dari alur kerja Anda dengan panel Edge Reflow Styling. Untuk menjaga hal-hal tidak berantakan, setiap gaya, seperti latar belakang atau batas, memiliki bagian tersendiri. Anda dapat mengontrol warna dan parameter lainnya, serta hierarki lapisan, langsung dari dalam tab ini. Gaya khusus ini secara otomatis dikonversi ke aturan gaya CSS, yang kemudian dapat disalin / ditempelkan untuk digunakan kembali.

Di masa lalu, untuk melihat pratinjau halaman web Anda, Anda perlu menyimpan perubahan, beralih ke browser web dan menyegarkan halaman. Adobe telah mengurangi jumlah langkah-langkah ini dengan menggunakan kombinasi Edge Inspect dan browser Chrome. Sekarang Anda dapat melihat pratinjau bagaimana proyek Anda akan ditampilkan di beberapa perangkat dari desktop, tablet ke ponsel. Salah satu fitur yang saya sangat suka adalah kemampuan untuk mengambil tangkapan layar dari pratinjau ini untuk dikirim ke klien dan anggota tim atau digunakan di Creative Cloud untuk berkolaborasi.

Akhirnya, bagi kita yang masih suka bekerja dengan kode mentah, Adobe memiliki Edge Code. Jendela kode berantakan dengan hanya beberapa kontrol di sebelah kiri dan Edge Code terintegrasi dengan Google Chrome untuk memberi Anda pratinjau langsung. Saat kode Anda menjadi panjang dan berat, Anda dapat menelusuri ke level elemen individual dengan menggunakan fitur Edit Cepat yang mencantumkan semua gaya yang dilampirkan ke elemen di jendela overlay. Karena aplikasi Edge adalah bagian dari Creative Cloud, Anda dapat menggunakan Adobe Edge Web Fonts, Google Web Fonts dan Typekit fonts langsung dari dalam Edge Code. Edge Code akan menghasilkan tag skrip header yang menarik font eksternal.

Karena HTML5, JavaScript, dan CSS3 dengan cepat mengganti teknik animasi yang lebih lama karena popularitas perangkat seluler, aplikasi Edge terintegrasi ini serta integrasi mereka dengan aplikasi Adobe lainnya adalah generasi berikutnya dari beberapa desain perangkat dan alur kerja pengembangan.

Pengungkapan: Saya tidak dikompensasi secara finansial untuk artikel ini. Adobe menyediakan keanggotaan Creative Cloud untuk keperluan ulasan ini.Pendapat itu sepenuhnya saya miliki berdasarkan pengalaman saya.

Hak Cipta 2018 Adobe Systems Incorporated. Seluruh hak cipta. Tangkapan layar produk Adobe dicetak ulang dengan izin dari Adobe Systems Incorporated. Adobe, Photoshop, Album Photoshop, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Kembang Api, Berkontribusi, Memikat, Flash Catalyst dan Flash Paper adalah [a] merek dagang terdaftar [s] atau merek dagang [s] dari Adobe Systems Incorporated di Amerika Serikat dan / atau negara lain.

Petunjuk Video: How to Install Adobe Creative Cloud on Ubuntu/Linux (April 2024).