Δημιουργία κινουμένων σχεδίων GIF με το GIMP

Πίνακας περιεχομένων:

Δημιουργία κινουμένων σχεδίων GIF με το GIMP
Δημιουργία κινουμένων σχεδίων GIF με το GIMP
Anonim

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

Τα κινούμενα-g.webp

Πώς να φτιάξετε ένα κινούμενο-g.webp" />

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

Οι οδηγίες σε αυτό το άρθρο ισχύουν για την έκδοση 2.10.12 του GIMP.

  1. Άνοιγμα νέου εγγράφου. Σε αυτό το παράδειγμα, επιλέξαμε το προκαθορισμένο πρότυπο του Web banner μεγάλου μεγέθους για κινητά 320x100.

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

    Για αυτό το σεμινάριο, η κινούμενη εικόνα θα αποτελείται από επτά καρέ και κάθε καρέ θα αντιπροσωπεύεται από ένα μεμονωμένο επίπεδο, που σημαίνει ότι το τελικό αρχείο GIMP θα έχει επτά επίπεδα, συμπεριλαμβανομένου του φόντου.

  2. Ρύθμιση καρέ 1. Το κινούμενο σχέδιο θα ξεκινά με ένα κενό διάστημα, επομένως δεν χρειάζονται αλλαγές στο πραγματικό επίπεδο Φόντο καθώς είναι ήδη απλό λευκό.

    Ωστόσο, απαιτείται αλλαγή στο όνομα του επιπέδου στην παλέτα Layers. Κάντε δεξί κλικ στο επίπεδο Φόντο στην παλέτα και επιλέξτε Επεξεργασία χαρακτηριστικών επιπέδου.

    Image
    Image
  3. Στο παράθυρο διαλόγου Edit Layer Attributes που ανοίγει, προσθέστε το (250ms) στο τέλος του ονόματος του επιπέδου. Αυτό ορίζει το χρονικό διάστημα που θα εμφανίζεται αυτό το καρέ στην κινούμενη εικόνα. Το ms σημαίνει χιλιοστά του δευτερολέπτου και κάθε χιλιοστό του δευτερολέπτου είναι ένα χιλιοστό του δευτερολέπτου. Αυτό το πρώτο καρέ θα εμφανίζεται για ένα τέταρτο του δευτερολέπτου.

    Image
    Image
  4. Ρύθμιση καρέ δύο. Για το σεμινάριο, χρησιμοποιείται ένα γραφικό αποτύπωμα για αυτό το πλαίσιο. Μεταβείτε στο Αρχείο > Άνοιγμα ως επίπεδα και επιλέξτε το αρχείο γραφικών. Αυτό τοποθετεί το αποτύπωμα σε ένα νέο επίπεδο το οποίο μπορεί να τοποθετηθεί όπως απαιτείται χρησιμοποιώντας το Move Tool.

    Image
    Image
  5. Όπως και με το επίπεδο φόντου, αυτό το νέο επίπεδο πρέπει να μετονομαστεί για να εκχωρηθεί ο χρόνος εμφάνισης για το πλαίσιο. Σε αυτήν την περίπτωση, 750 ms.

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

    Image
    Image
  6. Ορίστε καρέ τρία, τέσσερα και πέντε. Τα επόμενα τρία καρέ είναι περισσότερα ίχνη που θα διασχίσουν το πανό. Αυτά εισάγονται με τον ίδιο τρόπο όπως το πλαίσιο δύο, χρησιμοποιώντας τα ίδια γραφικά και ένα άλλο γραφικό για το άλλο πόδι. Όπως και πριν, ο χρόνος έχει οριστεί ως 750 ms για κάθε καρέ.

    Κάθε ένα από τα επίπεδα αποτυπώματος χρειάζεται ένα λευκό φόντο, έτσι ώστε μόνο ένα πλαίσιο να είναι πάντα ορατό – επί του παρόντος, το καθένα έχει ένα διαφανές φόντο. Μπορούμε να το κάνουμε αυτό δημιουργώντας ένα νέο επίπεδο αμέσως κάτω από ένα επίπεδο αποτύπωσης, γεμίζοντας το νέο στρώμα με λευκό και, στη συνέχεια, κάνοντας δεξί κλικ στο επίπεδο αποτύπωσης και κάνοντας κλικ στο Merge Down

  7. Set Frame Six. Αυτό το πλαίσιο είναι απλώς ένα κενό πλαίσιο γεμάτο με λευκό που θα δώσει την εμφάνιση του τελικού αποτυπώματος που εξαφανίζεται πριν εμφανιστεί το τελικό πλαίσιο. Ονομάσαμε αυτό το επίπεδο Interval και επιλέξαμε να έχουμε αυτήν την οθόνη για μόλις 250 ms.

    Δεν χρειάζεται να ονομάσετε επίπεδα, αλλά μπορεί να διευκολύνει την εργασία με τα αρχεία σε επίπεδα.

    Image
    Image
  8. Set Frame Seven. Αυτό είναι το τελικό πλαίσιο και εμφανίζει κάποιο κείμενο μαζί με το λογότυπο Lifewire.com. Το πρώτο βήμα εδώ είναι να προσθέσετε ένα άλλο επίπεδο με λευκό φόντο.

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

    Image
    Image
  10. Όταν τα τακτοποιήσουμε όπως επιθυμούμε, μπορούμε να χρησιμοποιήσουμε το Merge Down για να συνδυάσουμε τα επίπεδα λογότυπου και κειμένου και στη συνέχεια να συγχωνεύσουμε αυτό το συνδυασμένο επίπεδο με το λευκό στρώμα που προστέθηκε προηγουμένως. Αυτό παράγει ένα μόνο στρώμα που θα σχηματίσει το τελικό πλαίσιο και επιλέξαμε να το εμφανίσουμε για 4000 ms.

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

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

    Image
    Image
  12. Αποθήκευση του κινούμενου GIF. Η αποθήκευση ενός κινούμενου-g.webp" />Αρχείο > Αποθηκεύστε ένα αντίγραφο και δώστε στο αρχείο σας ένα σχετικό όνομα και επιλέξτε πού θέλετε να αποθηκεύσετε το αρχείο σας.

    Image
    Image
  13. Στη συνέχεια, μεταβείτε στο Αρχείο > Εξαγωγή ως για να το αποθηκεύσετε ως κινούμενο GIF.

    Image
    Image
  14. Στο παράθυρο διαλόγου Εξαγωγή εικόνας που ανοίγει, επιλέξτε Επιλογή Τύπου αρχείου και μεταβείτε στην εικόνα-g.webp" />. Εάν λάβετε μια προειδοποίηση σχετικά με τα επίπεδα που εκτείνονται πέρα από τα πραγματικά όρια της εικόνας, επιλέξτε το κουμπί Crop.

    Image
    Image
  15. Αυτό θα οδηγήσει τώρα στο διάλογο Αποθήκευση ως GIF με μια ενότητα Επιλογές κινούμενων GIF. Μπορείτε να τα αφήσετε στις προεπιλογές τους, ωστόσο, αν θέλετε η κινούμενη εικόνα να παίζει μόνο μία φορά, θα πρέπει να καταργήσετε την επιλογή Loop forever.

    Image
    Image
  16. Τώρα μπορείτε να μοιραστείτε το κινούμενο-g.webp

Συμπέρασμα

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

Συνιστάται: