Recensione SVGator: animazione vettoriale esperta

Svgator Featured
⏱️ 7 min read

Il mondo dell’animazione dei contenuti online è cambiato notevolmente nel corso degli anni. Flash (e una tecnologia simile come Macromind Director) ha sostenuto gli inizi del Web moderno, ma quando il supporto per Flash è stato ritirato, il formato di file SWF è morto. Avanti veloce fino ad oggi con SVGator in arrivo sulla scena. Con SVG il moderno formato vettoriale preferito, SVGator ti offre uno dei modi migliori e più semplici per animare il formato. Diamo un’occhiata più da vicino nella nostra recensione.

Questo è un articolo sponsorizzato ed è stato reso possibile da SVGator. I contenuti e le opinioni effettive sono le uniche opinioni dell’autore che mantiene l’indipendenza editoriale anche quando un post è sponsorizzato.

Potere di animazione in linea

SVGatore è un editor di animazione SVG online creato con VueJS e progettato per semplificare il modo in cui si anima la grafica vettoriale scalabile (o SVG). L’obiettivo dichiarato dell’azienda, con sede a San Francisco, è quello di “rendere le animazioni SVG realizzabili anche da utenti non tecnici, incoraggiando così l’uso estensivo delle animazioni SVG sul Web”.

Svgator Nuovo progetto

In circostanze normali, per animare i file SVG, potresti dover fare del codice, magari in Javascript o Java, per manipolare la matematica che definisce le linee in un file SVG o spostarle su una pagina web. SVGator ha semplificato tutto questo creando un’applicazione web con una timeline e tracce keyframable, il che significa che puoi regolare la posizione di tutti gli elementi grafici vettoriali in una scena e compilarli in una risorsa riproducibile incorporata.

Questo ti dà un file da utilizzare su pagine Web e app mobili. Le nuove opzioni di esportazione mobile lo rendono molto semplice, creando animazioni leggere e scalabili per le app mobili.

Motore vettoriale nostalgico

Tutti i miei discorsi su Flash in questo momento sono per una ragione. Ai miei occhi, SVGator sembra e si sente molto simile a quel vecchio cavallo di battaglia dell’animazione vettoriale. È uno strumento di animazione vettoriale con fotogrammi chiave che anima linee morbide anziché pixel. Ciò significa che le animazioni finite sono scalabili, in grado di essere riprodotte a qualsiasi dimensione senza perdita di qualità.

Avviando il software, ti trovi di fronte ad alcune scene demo che ti aiuteranno ad entrare nel flusso di lavoro. L’interfaccia contiene un campo di gioco che mostra l’animazione che stai creando e sotto c’è una sequenza temporale che mostra l’avanzamento degli oggetti sullo schermo nel tempo. A sinistra c’è una colonna di strumenti per manipolare le forme sullo schermo e le librerie di risorse che hai creato.

Interfaccia principale di Svgator

Puoi importare i tuoi file SVG (creati con qualsiasi programma di disegno vettoriale come Illustrator o Inkscape) o disegnare le tue forme da zero.

Svgator Importa o Scratch

Disegnare in SVGator è lo stesso che usare qualsiasi editor vettoriale, curve più belle con maniglie che puoi regolare per creare curve lisce perfette. Puoi anche modificare lo spessore e il colore della linea in base ai tuoi gusti e alla qualità della linea, come trattini o punti. Se hai usato qualsiasi programma vettoriale, sarà una seconda natura.

Svgator Disegna

Questo strumento è un’app Web online, quindi non c’è nulla da installare. Tutta l’azione si svolge in un browser. Questo è sorprendente per la produttività, poiché significa che puoi letteralmente sederti in qualsiasi browser su qualsiasi computer in qualsiasi parte del mondo e continuare il tuo lavoro come se fossi seduto alla tua scrivania a casa. Funziona su laptop e desktop e, anche se non l’ho provato, immagino che potresti usarlo anche su un tablet.

Colore dello spessore di linea di Svgator

L’animazione con SVGator è facile: disegna forme su uno schermo, imposta i fotogrammi chiave per quelle forme e passa al fotogramma chiave successivo. Regola le forme nella loro nuova forma e imposta un altro fotogramma chiave. Quando riproduci l’animazione, le forme si animano senza intoppi da una posizione all’altra.

Ancora più importante, questa non è solo una libreria di animazione taglia e incolla piena di preset, è un vero e proprio software di animazione professionale. Questo non vuol dire che non abbia alcuni strumenti utili per amplificare le tue abilità di animazione a nuovi livelli, tuttavia.

Svgator Morphing

Man mano che sali di livello nei piani di pagamento, ottieni più azioni da eseguire sulle tue forme. Chiamano queste azioni “animatori”. Sul livello libero, puoi posizionare, ridimensionare, ancorare e ruotare le tue forme e cambiarne l’opacità. Questa è l’animazione di base. Passando di un livello al livello Lite, puoi anche modificare, inclinare, riempire e accarezzare, e queste sono tutte impostazioni animabili. Questo aggiunge più flessibilità alle tue animazioni. Infine, nel livello Pro, puoi fare tutto ciò che è stato menzionato finora e aggiungere funzionalità interattive alle tue animazioni, rendendo possibile eseguire operazioni del mouse sulle tue animazioni per creare interfacce o visualizzazioni di dati dinamici e simili.

Svgator Swan

Anche nel livello Pro, hai accesso a una libreria di risorse con risorse grafiche per darti un vantaggio nel creare le tue animazioni con stile e velocità.

L’unico aspetto negativo del software che posso vedere è che i livelli gratuiti e inferiori sono limitati nei tipi di operazioni che puoi eseguire, ma questo non è necessariamente un problema per due motivi. In primo luogo, puoi fare MOLTO con operazioni di base e un po’ di creatività, e in secondo luogo, i livelli non sono davvero così costosi, considerando quello che ottieni.

Livelli di accesso

SVGator è un fantastico software. Adoro quanto sia facile entrare e fare cose semplici non richiede tempo per diventare abile. Ma ci sono anche profondità, quindi con un po’ di allenamento e pratica, puoi aggiungere al tuo set di abilità molto rapidamente. Le opzioni per l’esportazione mobile sono un bonus in cima a tutto il resto. Adoro il modo in cui utilizza un paradigma a cui sono abituato, la sequenza temporale, e il fatto che assomigli e funzioni così tanto come Flash, che ho usato per molto tempo, è solo una gioia.

SVGator non è solo potente, è relativamente conveniente. Ci sono una varietà di piani una volta che decidi di pagare per l’utilizzo del software. Innanzitutto, c’è il piano gratuito, che ti consente di utilizzare il software per sempre ma con alcune limitazioni. Mentre scopri come funziona, puoi eseguire esportazioni grafiche statiche illimitate, fino a tre esportazioni di animazioni per mese di calendario e sequenze temporali di animazione con una durata fino a 10 secondi. Il set di base di aiutanti di animazione è incluso.

Il prossimo è il cosiddetto livello Lite, che per $ 11 al mese ($ 132 fatturati all’anno), consente di esportare il prodotto degli animatori avanzati, esportazioni statiche illimitate, 10 esportazioni di animazioni al mese e durate di animazione fino a un minuto. Hai anche gli aiutanti di animazione di base e avanzati. Infine, c’è Pro, che a $ 19 al mese (o $ 228 all’anno) ti offre l’intero affare, tutto in versione gratuita e LITE, oltre a esportazioni illimitate di animazioni fino a cinque minuti di durata, accesso alla libreria delle risorse, tutte le opzioni interattive e animazione controllo della velocità e collegamenti ipertestuali.

Per i dettagli completi di SVGator e per registrarsi per un account gratuito, vai a SVGatore.

Join our Newsletter and receive offers and updates! ✅

0 0 votes
Article Rating
Avatar di Routech

Routech

Routech is a website that provides technology news, reviews and tips. It covers a wide range of topics including smartphones, laptops, tablets, gaming, gadgets, software, internet and more. The website is updated daily with new articles and videos, and also has a forum where users can discuss technology-related topics.

Potrebbero interessarti anche...

Subscribe
Notificami
guest
0 Comments
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x