Τι είναι τα αρχεία Lottie και γιατί τα χρησιμοποιούν όλοι;

Με τόσους πολλούς διαθέσιμους τύπους αρχείων, πώς κάνετε την επιλογή να αρχίσετε να χρησιμοποιείτε ένα νέο; Μπορεί να έχετε ακούσει για το LottieFiles, να έχετε δει τα πρόσθετα ή ίσως όλες αυτές είναι νέες πληροφορίες για εσάς. Θα παρουσιάσουμε το LottieFiles και τη φανταστική, γρήγορη και μικρή μορφή κινουμένων σχεδίων: το Lottie.

Τι είναι τα αρχεία Lottie;

LottieFiles παρέχετε τον τύπο αρχείου Lottie. Για όλες τις προθέσεις και τους σκοπούς, ένα αρχείο Lottie είναι ένας τύπος αρχείου κινούμενης εικόνας. Αυτές τις μέρες, όταν ανοίγετε έναν ιστότοπο ή μια εφαρμογή που εμφανίζει μια κινούμενη εικόνα, υπάρχει μεγάλη πιθανότητα η μορφή της εν λόγω κινούμενης εικόνας να είναι Lottie και όχι GIF ή άλλη μορφή.

Το αρχείο Lottie είναι μικρότερο και ταχύτερο από τα τυπικά αρχεία κινούμενων εικόνων. Μόνο για αυτόν τον λόγο, έχουν ξεπεράσει τη χρήση GIF σε τόσο μικρό χρονικό διάστημα. Και η χρήση, η προσβασιμότητα και η δημοτικότητα των LottieFiles συνεχίζουν να αυξάνονται, οπότε ας μάθουμε λίγα περισσότερα για αυτά.

Μια σύντομη ιστορία των LottieFiles

Το LottieFiles είναι ο δημιουργός της μορφής αρχείου Lottie. Όλα ξεκίνησαν το 2015 όταν ένας μηχανικός χρησιμοποίησε το Adobe After Effects για να δημιουργήσει ένα νέο πρόσθετο που ονομάζεται Bodymovin που αποδίδει μια μορφή JSON της κινούμενης εικόνας σε πραγματικό χρόνο. Το JSON είναι μια αναπαράσταση αρχείων JavaScript που βασίζεται σε κείμενο που επιτρέπει την ευκολότερη και πιο προσιτή χρήση για προγραμματιστές ιστού.

Κάποια στιγμή γύρω στο 2016, οι εγκέφαλοι πίσω από το Airbnb —ξέρουμε, είναι εξίσου παράξενο όσο ακούγεται— ενώθηκαν με Ο κύριος εμψυχωτής τους και οι μηχανικές βιβλιοθήκες iOS και Android που μπορούν να αποδώσουν αυτόν τον νέο, γρήγορο τύπο αρχείου χρησιμοποιώντας JSON. Ονόμασαν τον τύπο αρχείου Lottie, από το όνομα της Charlotte Lotte Reiniger, μιας Γερμανίδας σκηνοθέτιδας και πρωτοπόρου του silhouette animation.

Με το υπόβαθρο στη μηχανική και δεξιότητες κινουμένων σχεδίων που είχε η ομάδα της Airbnb, το αρχικό πρόσθετο απόδοσης JSON μπόρεσε να γίνει αυτό που είναι σήμερα.

Τώρα που σας πιάνει η ιστορία του LottieFiles, θα μοιραστούμε περισσότερες λεπτομέρειες που θα σας κάνουν να θέλετε να χρησιμοποιήσετε μόνοι σας το Lottie.

Τι κάνει τα αρχεία Lottie τόσο δημοφιλή;

Η ιδέα ότι μια κινούμενη εικόνα Lottie μπορεί να αποδοθεί μέσω JSON, ενός συστήματος που βασίζεται σε κείμενο, επιτρέπει πολλά πράγματα που δεν μπορούν να κάνουν τα GIF ή τα PNG. Το μεγαλύτερο πλεονέκτημα είναι ότι ένα αρχείο JSON μπορεί εύκολα να επεξεργαστεί από οποιονδήποτε μετά την αρχική του δημιουργία, σε αντίθεση με ένα GIF.

Το LottieFiles έχει μια κοινότητα GitHub που ενθαρρύνει μηχανικούς, εμψυχωτές ή περίεργους ανθρώπους, να δημιουργήσουν και να εξερευνήσουν τι έχει να προσφέρει το LottieFiles. Αυτό ωθεί συνεχώς το LottieFiles περαιτέρω για τη δημιουργική κοινότητα.

Για έναν μέσο δημιουργό που μπορεί να μην ενδιαφέρεται για τα πώς ή τα γιατί του Lottie, κάτι που μπορεί να σας ενθαρρύνει να ενσωματώσετε το Lottie στα σχέδιά σας είναι ότι το μέγεθος του αρχείου είναι πολύ μικρότερο από ένα τυπικό PNG, GIF ή άλλες μορφές κινούμενων εικόνων, ωστόσο εκτελείται επίσης σε πολύ υψηλότερη ποιότητα λόγω της απόδοσής του στυλ. Δεν εγκαταλείπετε την ποιότητα χρησιμοποιώντας το Lottie στα σχέδιά σας.

Τα κινούμενα σχέδια Lottie είναι πλήρως κλιμακούμενα χωρίς να γίνονται pixil, γεγονός που καθιστά ευκολότερο το σχεδιασμό σε συσκευές ή οθόνες διαφόρων μεγεθών. Τα αρχεία Lottie είναι προσβάσιμα σε περισσότερα λειτουργικά συστήματα από άλλες βιβλιοθήκες απόδοσης, επομένως μπορείτε να εργαστείτε με αυτά τα αρχεία από οπουδήποτε, συμπεριλαμβανομένων των Mac, iOS, Android, Microsoft και Qt.

Σχετιζομαι με: Υπέροχα μέρη για να βρείτε τρισδιάστατα μοντέλα για ψηφιακό σχεδιασμό

Πώς να αποκτήσετε πρόσβαση στα αρχεία Lottie

Παρά το πόσο περίπλοκα μπορεί να φαίνονται να δημιουργούνται ή να χρησιμοποιούνται αυτά τα αρχεία, στην πραγματικότητα είναι πολύ απλά στην εφαρμογή τους στα σχέδιά σας. Μπορείτε να βρείτε προσθήκες LottieFiles στα Adobe XD, Figma, Framer X και ProtoPie, ώστε να μπορείτε να εγκαταστήσετε προκατασκευασμένα κινούμενα σχέδια Lottie. Μπορείτε επίσης να τα εφαρμόσετε στη ροή εργασίας σας με επιλογές χωρίς κώδικα στο Elementor για WordPress, Webflow και Kodika.io.

Εκτός από τη χρήση προκατασκευασμένων αρχείων Lottie—τα περισσότερα από τα οποία συνοδεύονται από δωρεάν εμπορικές άδειες—υπάρχουν πολλά προγράμματα που μπορείτε να χρησιμοποιήσετε με Πρόσθετο LottieFiles για να δημιουργήσετε τα δικά σας κινούμενα σχέδια Lottie, όπως τα Adobe After Effects, Adobe Animate, Inkscape, Sketch και Cavalry ονομάστε μερικά. Η προσθήκη LottieFiles αποδίδει τα κινούμενα σχέδια σας στο Lottie, το οποίο είναι ό, τι χρειάζεται για να δημιουργήσετε υπέροχα κινούμενα σχέδια σε αυτήν τη μορφή αρχείου.

Σχετιζομαι με: Τι είναι το Adobe Animate και τι μπορείτε να κάνετε με αυτό;

Ξεκινήστε να χρησιμοποιείτε τα αρχεία Lottie στα σχέδιά σας

Με γυμνό μάτι, ένα Lottie μοιάζει με άλλες τυπικές μορφές κινουμένων σχεδίων, οπότε ίσως έχετε αναρωτηθεί περί τίνος πρόκειται για όλη τη φασαρία. Τώρα που γνωρίζετε περισσότερα για τα LottieFiles, πώς δημιουργήθηκε το Lottie και τι έχουν να προσφέρουν, είναι σχεδόν βέβαιο ότι θα θέλετε να αρχίσετε να τα χρησιμοποιείτε στη ροή εργασίας σας.

Τα κορυφαία 10 συστήματα λογισμικού 2D Animation

Ακολουθεί η λίστα μας με τις κορυφαίες εφαρμογές 2D animation που μπορείτε να χρησιμοποιήσετε το 2021.

Διαβάστε Επόμενο

Σχετικά με τον Συγγραφέα