Skip to main content

Δημιουργία κινούμενου GIF με το GIMP

GIMP 2.10 Tutorial: Create an Animated GIF for Google Adwords (Ιούνιος 2026)

GIMP 2.10 Tutorial: Create an Animated GIF for Google Adwords (Ιούνιος 2026)
Anonim

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

Ανοίξτε ένα νέο έγγραφο

Σε αυτό το παράδειγμα, πρόκειται να χρησιμοποιήσουμε το GIMP για να δημιουργήσουμε ένα πολύ βασικό κινούμενο GIF web banner. Έχουμε επιλέξει το προρυθμισμένο πρότυπο Web banner κοινό 468x60. Για την κινούμενη εικόνα, μπορείτε να επιλέξετε ένα προκαθορισμένο μέγεθος ή να ορίσετε προσαρμοσμένες ιδιότητες ανάλογα με τον τρόπο με τον οποίο θα χρησιμοποιήσετε την τελική κινούμενη εικόνα.Το κινούμενό μας θα αποτελείται από επτά καρέ και κάθε καρέ θα αντιπροσωπεύεται από ένα μεμονωμένο στρώμα, πράγμα που σημαίνει ότι το τελικό αρχείο GIMP θα έχει επτά επίπεδα, συμπεριλαμβανομένου του φόντου.

Ορίστε το πλαίσιο πρώτο

Θέλουμε το animation μας να ξεκινά με ένα κενό χώρο ώστε να μην κάνουμε καμία αλλαγή στο πραγματικό Ιστορικό στρώμα που είναι ήδη απλά λευκό.Ωστόσο, πρέπει να κάνουμε μια αλλαγή στο όνομα του στρώματος στο Επίπεδα παλέτα. Κάνουμε δεξί κλικ στο Ιστορικό στο παλέτα και επιλέξτε Επεξεργασία ιδιοτήτων στρώματος. Στο Επεξεργασία ιδιοτήτων στρώματος διαλόγου που ανοίγει, προσθέτουμε (250ms) μέχρι το τέλος του ονόματος του στρώματος. Αυτό ορίζει το χρονικό διάστημα που θα εμφανίζεται αυτό το πλαίσιο στην κινούμενη εικόνα. Το ms αντιπροσωπεύει χιλιοστά του δευτερολέπτου και κάθε χιλιοστό του δευτερολέπτου είναι ένα χιλιοστό του δευτερολέπτου. Αυτό το πρώτο πλαίσιο θα εμφανιστεί για ένα τέταρτο του δευτερολέπτου.

Ορίστε το δεύτερο πλαίσιο

Θέλουμε να χρησιμοποιήσουμε ένα γραφικό αποτύπωμα για αυτό το πλαίσιο, ώστε να πάμε Αρχείο> Άνοιγμα ως στρώματα και επιλέξτε το αρχείο γραφικών μας. Αυτό τοποθετεί το αποτύπωμα σε ένα νέο στρώμα το οποίο μπορούμε να τοποθετήσουμε όπως απαιτείται χρησιμοποιώντας το Εργαλείο μετακίνησης. Όπως και με το στρώμα φόντου, πρέπει να μετονομάσουμε το στρώμα για να αντιστοιχίσουμε τον χρόνο εμφάνισης του πλαισίου. Σε αυτή την περίπτωση, επιλέξαμε 750ms.Σημείωση: στο Επίπεδα παλέτα, η νέα προεπισκόπηση στρώματος φαίνεται να δείχνει ένα μαύρο φόντο γύρω από το γραφικό, αλλά στην πραγματικότητα αυτή η περιοχή είναι διαφανής.

Τοποθετήστε τα πλαίσια 3, 4 και 5

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

Ορίστε το πλαίσιο έξι

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

Ορίστε το πλαίσιο επτά

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

Δείτε το Animation

Πριν από την αποθήκευση του κινούμενου GIF, το GIMP έχει την επιλογή να το προεπισκόπηση σε δράση πηγαίνοντας στο Φίλτρα> Κινούμενα σχέδια> Αναπαραγωγή. Αυτό ανοίγει ένα παράθυρο προεπισκόπησης με αυτονόητα κουμπιά για την αναπαραγωγή της κινούμενης εικόνας.Εάν κάτι δεν φαίνεται σωστό, μπορεί να τροποποιηθεί σε αυτό το σημείο. Διαφορετικά, μπορεί να αποθηκευτεί ως animated GIF.

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

Αποθηκεύστε το κινούμενο GIF

Η αποθήκευση ενός κινούμενου GIF είναι μια αρκετά απλή άσκηση. Πρώτα, πηγαίνετε στο Αρχείο> Αποθήκευση αντιγράφου και δώστε στο αρχείο σας ένα σχετικό όνομα και επιλέξτε πού θέλετε να αποθηκεύσετε το αρχείο σας. Πριν πιέσετε Αποθηκεύσετε, επιλέξτεΕπιλέξτε τύπο αρχείου (κατά επέκταση) προς τα κάτω αριστερά και, από τη λίστα που ανοίγει, επιλέξτε Εικόνα GIF. Στο Εξαγωγή αρχείου που ανοίγει, επιλέξτε το Αποθηκεύστε ως κινούμενη εικόνα και πατήστε το κουμπί Εξαγωγή κουμπί. Εάν εμφανιστεί μια προειδοποίηση σχετικά με στρώματα που ξεπερνούν τα όρια της πραγματικής εικόνας, επιλέξτε το Καλλιέργεια κουμπί.Αυτό θα οδηγήσει τώρα στο Αποθηκεύστε ως GIF διάλογος με ένα τμήμα του Επιλογές κινούμενων GIF. Μπορείτε να τα αφήσετε στις προεπιλογές τους, αν και θέλετε μόνο να παίζει μία κινούμενη εικόνα, πρέπει να καταργήσετε την επιλογή Βρόχο για πάντα.

συμπέρασμα

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