SVGator 3.0 membentuk semula cara anda membuat dan menghidupkan SVG dengan ciri -ciri baru yang luas

Animasi bangunan boleh menjadi rumit, terutamanya animasi yang menarik di mana anda tidak hanya melancarkan bola di seluruh skrin, tetapi membina adegan di mana banyak perkara bergerak dan berubah dalam konsert. Apabila animasi yang menarik adalah matlamat, antara muka GUI garis masa adalah cara yang terbukti lama untuk sampai ke sana. Itu benar pada hari -hari Flash (RIP), dan masih berlaku hari ini dalam setiap alat penyuntingan video yang serius.

Tetapi apa yang kita ada di web untuk menghidupkan grafik vektor? Kami mempunyai SVGator, pencipta animasi SVG yang inovatif dan unik yang tidak memerlukan sebarang kemahiran pengekodan! Dengan pelepasan SVGator 3.0 baru ia menjadi alat pemecah tanah untuk membina animasi web dengan cara yang intuitif secara visual.

Alat yang berkuasa tepat di hujung jari anda

Saya suka alat reka bentuk berasaskan pelayar yang baik. Semua projek saya di awan, menunggu saya tidak kira di mana saya berkeliaran. Inilah projek svgator saya kerana saya sedang mengusahakan animasi asas saya sendiri:

Pengguna mana -mana alat reka bentuk harus dirasakan di rumah di sini. Ia dilengkapi dengan antara muka intuitif yang meningkat kepada tuntutan aliran kerja profesional dengan pilihan yang membolehkan lebih banyak kawalan ke atas ruang kerja anda. Anda akan menemui senarai elemen dan kumpulan anda di sebelah kiri, bersama dengan alat penyuntingan utama di bahagian atas. Semua sifat boleh didapati di sebelah kanan dan anda boleh membawa sebarang elemen ke kehidupan dengan menubuhkan kerangka key pada garis masa.

Saya akan jujur: Saya tidak pernah menggunakan svgator sebelum ini, saya membaca dokumentasi sifar, dan saya dapat bermain-main bersama-sama bintang-bintang CSS-Tricks dalam beberapa minit:

Lihat animasi di atas?

• Ia adalah output sebagai satu animasi-stars.svg dokumen saya dapat memuat naik ke postingan blog ini tanpa sebarang masalah.
• Hanya menggunakan CSS di dalam SVG untuk animasi. Terdapat pilihan output JavaScript-Animation juga untuk keserasian penyemak imbas yang lebih besar dan ciri-ciri tambahan (contohnya permulaan animasi hanya apabila ia memasuki pandangan atau memulakan animasi pada klik!)
• Fail akhir hanya 5 kb. Kecil!
• SVG, termasuk bit animasi CSS, dioptimumkan dan dimampatkan.
• Dan sekali lagi, saya hanya mengambil masa beberapa minit untuk difikirkan.

Bayangkan apa yang boleh anda lakukan jika anda mempunyai bakat reka bentuk dan animasi.

SVGator juga merupakan editor vektor yang luar biasa

Dengan pelepasan 3.0, SVGator bukan lagi alat animasi, tetapi pencipta SVG yang lengkap! Ini bermakna tidak ada keperluan untuk alat penyuntingan vektor pihak ketiga, anda boleh bermula dari awal dalam SVGator atau mengedit mana-mana SVG yang sedia ada yang pernah anda buat. Alat pen dengan pilihan penyuntingan cepat, bentuk yang mudah diedit, pilihan kompaun, dan banyak ciri -ciri menakjubkan lain akan membantu anda dalam kerja anda.

Itu sangat berguna dengan tweens yang morphing, yang SVGator benar -benar menyokong!

Inilah kajian satu perkataan saya:

Antara muka yang baru di SVGator mempunyai bar sisi panel yang boleh dilipat untuk mengawal semua aspek reka bentuk. Lihat di sini betapa mudahnya animasi ini dibuat dengan mengawal garis teks, transformasi, dan penapis, dan kemudian memilih kerangka utama untuk perkara -perkara di bawah.

Rancangan yang sesuai untuk semua orang

Jika anda ingin menggunakan SVGator sebagai alat penyuntingan vektor, itu benar -benar percuma, yang bermaksud bahawa anda boleh membuat dan mengeksport bilangan grafik vektor statik yang tidak berkesudahan, tanpa mengira pelan langganan anda, walaupun pada pelan percuma, anda mengeksport tiga animasi setiap bulan. Ia hanya apabila anda mahukan alat animasi yang lebih maju atau eksport animasi tanpa had setiap bulan daripada yang anda perlu menaik taraf ke pelan berbayar.

Pergi cuba svgator

Atas ialah kandungan terperinci SVGator 3.0 membentuk semula cara anda membuat dan menghidupkan SVG dengan ciri -ciri baru yang luas. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!