Πώς να επεξεργαστείτε κινούμενα σχέδια στο photoshop cs6. Δημιουργήστε και επεξεργαστείτε ένα αρχείο GIF. Ρυθμίσεις κινούμενων εικόνων GIF στο Photoshop

Τα GIF είναι παντού. Οι άλλοτε ταπεινές εικόνες κινουμένων σχεδίων είναι πλέον η ανεπίσημη γλώσσα του διαδικτύου. Τα κινούμενα σχέδια GIF είναι τα περισσότερα γρήγορος τρόποςεκφράζουμε συναισθήματα στο Twitter και μπορούμε επίσης να περάσουμε ώρες παρακολουθώντας το, κάνοντας κύλιση στη ροή ειδήσεων στο VK, το Facebook ή την Odnoklassniki.

Υπάρχει αρκετά μεγάλος αριθμός τοποθεσιών όπου μπορείτε να βρείτε έτοιμα GIF για διάφορα θέματα. Τίποτα όμως δεν συγκρίνεται με τα κινούμενα σχέδια GIF που κατασκευάζονται εσωτερικά με τα ίδια μου τα χέρια. Πιστεύετε ότι αυτή είναι μια δύσκολη διαδικασία; Κάνεις λάθος, είναι πολύ απλό. Γρήγορη δημιουργία Κινούμενα σχέδια GIFΜπορείτε να χρησιμοποιήσετε το πρόγραμμα επεξεργασίας γραφικών Photoshop, να μετατρέψετε ένα υπάρχον βίντεο ή να χρησιμοποιήσετε μια σειρά στατικών εικόνων. Ας ρίξουμε μια πιο προσεκτική ματιά στο πώς γίνεται αυτό.

Σημείωση:Σε όλα τα παραδείγματα σε αυτό το άρθρο, χρησιμοποιώ το Photoshop CC 2017.

Πρώτα, πρέπει να εκκινήσετε το Photoshop, να μεταβείτε στο «Αρχείο» > «Εισαγωγή» > «Πλαίσια βίντεο σε επίπεδα» και να επιλέξετε την απαιτούμενη εγγραφή βίντεο.

Στο παράθυρο διαλόγου που ανοίγει, μπορείτε να εισαγάγετε ολόκληρη την εγγραφή βίντεο ή να επιλέξετε μόνο ένα συγκεκριμένο τμήμα της. Εάν επιλέξετε τη δεύτερη επιλογή, σύρετε τις λαβές κάτω από το παράθυρο προεπισκόπησηγια να ορίσετε τα σημεία έναρξης και λήξης. Το τμήμα του βίντεο μεταξύ αυτών των λαβών θα εισαχθεί.

Σημείωση:Λάβετε υπόψη ότι όσο περισσότερα βίντεο εισάγετε, τόσο μεγαλύτερο θα είναι το GIF σας. Επίσης, εάν εισάγετε ένα βίντεο που είναι πολύ μεγάλο, η επιλογή Διατήρηση κάθε 2 καρέ (ή περισσότερα) είναι ένας εύκολος τρόπος για να μειώσετε το μέγεθος χωρίς να επηρεαστεί πολύ η ποιότητα.

Βεβαιωθείτε ότι το πλαίσιο ελέγχου Δημιουργία κινούμενης εικόνας καρέ-καρέ είναι επιλεγμένο και, στη συνέχεια, κάντε κλικ στο OK. Θα ξεκινήσει η διαδικασία εισαγωγής βίντεο. Αυτό μπορεί να πάρει κάποιο χρόνο, ανάλογα με το μέγεθος του κλιπ. Αφού ολοκληρωθεί η εισαγωγή, θα ανοίξει Χώρος εργασίας, στο οποίο κάθε καρέ βίντεο θα τοποθετηθεί στο δικό του στρώμα.

Στο κάτω μέρος της οθόνης υπάρχει μια παλέτα κλίμακας χρόνου. Εμφανίζει όλα τα καρέ που θα συνθέσουν το κινούμενο σχέδιο GIF σας.

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

Το τελικό αποτέλεσμα θα πρέπει να είναι κάπως έτσι:

Δημιουργία κινούμενων εικόνων GIF από μια σειρά στατικών εικόνων

Εάν δεν έχετε υλικό βίντεο για να χρησιμοποιήσετε ως βάση για την κινούμενη εικόνα GIF, μπορείτε να δημιουργήσετε ένα μη αυτόματα από μια σειρά στατικών εικόνων. Είναι λίγο πιο περίπλοκο, ειδικά αν θέλετε να φτιάξετε κάτι δροσερό, αλλά η βασική διαδικασία είναι απλή.

Δημιουργείτε το GIF σας από ένα μόνο αρχείο εικόνας που περιέχει πολλά επίπεδα. Κάθε επίπεδο είναι ένα ξεχωριστό πλαίσιο του μελλοντικού σας κινούμενου σχεδίου. Υπάρχουν δύο τρόποι για να ξεκινήσετε:

  1. Εάν έχετε ήδη δημιουργήσει εικόνες για την κινούμενη εικόνα σας, εισαγάγετε τις επιλέγοντας Αρχείο > Σενάρια > Φόρτωση αρχείων στη στοίβα.... Κάντε κλικ στην Αναζήτηση και επιλέξτε τις εικόνες σας και, στη συνέχεια, κάντε κλικ στο OK. Κάθε εικόνα θα τοποθετηθεί σε ξεχωριστό επίπεδο μέσα στο ίδιο αρχείο.
  2. Εάν δεν έχετε δημιουργήσει ακόμα εικόνες, κάντε το τώρα. Να θυμάστε ότι κάθε μεμονωμένη εικόνα είναι μέρος του μελλοντικού κινούμενου σχεδίου.

Τώρα είστε έτοιμοι να ξεκινήσετε τη δημιουργία κινούμενων εικόνων.

Κίνηση στατικών εικόνων

Ετσι δουλευει. Όταν δημιουργείτε με μη αυτόματο τρόπο ένα πλαίσιο κινούμενης εικόνας, κάθε ορατό επίπεδο περιλαμβάνεται σε αυτό. Τα επίπεδα που είναι απενεργοποιημένα δεν θα συμπεριληφθούν στο πλαίσιο που δημιουργείται.

Για να δημιουργήσετε το πρώτο πλαίσιο, κάντε ορατό το πρώτο στρώμα και απενεργοποιήστε όλα τα άλλα. Στη συνέχεια, κατά τη δημιουργία του δεύτερου πλαισίου, κάντε ορατό το δεύτερο στρώμα και μετά το τρίτο στρώμα στο τρίτο πλαίσιο κ.ο.κ. Μόλις ξεκινήσετε, όλα θα γίνουν πιο ξεκάθαρα.

Για να ξεκινήσετε τη δημιουργία μιας κινούμενης εικόνας, ανοίξτε τη γραμμή χρόνου εάν δεν ανοίγει αυτόματα για εσάς. Για να το κάνετε αυτό, κάντε κλικ στο "Παράθυρο" στον επάνω πίνακα και επιλέξτε "Χρονολόγιο" στο μενού που ανοίγει. Στο κέντρο του πίνακα που ανοίγει, κάντε κλικ στην επιλογή "Δημιουργία κινούμενων εικόνων πλαισίου". Αυτή η ενέργεια θα δημιουργήσει το πρώτο καρέ του κινούμενου σχεδίου σας. Στην παλέτα Layers, αποκρύψτε τα επίπεδα που δεν θέλετε να αποτελούν μέρος του πλαισίου.

Τώρα κάντε κλικ στο κουμπί "Νέο πλαίσιο", το οποίο θα αντιγράψει το προηγούμενο πλαίσιο. Για άλλη μια φορά, κρύψτε τα επιπλέον στρώματα και κάντε ορατά αυτά που πρέπει να συμπεριληφθούν στο πλαίσιο.

Επαναλάβετε αυτή τη διαδικασία μέχρι να προσθέσετε όλα τα καρέ που χρειάζονται για το κινούμενο σχέδιο.

Ολοκλήρωση

Τέλος, ορίστε τον χρόνο εμφάνισης για κάθε καρέ. Επιλέξτε το πρώτο πλαίσιο και, στη συνέχεια, κάντε κλικ στο Shift στο τελευταίο για να τα επιλέξετε όλα. Τώρα κάντε κλικ στο κάτω βέλος κάτω από ένα από τα πλαίσια και επιλέξτε μια καθυστέρηση. Χωρίς καθυστέρηση σημαίνει ότι η κινούμενη εικόνα θα εκτελείται γρήγορα, ενώ ο καθορισμένος αριθμός δευτερολέπτων θα κάνει τα καρέ να παραμείνουν στην οθόνη για μια καθορισμένη χρονική περίοδο.

Τέλος, ορίστε τις επιλογές βρόχου, τις οποίες θα βρείτε στο κάτω μέρος του πίνακα Χρονολογίου. Αυτή η παράμετρος ελέγχει πόσες φορές θα παίζει η κινούμενη εικόνα σας. Στις περισσότερες περιπτώσεις, θα επιλέξετε την επιλογή "Πάντα".

Τώρα κάντε κλικ στο κουμπί Αναπαραγωγή στο κάτω μέρος της οθόνης για να προβάλετε την κινούμενη εικόνα που προκύπτει. Θα πρέπει να δείτε κάτι σαν αυτό:

Μπορείτε να επεξεργαστείτε τα πλαίσια απλά επιλέγοντάς τα και αλλάζοντας την ορατότητα των επιπέδων (μπορείτε επίσης να αλλάξετε την αδιαφάνεια ή να κάνετε άλλες πιο σύνθετες ρυθμίσεις). Προσθέστε επιπλέον επίπεδα εάν τα χρειάζεστε ή κάντε κλικ στο εικονίδιο του κάδου απορριμμάτων για να τα διαγράψετε.

Όταν είστε ευχαριστημένοι με το αποτέλεσμα, μπορείτε να μεταβείτε στην ενότητα "Αποθήκευση κινούμενης εικόνας" ή να διαβάσετε παρακάτω για να βελτιώσετε την κινούμενη εικόνα που προκύπτει.

Βελτίωση κινούμενων εικόνων με την προσθήκη ενδιάμεσων καρέ

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

Για να ξεκινήσετε, επιλέξτε το πρώτο πλαίσιο και κάντε κλικ στο κουμπί Δημιουργία Tweaks στη γραμμή εργαλείων στο κάτω μέρος της γραμμής χρόνου.

Στο παράθυρο διαλόγου που ανοίγει, ορίστε το στοιχείο "Ενδιάμεσα πλαίσια" στην τιμή "Επόμενο πλαίσιο" και για το στοιχείο "Προσθήκη πλαισίων", καθορίστε την τιμή κατά την κρίση σας. Μια υψηλότερη τιμή σημαίνει πιο ομαλή αλλά πιο αργή μετάβαση. Κάντε κλικ στο "OK" για να δημιουργήσετε τα ενδιάμεσα πλαίσια.

Τώρα επαναλάβετε αυτή τη διαδικασία για τα άλλα πλαίσια προέλευσης που προσθέσατε. Όταν φτάσετε στο τελευταίο, ορίστε το "Inbetween Frames" σε "First Frame". Αυτό θα σας βοηθήσει να δημιουργήσετε μια ομαλή μετάβαση στην αρχή του βρόχου κινούμενης εικόνας.

Το Photoshop σίγουρα δεν θα ανοίξει ένα βίντεο που τραβήχτηκε από ψηφιακή φωτογραφική μηχανή. Αυτό ισχύει για βίντεο τηλεφώνου, βίντεο από web κάμερες κ.λπ. Η απάντηση υποδηλώνεται από μόνη της. Πρέπει να μετατρέψουμε. Υπάρχουν πολλοί μετατροπείς, τόσο επί πληρωμή όσο και δωρεάν, και, βασικά, έχουν σχεδιαστεί για να μετατρέπουν μια συγκεκριμένη μορφή σε άλλη συγκεκριμένη μορφή, την οποία οι προγραμματιστές μετατροπέων, για προφανείς λόγους, δεν μας λένε.

Και εδώ ο δωρεάν μετατροπέας βίντεο XviD4PSP 5.0 έρχεται σε βοήθεια, μπορείτε να τον κατεβάσετε ή στον επίσημο ιστότοπο των προγραμματιστών. Για να λειτουργήσει αυτός ο μετατροπέας, χρειάζεστε το βοηθητικό πρόγραμμα AviSynth 2.5.7, το οποίο μπορείτε να λάβετε.

Εγκαθιστούμε αυτά τα δύο προγράμματα με τον συνηθισμένο τρόπο.

Εδώ είναι η διεπαφή αυτού του υπέροχου μετατροπέα:

Ανοίξτε το πρόγραμμα. Κάντε κλικ στο Αρχείο-->Άνοιγμα και επιλέξτε το αρχείο. Στο κύριο παράθυρο του προγράμματος πρέπει να επιλέξετε τις ακόλουθες ρυθμίσεις:

  • Μορφή - AVI DV PAL
  • Διόρθωση χρώματος και φιλτράρισμα - Απενεργοποίηση
  • Κωδικοποίηση βίντεο - DV-Video
  • Κωδικοποίηση ήχου - μην σε νοιάζει

Και κάντε κλικ στο κουμπί "Κωδικοποίηση". Το πρόγραμμα θα σας ζητήσει να επιλέξετε έναν φάκελο αποθήκευσης, επιλέξτε τον, ΟΚ. Λαμβάνουμε ένα αρχείο με τον κωδικοποιητή dvsd DVC/DV Video στο κοντέινερ DV Type 2 AVI Multipart OpenDML AVI. Με πιθανότητα 90%, το Photoshop θα τρώει βίντεο με αυτές τις παραμέτρους.

Ας προχωρήσουμε στο επόμενο πρόβλημα. Αυτό είναι το μέγεθος του αρχείου. Το γεγονός είναι ότι το Photoshop, όταν ανοίγει ένα βίντεο σε επίπεδα, χρησιμοποιεί ΕΜΒΟΛΟυπολογιστή Εάν έχετε x64, τότε δεν υπάρχουν ερωτήσεις, μπορείτε να εγκαταστήσετε πλακίδια έως 128 GB. Αλλά για διάφορους λόγους, οι άνθρωποι δεν μπορούν να αλλάξουν σε x64 και δυστυχώς να καθίσουν στο x86, όχι επειδή δεν μπορούν να αλλάξουν ή η θρησκεία δεν το επιτρέπει, αλλά για άλλους, εντελώς αντικειμενικούς λόγους. Για παράδειγμα, ο συγγραφέας αυτών των γραμμών, με όλη του την επιθυμία για το όμορφο και νέο, δεν χρησιμοποιεί το x64 λόγω της έλλειψης πρόσθετων warez για 3ds max για αυτό. Ωστόσο, παρεκκλίνουμε.

Φυσικά, για εργασίες που εκτελούνται με χρήση του Photoshop, δεν απαιτούνται μεγάλα βίντεο, αλλά χρειάζονται μόνο μερικές δεκάδες καρέ το πολύ. Αλλά πρέπει να κοπούν με κάποιο τρόπο. Τα κανονικά προγράμματα επεξεργασίας βίντεο όπως το Adobe Premiere Pro απαιτούν γνώση και εμπειρία, καθώς και σημαντικούς πόρους από τη μνήμη RAM και τον επεξεργαστή. Απλώς ντρέπομαι να πω ότι πληρώνονται (και κοστίζουν πολύ). Εν ολίγοις, για σπάνια χρήση δεν έχει νόημα να μπλέξεις με τέτοια προγράμματα. Απλοί επεξεργαστές όπως οι τυπικοί Δημιουργός ταινιώνας μην σχολιάσω.

Αλλά υπάρχει ένα εξαιρετικό ελαφρύ πρόγραμμα που ονομάζεται VirtualDub, αν και με ένα μειονέκτημα. Λειτουργεί με ένα πολύ περιορισμένο σύνολο κωδικοποιητών AVI. Και εδώ θυμόμαστε ξανά τον μετατροπέα XviD4PSP. Με τις ρυθμίσεις που αναφέρονται παραπάνω, το βίντεο θα λειτουργήσει με αυτό. Επιλέγουμε τα απαραίτητα μέρη του βίντεο, τα κόβουμε, τα αποθηκεύουμε και τα ανοίγουμε στο Photoshop. Μπορείτε να το κάνετε διαφορετικά, να αποθηκεύσετε μεμονωμένα καρέ βίντεο χρησιμοποιώντας το VirtualDub και, στη συνέχεια, να συναρμολογήσετε μια κινούμενη εικόνα από αυτά στο Photoshop. Για παράδειγμα, βάλτε τα μαθημένα αρχεία σε έναν φάκελο και ανοίξτε τα ομαδικά στο Photoshop σε ένα έγγραφο σε διαφορετικά επίπεδα, αλλά, κατά κανόνα, αυτό απαιτεί περισσότερο χρόνο, αλλά, σε κάθε περίπτωση, δεν μπορούμε να κάνουμε χωρίς τον μετατροπέα XviD4PSP.

Νωρίτερα στον ιστότοπο εξετάσαμε τα τρίτα μέρη, αλλά τα περισσότερα από αυτά μπορούν εύκολα να αντικαταστήσουν το κανονικό Photoshop. Τα κινούμενα αρχεία GIF μπορούν να δημιουργηθούν αρκετά εύκολα και γρήγορα με τη βοήθειά του. Συνήθως αποτελούνται από πολλές εικόνες (καρέ), οι οποίες, όταν αλλάζουν βήμα προς βήμα, σχηματίζουν το τελικό αποτέλεσμα. Σήμερα θα προσπαθήσουμε να εξετάσουμε αυτό το ζήτημα από το Α έως το Ω με όσο το δυνατόν περισσότερες λεπτομέρειες:

Τα παρακάτω στιγμιότυπα οθόνης προέρχονται από το Photoshop CC, αλλά η εργασία με κινούμενα σχέδια GIF στο CS6 και σε άλλες εκδόσεις του προγράμματος είναι παρόμοια, συν ή πλην. Ίσως τα οπτικά εργαλεία να είναι ελαφρώς διαφορετικά, αλλά γενικά, η αρχή και ο αλγόριθμος των ενεργειών είναι παρόμοια. Για παράδειγμα, εξετάστε το ασήμαντο έργο του πώς να δημιουργήσετε ένα κινούμενο σχέδιο GIF στο Photoshop από φωτογραφίες που αντικαθιστούν η μία την άλλη. Πρόσφατα, χρησιμοποιώντας αυτόν τον οδηγό, έφτιαξα ένα gif για τις περιπέτειές μου για την τελευταία ανάρτηση για το 2016 στο προσωπικό μου blog.

Η διαδικασία κράτησε κυριολεκτικά 5-10 λεπτά. Το σημαντικό εδώ είναι να ακολουθήσετε όλα τα βήματα προσεκτικά. Στο τέλος της ανάρτησης θα βρείτε ένα εκπαιδευτικό βίντεο στα αγγλικά για αυτό το θέμα.

Προσθήκη εικόνων κινούμενων εικόνων GIF στο Photoshop

Πρώτα απ 'όλα, πρέπει να φορτώσετε σε επεξεργαστής γραφικώνόλες οι φωτογραφίες/φωτογραφίες που θα συμμετέχουν στο animation. Προσθέστε τα σε ένα έργο σε διαφορετικά επίπεδα - αυτά θα είναι τα πλαίσια για το αρχείο GIF που προκύπτει. Ελέγξτε το μέγεθος των εικόνων και την εμφάνισή τους, ώστε όλα να είναι όπως τα χρειάζεστε. Τα επίπεδα μπορούν να κρυφτούν (χρησιμοποιώντας το εικονίδιο ματιού στα αριστερά του επιπέδου) για να προβάλετε όλα τα αντικείμενα.

Στο κέντρο αυτού του πίνακα υπάρχει μια αναπτυσσόμενη λίστα όπου πρέπει να επιλέξετε την επιλογή «Δημιουργία κινούμενων εικόνων» και να κάνετε κλικ στο κουμπί. Ως αποτέλεσμα αυτής της ενέργειας, το Timeline θα αλλάξει λίγο και θα πρέπει να δείτε την εικόνα από το ανώτερο επίπεδο ως το πρώτο καρέ.

Στο επόμενο βήμα, επιλέξτε όλα τα επίπεδα του έργου (κάντε κλικ σε αυτά κρατώντας πατημένο το κουμπί Πλήκτρο Ctrl). Μετά από αυτό, ανοίξτε το μενού περιβάλλοντος στην επάνω δεξιά γωνία του παραθύρου Γραμμή χρόνου και επιλέξτε "Δημιουργία πλαισίων από επίπεδα".

Από όλα τα ορατά και επιλεγμένα Επίπεδα AdobeΤο Photoshop θα δημιουργήσει κινούμενα πλαίσια GIF. Ως αποτέλεσμα, θα τα δείτε στον πίνακα Χρονολόγιο.

Ρυθμίσεις κινούμενων εικόνων GIF στο Photoshop

Εδώ θα χρειαστεί να καθορίσετε 2 πράγματα: τη διάρκεια εμφάνισης διαφορετικών καρέ + τον αριθμό των επαναλήψεων του gif. Ας ξεκινήσουμε με το πρώτο. Κάτω από κάθε αντικείμενο εικόνας στο Timeline θα βρείτε την ώρα εμφάνισης και ένα κάτω βέλος. Κάντε κλικ σε αυτά και επιλέξτε τη διάρκεια της κάρτας στο αναδυόμενο μενού.

Μπορείτε να καθορίσετε διαφορετικούς χρόνους για στοιχεία ή να ορίσετε την παράμετρο για πολλά από αυτά ταυτόχρονα (από κοινού επιλογή όπως στα επίπεδα - χρησιμοποιώντας Ctrl).

Για να κάνετε επαναφορά ενός GIF στο Photoshop όταν δημιουργείτε ένα κινούμενο σχέδιο, επιλέξτε την τιμή Forever στην κατάλληλη ρύθμιση, όπως φαίνεται στο παρακάτω στιγμιότυπο οθόνης.

Εκεί μπορείτε επίσης να καθορίσετε οποιονδήποτε αριθμό επαναλήψεων χρειάζεστε. Σε κοντινή απόσταση βρίσκεται το κουμπί Αναπαραγωγή, το οποίο σας επιτρέπει να παίξετε ένα κινούμενο GIF και να δείτε πώς θα είναι το τελικό αποτέλεσμα.

Αποθήκευση κινούμενων εικόνων GIF στο Photoshop

Στο τελευταίο μέρος του οδηγού μας, θα δούμε πώς να αποθηκεύσετε σωστά τα κινούμενα σχέδια GIF στο Photoshop. Για το σκοπό αυτό, χρησιμοποιείται το γνωστό εργαλείο Save for Web, αλλά σε πιο πρόσφατες εκδόσεις Adobe Photoshop CC βρίσκεται σε νέα θέση μενού (Αρχείο - Εξαγωγή). Ευτυχώς το Alt + Shift + Ctrl + S εξακολουθεί να λειτουργεί.

Στο παράθυρο ρυθμίσεων που ανοίγει, πρέπει να επιλέξετε τη μορφή GIF και επίσης να βεβαιωθείτε ότι η ρύθμιση Επιλογές βρόχου έχει οριστεί σε Για πάντα. Στην κάτω δεξιά γωνία του παραθύρου, υπάρχει μια επιλογή εκτέλεσης του κινούμενου GIF που δημιουργήσατε στο Photoshop για προεπισκόπηση.

Εάν όλα λειτουργούν όπως αναμένεται, κάντε κλικ στην επιλογή Αποθήκευση και αποθηκεύστε το αρχείο σε τοπικός υπολογιστής. Για να ελέγξετε τη λειτουργικότητα ενός GIF, πρέπει να το ανοίξετε σε πρόγραμμα περιήγησης, γιατί... Το ενσωματωμένο πρόγραμμα προβολής των Windows δεν αναπαράγει κινούμενα σχέδια.

Παρεμπιπτόντως, μπορείτε επίσης εύκολα να εξαγάγετε το έργο σας σε μορφή βίντεο. Η διαδικασία είναι η ίδια όπως κατά την αποθήκευση κινούμενων εικόνων GIF, αλλά στο μενού Photoshop, επιλέξτε Αρχείο - Εξαγωγή - Απόδοση βίντεο.

Στο παράθυρο που ανοίγει θα υπάρχει διαφορετικές ρυθμίσειςβίντεο, αλλά δεν χρειάζεται να αλλάξετε κάτι επιπλέον, απλώς κάντε κλικ στο κουμπί Render. Ως αποτέλεσμα, θα λάβετε ένα αρχείο mp4 με μια παρουσίαση φωτογραφιών/εικόνων.

Τέλος, προτείνουμε να παρακολουθήσετε ένα εκπαιδευτικό βίντεο στην αγγλική γλώσσα σχετικά με τη δημιουργία κινούμενων GIF στο Photoshop. Ο αλγόριθμος για την εργασία εκεί είναι ο ίδιος όπως στο άρθρο, αλλά ίσως θα είναι πιο εύκολο για εσάς να αντιληφθείτε τις πληροφορίες από το βίντεο.

Εάν εξακολουθείτε να έχετε ερωτήσεις σχετικά με τον τρόπο δημιουργίας κινούμενων εικόνων GIF στο Photoshop ή έχετε οποιεσδήποτε προσθήκες, γράψτε στα σχόλια.

Η μορφή GIF είναι πολύ συνηθισμένη στο Διαδίκτυο. Οι λόγοι για τόσο μεγάλη δημοτικότητα είναι απλοί: τα αρχεία GIF έχουν πολύ καλό αλγόριθμο συμπίεσης, υποστηρίζουν τη διαφάνεια και καθιστούν δυνατή τη δημιουργία απλών και πολύπλοκων κινούμενων εικόνων και διαφημιστικών banner.

Αλλά ταυτόχρονα, υπάρχουν μερικά προβλήματα, το κυριότερο είναι η ανάγκη αλλαγής του μεγέθους GIF. Αυτό θέτει το ερώτημα: πώς να μειώσετε ή να αυξήσετε το μέγεθος ενός GIF; Πώς να επεξεργαστείτε το GIF; Για παράδειγμα, πρέπει να περικόψω το αρχείο; Σε περίπτωση που δουλεύουμε με συνηθισμένο αρχείο JPG, τέτοια προβλήματα δεν προκύπτουν - εξάλλου, σε κανένα, ακόμη και στον πιο απλό επεξεργαστή, με μερικά κλικ μπορούμε να αλλάξουμε το μέγεθος της εικόνας ή να περικόψουμε ένα περιττό μέρος. Πώς να επεξεργαστείτε το GIF; Εξάλλου, τα περισσότερα προγράμματα επεξεργασίας σάς επιτρέπουν να εργάζεστε μόνο με στατικές εικόνες.

Για να λύσετε αυτό το πρόβλημα, σας προσφέρουμε το μοναδικό μας πρόγραμμα επεξεργασίας - GIF Resizer. Με τη βοήθειά του, μπορούμε γρήγορα και εύκολα να αλλάξουμε το μέγεθος ενός αρχείου GIF - να το μειώσουμε ή να το αυξήσουμε ανάλογα με τις ανάγκες. Για να το κάνετε αυτό, ακολουθήστε μερικά απλά βήματα:

  • Κάντε κλικ στο κουμπί "Αλλαγή μεγέθους".
  • Προσθέστε ένα GIF χρησιμοποιώντας το κουμπί Αναζήτηση.
  • Εισαγάγετε το ύψος και το πλάτος που χρειάζεστε.
  • Κάντε κλικ στην επιλογή Εφαρμογή.

Λίγα δευτερόλεπτα - και το μέγεθος της κινούμενης εικόνας GIF έγινε το μέγεθος που θέλατε!

Πώς να μετατρέψετε το GIF σε JPG και να το χωρίσετε σε καρέ;

Μια άλλη απόχρωση που έχουν πολλοί χρήστες όταν εργάζονται με GIF είναι η ανάγκη να το χωρίσουν σε πλαίσια. Εξάλλου, η δημιουργία ενός GIF από JPG δεν είναι τόσο δύσκολη υπόθεση. Αλλά πώς να μετατρέψετε το GIF σε JPG; Ή μετατροπή σε PNG;

Όταν αντιμετωπίζετε μια τέτοια εργασία, μπορείτε να στραφείτε ξανά στο GIF Resizer. Χρησιμοποιώντας το για αλλαγή μεγέθους, σμίκρυνση ή μεγέθυνση ενός GIF, μπορείτε να αποσυνθέσετε αμέσως το GIF σε καρέ και έτσι να μετατρέψετε το κινούμενο σχέδιο που χρειάζεστε σε JPG.Η σειρά των ενεργειών δεν αλλάζει - όλα συμβαίνουν γρήγορα και απλά:
  • Επιλέγωτο επιθυμητό κινούμενο σχέδιο.
  • Κάντε κλικστο κουμπί «Αποσύνθεση σε πλαίσια».
  • Απολαύστε τα αποτελέσματα!
Το πρόγραμμα επεξεργασίας GIF Resizer σας δίνει μια εξαιρετική ευκαιρία να εξοικονομήσετε χρόνο και κόπο όταν εργάζεστε με αρχεία GIF. Ό,τι χρειάζεστε - αλλαγή μεγέθους, περικοπή, σμίκρυνση ή μεγέθυνση, αποσύνθεση GIF σε καρέ, μετατροπή σε JPG, JPEG, μετατροπή σε PNG - η εφαρμογή μας είναι πάντα στη διάθεσή σας! Το πρόγραμμα επεξεργασίας GIF Resizer σάς επιτρέπει να επιλύσετε τα ακόλουθα ζητήματα:
  • Πώς να αλλάξετε το μέγεθος ενός κινούμενου gif;
  • Σε ποιο πρόγραμμα μπορείτε να αλλάξετε το μέγεθος μιας κινούμενης εικόνας;
  • Πώς να μειώσετε το μέγεθος μιας εικόνας GIF;
  • Πώς να μειώσετε το μέγεθος μιας κινούμενης εικόνας;
  • Πώς να αλλάξετε τη μορφή των κινούμενων εικόνων;
  • Πώς να αφαιρέσετε ένα λογότυπο από μια κινούμενη εικόνα;

Για να αποκτήσετε πολύ περισσότερες επιλογές με τον δωρεάν διαδικτυακό δημιουργό κινούμενων εικόνων Εικόνες Gif Resizer - απλώς εγγραφείτε στον ιστότοπό μας!


Μπορείτε να συνεχίσετε να δημιουργείτε κινούμενα σχέδια Gif, ακόμα κι αν χρειάστηκε να διακόψετε την εργασία σας κατά την προηγούμενη επίσκεψή σας στον πόρο. Εξάλλου, μπορείτε πάντα να βρείτε όλες τις δημιουργίες σας στον ιστότοπο! Και τα καλύτερα κινούμενα σχέδια GIF που μπορέσατε να δημιουργήσετε χρησιμοποιώντας τα δωρεάν μας διαδικτυακά προγράμματαΤο Gif Resizer θα καταλήξει στη συλλογή του ιστότοπου και θα μπορεί να γίνει πηγή προσωπικής υπερηφάνειας.

Δεν νομίζω ότι κάποιος είχε την επιθυμία κατά καιρούς επαναλάβω / τελειώσω / αλλάξω λίγοβρέθηκε εικόνα gif.

Σίγουρα πολλοί άνθρωποι είναι εξοικειωμένοι με καταστάσεις όπως:
- φαίνεται σαν ένα ωραίο έτοιμο κινούμενο avatar, αλλά μακάρι να μπορούσα να το επιβραδύνω λίγο...
- Μακάρι να μπορούσα να γράψω κάτι στην εικόνα κινουμένων σχεδίων...
- θα ήταν ωραίο να έχετε μέγεθος gif - κάντε τις εικόνες μικρότερες...
- και τα λοιπά. και ούτω καθεξής.

Θα εξετάσουμε λοιπόν αυτές τις ερωτήσεις σήμερα.

Τελευταία φορά, σήμερα θα το κάνουμε τροποποιήστε ένα έτοιμο κινούμενο GIFγια να ταιριάζει στις ανάγκες σας.

Αντιμετωπίζοντας αυτό το «πρόβλημα», αλλά γνωρίζοντας ήδη πώς να δημιουργήσω ένα κινούμενο GIF, πρότεινα πού και πώς είναι δυνατόν να αλλάξετε το GIF. Βρήκα αμέσως μερικά gif στο Διαδίκτυο και έλεγξα την εικασία μου - αποδείχθηκε σωστή. Ας ξεκινήσουμε όμως με τη σειρά.

Έτσι, έχετε μια ολοκληρωμένη κινούμενη εικόνα. Ας εξετάσουμε 3 επιλογές για την τροποποίηση του (κατά τη γνώμη μου, αυτές είναι οι πιο δημοφιλείς περιπτώσεις):
1. Ας επιβραδύνουμε το animation.
2. Ας γράψουμε κάτι στην εικόνα.
3. Αλλάξτε το μέγεθος της εικόνας.

Αλλαγή της ταχύτητας κίνησης στην εικόνα GIF.
(αλλάξτε την ταχύτητα των εικόνων που αναβοσβήνουν)


Συμβαίνει συχνά να μου αρέσει, για παράδειγμα, κάποιο είδος κινούμενου avatar, αλλά υπάρχει υπερβολική κίνηση και θέλω να το επιβραδύνω τουλάχιστον λίγο. Αυτό θα κάνουμε τώρα. Αν και η επιλογή με αυξανόμενη ταχύτηταΤα κινούμενα σχέδια είναι απολύτως η ίδια περίπτωση.

Ανοίξτε το αρχείο gif που μας ενδιαφέρει Adobe ImageReady: Αρχείο(Αρχείο) - Ανοιξε(Ανοιξε) - …

Τώρα ας δούμε τον πίνακα Κινούμενα σχέδια



Κοιτάζουμε προσεκτικά αυτόν τον κύλινδρο και το βλέπουμε παρακάτω ΟλοιΤο "frame" είναι ο χρόνος (σε αυτήν την περίπτωση έχει ρυθμιστεί στα 0,17 δευτερόλεπτα).


Αυτή είναι η ένδειξη που πρέπει να αλλάξουμε, κάντε κλικ στο πλαίσιο ελέγχου και εμφανίζεται μια αναπτυσσόμενη λίστα όπου μπορούμε να ορίσουμε τη διάρκεια εμφάνισης που χρειαζόμαστε Ολοικαρέ μεμονωμένα (ή όλα ταυτόχρονα, επιλέγοντας όλα τα καρέ κρατώντας πατημένο το πλήκτρο Shift στο πληκτρολόγιο).


Εδώ και αμέσως μπορούμε να δούμε τι συνέβη - υπάρχουν περισσότερα παρακάτω κουμπιά αναπαραγωγής– παρακολουθήστε το κινούμενο σχέδιο στο κύριο παράθυρο άνοιγμα αρχείου(όχι σε αυτόν τον κύλινδρο).


Εάν είστε ικανοποιημένοι με τα πάντα, τότε αποθηκεύστε το αποτέλεσμα: Αρχείο - Αποθήκευση βελτιστοποιημένης ως…- Και κοίτα τι έγινε.


Εντάξει


Εντάξει

Αν όχι, συνεχίστε να αλλάζετε τη διάρκεια των καρέ μέχρι να αποκτήσετε αυτό που θέλετε.

Αυτό είναι όλο!

Αν προσέξατε, στο νέο GIF αφαιρέθηκε η υπογραφήστην κάτω δεξιά γωνία. Αυτό θα κάνουμε τώρα, μόνο που θα προσθέσουμε μια επιγραφή στην εικόνα, αντί να την αφαιρέσουμε.

Γράφουμε λέξεις στο κινούμενο avatar (εικόνα).

Ανοιχτό σε Adobe ImageReadyκινούμενο avatar: Αρχείο(Αρχείο) - Ανοιξε(Ανοιξε) - …

Αυτό το gif έχει μόνο 2 πλαίσια(και 2 στρώσεις). Και το μόνο που χρειάζεται να κάνουμε είναι να προσθέσουμε μια επιγραφή. Αυτό γίνεται πολύ γρήγορα.


Γράφουμε «τις σωστές λέξεις» στην εικόνα στη σωστή θέση χρησιμοποιώντας το εργαλείο Κείμενο(όπως στο Photoshop) δημιουργείται αυτόματα ένα νέο επίπεδο στη λίστα των επιπέδων.


Ας το φτιάξουμε από κείμενο εικόνα ράστερ: στο μενού Layer - κάντε δεξί κλικ στο επίπεδο με το κείμενο και επιλέξτε Rasterize Layer από την αναπτυσσόμενη λίστα - και το κείμενο έπαψε να είναι κείμενο, τώρα είναι απλώς ένα γραφικό στοιχείο που έχει ένα (!) χρώμα, που είναι πολύ σημαντικό για το βάρος του αρχείου.


Τώρα ας δούμε τον πίνακα Κινούμενα σχέδια(Animation) στην κάτω αριστερή γωνία του παραθύρου του προγράμματος (από προεπιλογή εμφανίζεται εκεί). Εάν δεν υπάρχει, τότε πρέπει να λάβετε αυτήν την «κύλιση» (πίνακας): στο μενού Παράθυρο, επιλέξτε Κινούμενα σχέδια.


Επειδή υπάρχουν μόνο δύο πλαίσια, καλύτερα να τα δημιουργήσουμε εκ νέου:


Ανοίξτε την αναπτυσσόμενη λίστα της κύλισης Κινούμενα σχέδια και επιλέξτε Διαγραφή πλαισίου(Διαγραφή πλαισίου).

Έχουμε μόνο ένα καρέ από αυτά. Ας το "ρυθμίσουμε" - θέλουμε να δούμε την πρώτη εικόνα (Επίπεδο 1) και την επιγραφή - αφήστε τα ενεργοποιημένα (το μάτι δίπλα στο στρώμα είναι ενεργοποιημένο) και απενεργοποιήστε το "περιττό" στρώμα προς το παρόν (κάντε κλικ με το αριστερό κουμπί του ποντικιού).


Το πρώτο πλαίσιο είναι έτοιμο.

Δημιουργήστε ένα αντίγραφό του (επιλέγοντας Πλαίσιο αντιγραφήςστην αναπτυσσόμενη λίστα ή στο αντίστοιχο κουμπί στα δεξιά του "player").


Εμφανίστηκε δεύτερο πλαίσιο- έστησαν:
- περιλαμβάνεται η επιγραφή
- Απενεργοποιήθηκε το επίπεδο 1
- Ενεργοποιήθηκε το Layer 2


Λοιπόν, αυτό είναι βασικά. Εκκινήστε το πρόγραμμα αναπαραγωγής και θα δείτε ότι μια επιγραφή εμφανίζεται τώρα στο κινούμενο avatar σας.

Εάν είστε ικανοποιημένοι με τα πάντα, τότε αποθηκεύστε το αποτέλεσμα: Αρχείο - SaveOptimizedAs…

Μπορείτε να απενεργοποιήσετε τη λέξη στο δεύτερο πλαίσιο - τότε θα "τρεμοπαίζει".

Και αν θέλω η εικόνα να "τρεμοπαίζει" γράμματα της λέξης προστέθηκαν σταδιακά?

Κόβουμε τη λέξη σε ξεχωριστά γράμματα (αντιγράψτε το στρώμα με τη λέξη και σε κάθε επόμενο στρώμα σβήνουμε ένα γράμμα λιγότερο - το πρώτο στρώμα - το πρώτο γράμμα της λέξης μένει, το δεύτερο στρώμα - 2 γράμματα κ.λπ. για ολόκληρο στρώμα). Για να το κάνετε αυτό, πιάστε το επίπεδο με τη λέξη και σύρετέ το στο εικονίδιο στο κάτω μέρος της λίστας επιπέδων - το επίπεδο αντιγράφεται και εμφανίζεται στη λίστα.


Όλες οι αλλαγές σε ένα επίπεδο γίνονται όταν το επίπεδο που αλλάζει είναι ενεργό, δηλ. βρίσκεστε σε αυτό (κάντε αριστερό κλικ στο στρώμα και θα τονιστεί με πιο σκούρο χρώμα).

Τώρα το μόνο που μένει είναι να δημιουργήσετε νέα πλαίσια και σε κάθε επόμενο να συμπεριλάβετε ένα στρώμα με το προστιθέμενο γράμμα. Ταυτόχρονα, ενεργοποιήστε/απενεργοποιήστε εναλλάξ το Layer 1 και το Layer 2 (ώστε να αλλάζει όχι μόνο η λέξη, αλλά και η εικόνα).


Να τι πήραμε: