Περιεχόμενο
- Δημιουργία GIF 101
- Βήμα πρώτο: Λήψη πλαισίων σε VLC
- Βήμα δεύτερο: Συγκεντρώστε το GIF στο Photoshop
- Μικρότερο μέγεθος αρχείου
Η Έλεν είναι online συγγραφέας για πάνω από δώδεκα χρόνια. Τα άρθρα της επικεντρώνονται σε όλα, από την κηπουρική έως τη μηχανική.
Δημιουργία GIF 101
Υπάρχουν διάφοροι διαδικτυακοί κατασκευαστές GIF, αλλά δεν με ικανοποιούν. Πρέπει να είμαι σε θέση να κάνω GIF γρήγορα και εύκολα ως κινούμενα εικονίδια για το Tumblr και άλλους ιστότοπους κοινωνικών μέσων. Έτσι, τελικά έμαθα να μάθω πώς.
Αυτό το σεμινάριο είναι ειδικά για MacOSX, VLC Player (το οποίο είναι δωρεάν) και το Photoshop (το οποίο κοστίζει το πρώτο σας παιδί και μια στεγαστική υποθήκη).
Το VLC προορίζεται για τη δημιουργία screencaps και το Photoshop για τη μετατροπή τους σε GIF.
Για να ξεκινήσετε, ας βρούμε μια ταινία. Φυσικά, θαμμένος στον κατάλογο iPhotos, έχω ταινίες με τη γάτα μου.
Βήμα πρώτο: Λήψη πλαισίων σε VLC
- Σύρετε το αρχείο ταινίας στο εικονίδιο της εφαρμογής VLC στο Dock ή Αρχείο> Άνοιγμα αρχείου από το VLC.
- Στο μενού Αναπαραγωγή, ρυθμίστε την ταχύτητα αναπαραγωγής σε χαμηλότερη από την κανονική, δίνοντάς σας περισσότερα καρέ για εργασία.
- Τώρα μετακινήστε το χρονοδιάγραμμα της ταινίας προς τα εμπρός μέχρι λίγο πριν από τη σειρά που θέλετε να τραβήξετε. (Μπορείτε να ρίξετε άχρηστα καρέ.)
Θεωρητικά, θα πρέπει να μπορείτε να δημιουργήσετε και να επιλέξετε έναν φάκελο στον οποίο το VLC θα αποθηκεύσει όλα τα screencaps σας, όπως αυτό:
VLC> Προτιμήσεις ...> Παράθυρο βίντεο> Φάκελος> Αναζήτηση ...
Στην πράξη, η έκδοση του VLC μου έριξε όλα τα screencaps στο φάκελο User> Pictures και έπειτα έπρεπε να πάω εκεί και να τα μεταφέρω στο φάκελο screencap που είχα δημιουργήσει για αυτούς.
Σε κάθε περίπτωση, για να καταγράψετε καρέ σε VLC, πατήστε play (ή Spacebar) και μετά κρατήστε πατημένο το Command-Option-S καθώς το VLC αναπαράγει τα καρέ που θέλετε να τραβήξετε.
Αυτό εξοικονομεί screencaps μέχρι να το αφήσετε.
Θα δείτε ότι το όνομα αρχείου κάθε screencap εμφανίζεται σε λευκό καθώς είναι αποθηκευμένο (μην ανησυχείτε, αυτά τα γράμματα δεν αποθηκεύονται).
Τώρα ήρθε η ώρα για το Photoshop.
Βήμα δεύτερο: Συγκεντρώστε το GIF στο Photoshop
Εδώ είναι ένα από αυτά τα περίεργα μέρη του Photoshop που δεν γνωρίζαμε ποτέ ότι υπήρχε.
Μενού αρχείων> Σενάρια> Φόρτωση αρχείων σε στοίβα ...
σας επιτρέπει να φορτώσετε μια δέσμη μεμονωμένων αρχείων γραφικών στο ίδιο έγγραφο του Photoshop ως στρώματα.
Ξεφυλλίζω... για να βρείτε και να επιλέξετε τα screencaps που θέλετε να χρησιμοποιήσετε για την κινούμενη εικόνα σας. (Μπορείτε να διαγράψετε καρέ που δεν χρειάζεστε στο Photoshop, αλλά είναι πιο εύκολο απλώς να επιλέξετε αυτά που χρειάζεστε).
Εντάξει για να φορτώσετε αυτά που έχετε επιλέξει.
Ανοίξτε τα επίπεδα κάτω από το μενού Παράθυρο (Ή πατήστε F7) εάν το παράθυρο δεν είναι ήδη ορατό:
Άνοιγμα κινούμενης εικόνας κάτω από το μενού Παράθυρο.
Στο εφηβικό αναπτυσσόμενο μενού στην επάνω δεξιά πλευρά του παραθύρου Animation, επιλέξτε Δημιουργία πλαισίων από επίπεδα.
Βόιλα! Τώρα έχετε ένα κινούμενο σχέδιο όλων των ορίων οθόνης που έχετε φορτώσει.
Εκτός αν είναι σε αντίστροφη σειρά. ΑΡΓΗ. Μερικές φορές, αυτό δεν έχει σημασία, αλλά αν ισχύει, τότε έχετε δύο επιλογές.
- Σε πιο πρόσφατες εκδόσεις του Photoshop, το αναπτυσσόμενο μενού του παραθύρου Animation (το οποίο μπορεί τώρα να ονομάζεται Χρονολόγιο), υπάρχει Αντίστροφα πλαίσια επιλογή. Επιλέξτε πρώτα όλα τα καρέ στο παράθυρο κινούμενης εικόνας, διαφορετικά η επιλογή θα είναι γκρι.
Εδώ βρίσκεται η επιλογή "Reverse Frames" στην έκδοση του Photoshop, αλλά έχει μετακινηθεί σε πιο πρόσφατες εκδόσεις. Δείτε αυτό το σεμινάριο για το πού να βρείτε το "Reverse Frames" σε άλλες εκδόσεις του Photoshop.
- Εάν έχετε παλαιότερες εκδόσεις του Photoshop, ενδέχεται να μην υπάρχει αυτόματος τρόπος αντιστροφής πλαισίων. Σε αυτήν την περίπτωση, πρέπει είτε να σύρετε τα καρέ στη σωστή σειρά με το χέρι (EW!) Είτε να δημιουργήσετε μια εφαρμογή Automator που αποθηκεύει μαγικά όλα τα αρχεία σε ένα φάκελο εικόνας με αντίστροφη σειρά. Και έπειτα, όταν τα φορτώνετε στο Photoshop με Φόρτωση αρχείων σε στοίβα και Δημιουργία πλαισίων από επίπεδα, θα καταλήξουν στη σωστή σειρά.
Εντάξει, θα υποθέσω ότι έχετε τώρα τις εικόνες με τη σωστή σειρά. Κάντε κλικ στο βέλος Αναπαραγωγή για να δείτε πώς φαίνεται.
Ίσως θέλετε να ορίσετε μια μικρή καθυστέρηση για την αναπαραγωγή.
Επιλέξτε ΟΛΑ τα καρέ στον πίνακα "Κινούμενα σχέδια" κάνοντας κλικ στο πρώτο πλαίσιο και, στη συνέχεια, μετακινηθείτε προς τα δεξιά και κάντε κλικ με το πάτημα του τελικού καρέ.
Κάντε κλικ στο κάτω βέλος κάτω από ένα από αυτά και επιλέξτε "Άλλο" για να ορίσετε πόσο θα εμφανίζεται κάθε καρέ πριν προχωρήσετε στο επόμενο κελί της κινούμενης εικόνας.
Προτείνω καθυστέρηση περίπου 0,1 δευτερολέπτων.
Τώρα είναι καιρός για προαιρετική επεξεργασία για να διορθώσετε τον φωτισμό, το χρωματισμό, τη ζωντάνια και τα λοιπά της κινούμενης εικόνας σας.
Θα τα κάνουμε χρησιμοποιώντας Επίπεδα προσαρμογής που εφαρμόζουν το ίδιο αποτέλεσμα σε κάθε καρέ στο κινούμενο σχέδιο.
Κάντε κλικ στο μικροσκοπικό αναπτυσσόμενο μενού στο επάνω δεξιό τμήμα του παραθύρου Animation και βεβαιωθείτε ότι έχει επιλεγεί το "New Layers Visible in All Frames". Αυτό σημαίνει ότι εάν δημιουργήσετε νέα επίπεδα (π.χ. σχήματα, κείμενο ή τα επίπεδα προσαρμογής που πρόκειται να δημιουργήσουμε), θα ενεργοποιηθούν αυτόματα για κάθε πλαίσιο της κινούμενης εικόνας. (Καταργήστε αυτήν την επιλογή εάν θέλετε να δημιουργήσετε λεζάντες κειμένου ή άλλα εφέ που αλλάζουν από καρέ σε καρέ.)
Το αγαπημένο μου είδος προσαρμογής στρώμα είναι η έκθεση, η οποία σας επιτρέπει να ρυθμίσετε τη φωτεινότητα / το φωτισμό. (Το ίδιο ισχύει και για τα επίπεδα, τις καμπύλες και τη φωτεινότητα / αντίθεση, αλλά η έκθεση είναι συνήθως το πιο εύκολο εργαλείο για την ολοκλήρωση της εργασίας.)
Ετσι.
Στο μενού Layers, κάντε κλικ στο TOP layer, που είναι στην πραγματικότητα το τελευταίο screencap της παρτίδας.
Χρησιμοποιήστε τα ρυθμιστικά στο επίπεδο ρύθμισης έκθεσης για να φωτίσετε, να σκουρύνετε ή να τροποποιήσετε τις φωτεινές / σκοτεινές περιοχές της εικόνας.
Άλλα χρήσιμα επίπεδα προσαρμογής που ίσως θέλετε να δοκιμάσετε:
- Καμπύλες: Για συντονισμό φωτεινών περιοχών, σκοτεινών περιοχών και μεσαίων τόνων.
- Ζωτικότητα: Βοηθά να "αναδυθεί" διαφορετικά μέρη της εικόνας (ή δοκιμάστε να ρυθμίσετε τον κορεσμό).
- Φίλτρο φωτογραφιών: Γρήγορος τρόπος για να προσθέσετε λίγο φως του ήλιου ή ζεστασιά σε μια σκηνή.
- Επιλεκτικό χρώμα: Αυτός είναι ο αγαπημένος μου τρόπος για να τροποποιήσετε το χρώμα.
Π.χ., οι αποχρώσεις του δέρματος των ανθρώπων φαίνονται λίγο άρρωστοι, χάρη στον πράσινο, μπλε ή κίτρινο φωτισμό; Στη συνέχεια, προσθέστε ένα επίπεδο επιλεκτικής ρύθμισης χρώματος, επιλέξτε το κίτρινο κανάλι και χρησιμοποιήστε τα ρυθμιστικά για να μειώσετε το κίτρινο και / ή το κυανό.
Επιλεκτική συμβουλή χρωμάτων: Για να μάθετε ποια μέρη της φωτογραφίας επηρεάζετε με κάθε κανάλι, μετακινήστε το μαύρο ρυθμιστικό εμπρός και πίσω για να δείτε τι γίνεται πιο φωτεινό ή πιο σκοτεινό.
Ας δείξουμε μερικά παραδείγματα του τρόπου με τον οποίο χρησιμοποιώ τα επίπεδα επιλεκτικής προσαρμογής χρώματος.
1) Θέλω να αναφέρω λίγο περισσότερες λεπτομέρειες στις υπερβολικά εκτεθειμένες λευκές περιοχές της γάτας μου. Έτσι δημιούργησα ένα Επίπεδο προσαρμογής> Επιλεκτικό χρώμα, επέλεξε το Λευκό κανάλι από το μενού "Χρώματα" και ανέβασε το μαύρο (καθώς επίσης και προσθέτοντας μια κίτρινη παύλα για να ταιριάζει με το φως του ήλιου).
2) Παίζοντας με γενικό χρωματισμό, επέλεξα το κανάλι Reds από το μενού χρωμάτων και έβγαλα τα Magenta και Yellow για να κάνω τα τούβλα να αναδύονται λίγο πιο έντονα:
Στην παρακάτω οθόνη, η αριστερή πλευρά δείχνει την εικόνα με το επίπεδο ρύθμισης Selective Colors που μόλις έκανα απενεργοποιημένο, το δεξί δείχνει ότι είναι ενεργοποιημένο. Κοιτάξτε προσεκτικά τα τούβλα και τις λευκές περιοχές της γάτας και θα δείτε τη διαφορά (ελπίζω).
Σας υπενθυμίζουμε ότι μερικές από αυτές τις λεπτομέρειες θα χαθούν όταν συμπιέσουμε αυτήν την εικόνα σε ένα GIF, οπότε μην πάρετε πολύ τρελός με τσίμπημα φωτισμού και χρωματισμού. Αλλά μπορείτε επίσης να ξεκινήσετε με τις καθαρότερες εικόνες που μπορείτε.
Πατήστε το κουμπί αναπαραγωγής στην κινούμενη εικόνα για να δείτε πώς φαίνεται.
Μόλις είστε ικανοποιημένοι με την κινούμενη εικόνα, πριν από την καλλιέργεια,επιλέγω Αποθήκευση ως... και αποθηκεύστε το όλο ως έγγραφο του Photoshop. Με αυτόν τον τρόπο έχετε αποθηκεύσει όλα τα επίπεδα και τα καρέ σας σε πλήρες μέγεθος, σε περίπτωση που πρέπει να επιστρέψετε και να το επεξεργαστείτε αργότερα.
Τώρα είναι ώρα να καλλιεργήσετε.
Συχνά, δημιουργώ 100x100 κινούμενα εικονίδια για το Tumblr.
Πρώτα, πιάστε το Περικοπή εργαλείου και κρατήστε πατημένο το Shift για να επιλέξετε μια τετραγωνική περιοχή.
Παίξτε το κινούμενο σχέδιο για να βεβαιωθείτε ότι δεν έχετε κόψει κάτι που χρειάζεστε. Αν χρειαστεί, κάντε αναίρεση και δοκιμάστε ξανά.
Μόλις έχετε μια τετραγωνική καλλιέργεια,
Εικόνα> Μέγεθος εικόνας ...> 100x100 ή οποιουδήποτε μεγέθους στοχεύετε.
Παίξτε ξανά, Σαμ!
Όλα φαίνονται καλά; Ώρα να αποθηκεύσετε την κινούμενη εικόνα σας!
Αρχείο> Αποθήκευση για Web και συσκευές ....
- Επιλέξτε GIF.
- Ξέχασα να απενεργοποιήσω τη Διαφάνεια εδώ, αλλά είναι καλύτερο να το καταργήσετε μόνο για να βεβαιωθείτε.
- Κάτω δεξιά, χρησιμοποιήστε τα βέλη προς τα εμπρός και προς τα πίσω για να αποφασίσετε ποιο πλαίσιο θέλετε ως αρχή (θα φορτωθεί πρώτα σε ιστότοπους όπως το Tumblr πριν από την αναπαραγωγή της κινούμενης εικόνας.
- Βεβαιωθείτε ότι το Looping έχει οριστεί για πάντα.
- ΣΩΣΕΙ!
Μικρότερο μέγεθος αρχείου
Για ένα μόνο κινούμενο εικονίδιο 100x100 pixel, οι παραπάνω οδηγίες είναι εξαιρετικές.
Ωστόσο, μπορεί να θέλετε μια καλλιέργεια μεγαλύτερου μεγέθους. Αυτό σημαίνει περισσότερα pixel, περισσότερη μνήμη και μεγάλο μέγεθος αρχείου. Στη συνέχεια, θα πρέπει να ξεκινήσετε την περικοπή για να μειώσετε το μέγεθος του αρχείου, ώστε να φορτώνει πιο γρήγορα και / ή να μπαίνει κάτω από τους περιορισμούς μεγέθους αρχείου για τον ιστότοπό σας.
Συμβουλές για τη μείωση του μεγέθους του αρχείου:
- Διαγράψτε τυχόν πλαίσια που δεν χρειάζεστε. (Μέχρι και συμπεριλαμβανομένης της επιστροφής στο VLC και αύξηση της ταχύτητας αναπαραγωγής, εάν είστε απελπισμένοι).
- Περικοπή και μείωση του μεγέθους της εικόνας όσο μπορείτε.
- Κατά την αποθήκευση του GIF, μειώστε τον αριθμό των χρωμάτων.
- Ή μπορείτε να χρησιμοποιήσετε ένα Posterize Adjustment Layer για να απλοποιήσετε τα χρώματα.
- Όσο πιο σκοτεινές ή ομοιόμορφες περιοχές υπάρχουν, τόσο μικρότερο είναι το μέγεθος του αρχείου.
- Δοκιμάστε την επιλογή "Βελτιστοποίηση πλαισίων" στο εφηβικό αναπτυσσόμενο μενού του παραθύρου Animation.
- Ακολουθούν περισσότερες συμβουλές για τη μείωση του μεγέθους του αρχείου.
Αυτό το άρθρο είναι ακριβές και πιστό από ό, τι γνωρίζουν οι συγγραφείς. Το περιεχόμενο προορίζεται μόνο για ενημερωτικούς ή ψυχαγωγικούς σκοπούς και δεν υποκαθιστά προσωπικές συμβουλές ή επαγγελματικές συμβουλές σε επιχειρηματικά, οικονομικά, νομικά ή τεχνικά θέματα.
