Πρόσφατα τράβηξα μερικές αστείες φωτογραφίες του ξαδέρφου μου και ήθελα να δημιουργήσω το δικό μου κινούμενο GIF αντί να χρησιμοποιήσω το "Auto Awesome" που δημιουργήθηκε αυτόματα από το Google+ . Δεδομένου ότι έχω εγκατεστημένο το Photoshop CS6 , σκέφτηκα ότι θα το κάνω μια φωτογραφία και θα δω τι θα συμβεί. Στην αρχή, νόμιζα ότι θα ήταν αρκετά απλό: εισαγάγετε τις εικόνες σε ξεχωριστά επίπεδα και, στη συνέχεια, απλώς αποθηκεύστε τις ως αρχείο GIF με κινούμενα σχέδια. Λανθασμένος!

Εάν προσπαθήσετε να δημιουργήσετε το GIF με αυτόν τον τρόπο, θα παρατηρήσετε ότι η ενότητα Κινούμενη εικόνα στο παράθυρο διαλόγου ^(Animation)Αποθήκευση^(Save) για Web είναι γκριζαρισμένη. Προκειμένου να το ενεργοποιήσετε ώστε να μπορείτε να επιλέξετε τις επιλογές επαναφοράς, πρέπει να δημιουργήσετε αυτό που ονομάζεται Κινούμενη εικόνα καρέ^{(Frame Animation)} στο Photoshop CS6 . Ακούγεται περίπλοκο, αλλά είναι αρκετά εύκολο να γίνει. Σε αυτήν την ανάρτηση, θα σας καθοδηγήσω στα βήματα για τη δημιουργία του δικού σας κινούμενου GIF χρησιμοποιώντας στατικές εικόνες.

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

Βήμα 1 – Εισαγωγή όλων των εικόνων

Το πρώτο πράγμα που θα χρειαστεί να κάνετε είναι να εισάγετε όλες τις εικόνες σας σε ξεχωριστά επίπεδα σε ένα αρχείο photoshop. Έτσι, εάν έχετε 6 εικόνες, για παράδειγμα, ανοίξτε τις όλες στο Photoshop και στη συνέχεια δημιουργήστε ένα νέο αρχείο και αντιγράψτε και επικολλήστε κάθε μία από τις εικόνες σε ένα ξεχωριστό επίπεδο στο νέο αρχείο. Το επίπεδο 1^{(Layer 1)} πρέπει να είναι η αρχική σας εικόνα και το τελευταίο επίπεδο πρέπει να είναι η τελευταία εικόνα στο κινούμενο σχέδιο.

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

Βήμα 2 – Δημιουργία κινούμενων εικόνων πλαισίου

Το δεύτερο βήμα είναι να δημιουργήσετε το πραγματικό animation στο ίδιο το Photoshop . Για να το κάνετε αυτό, πρέπει πρώτα να ανοίξετε το παράθυρο Timeline . Μεταβείτε στο Παράθυρο^(Window) και επιλέξτε Χρονοδιάγραμμα^(Timeline) .

Τώρα θα δείτε το παράθυρο Timeline ανοιχτό στο κάτω μέρος της οθόνης. Θα πρέπει να είναι εντελώς άδειο για αρχή. Τώρα για να δημιουργήσετε μια κινούμενη εικόνα καρέ, απλώς κάντε δεξί κλικ οπουδήποτε στο πλαίσιο Χρονοδιάγραμμα^(Timeline) και επιλέξτε Δημιουργία κινούμενης εικόνας καρέ^{(Create Frame Animation)} .

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

Αντίθετα, θέλουμε να συμπεριληφθούν όλα τα επίπεδα στο κινούμενο σχέδιο. Για να το κάνουμε αυτό, πρέπει να κάνουμε κλικ στο μικροσκοπικό κουμπί κάτω βέλους στη δεξιά άκρη του παραθύρου Timeline . Έχει ένα μικρό βέλος προς τα κάτω και μετά μερικές οριζόντιες γραμμές δίπλα του. όταν κάνετε κλικ σε αυτό, θα δείτε μια επιλογή που ονομάζεται Δημιουργία πλαισίων από επίπεδα^{(Make Frames From Layers)} .

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

Όπως μπορείτε να δείτε παραπάνω, το πρώτο καρέ είναι 5 δευτερόλεπτα και μετά τα υπόλοιπα ορίζονται στο 0. Θα πρέπει να τα προσαρμόσετε ανάλογα, αλλά μπορείτε επίσης να επιλέξετε ένα προσαρμοσμένο χρονικό διάστημα.

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

Βήμα 3 – Αποθήκευση αρχείου GIF

Τώρα είναι ώρα να αποθηκεύσετε το κινούμενο GIF σας . Για να το κάνετε αυτό, μεταβείτε στο Αρχείο^(File) και κάντε κλικ στο Save for Web . Στο κάτω μέρος του διαλόγου αποθήκευσης, θα δείτε την ενότητα Κινούμενη εικόνα^(Animation) , η οποία δεν θα πρέπει πλέον να είναι γκριζαρισμένη.

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

συμπέρασμα

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

Δεύτερον, εάν έχετε ένα βίντεο, τότε μπορείτε να εισαγάγετε τα καρέ βίντεο σε επίπεδα αυτόματα μεταβαίνοντας στο Αρχείο^(File) , στη συνέχεια στην Εισαγωγή^(Import) και κάνοντας κλικ στο Κάδρο βίντεο σε επίπεδα^{(Video Frames to Layers)} .

Αυτό είναι λοιπόν το μόνο που υπάρχει. Και πάλι^(Again) , για να διαχειριστείτε το μέγεθος, ίσως χρειαστεί να μειώσετε την ποιότητα των εικόνων για να δημιουργήσετε ένα μικρό αρχείο GIF . Απολαμβάνω!

How to Create Animated GIFs from Images using Photoshop CS6

I recently took some funny pictureѕ of my cousin аnd wanted to create my own anіmated GIF inѕtead of using the “Auto Aweѕome” onе created automatically by Google+. Ѕince І have Photoshop CS6 installed, I figured I wоuld give it a shot and see what happens. At first, I thought it would bе fairly straight-forward: import the images into separate layers and then just save it out as a GIF file with animation. Wrong!

If you try to create the GIF in this manner, you’ll notice that the Animation section in the Save for Web dialog is greyed out. In order to get that activated so you can choose the looping options, you have to create what’s called a Frame Animation in Photoshop CS6. It sounds complicated, but it’s pretty easy to do. In this post, I’ll walk you through the steps for creating your own animated GIF using still images.

I’ll also mention how to import a video and convert that into an animated GIF. Only the import process differs when importing a video, the rest of the steps remain the same.

Step 1 – Import All Images

The first thing you’re going to need to do is import all your images into separate layers in one photoshop file. So if you have 6 images, for example, open all of them in Photoshop and then create a new file and copy and paste each of the images into a separate layer in the new file. Layer 1 should be your starting picture and the last layer should be the last picture in the animation.

This part of the process probably will take up the most time out of all the steps. There is probably an easier and faster way to do this in Photoshop, but since I’m no pro user, I manually copy and pasted each image into a new Photoshop file. If you know of a faster way, please let me know in the comments.

Step 2 – Create Frame Animation

The second step is to create the actual animation in Photoshop itself. In order to do this, you first have to open the Timeline window. Go up to Window and choose Timeline.

Now you will see the Timeline window open at the bottom of the screen. It should be completely empty to start with. Now to create a frame animation, simply right-click anywhere in the Timeline box and choose Create Frame Animation.

When you do this, you’ll now see only one image in the timeline with a small little 1 in the top left corner. It will either be the image you have selected in the Layers panel or it’ll be the most recently added layer (last image in the animation). At this point, it’s a one frame animation, which is not what we want.

Instead, we want all the layers to be included in the animation. In order to do this, we have to click on the tiny little down arrow button at the far right of the Timeline window. It’s got a small down arrow and then a couple of horizontal lines next to it. when you click on that, you’ll see an option called Make Frames From Layers.

Now you should see a frame for each layer that you have in your file. Each frame will also have a little drop down below the image that lets you select the length of time that each frame should be displayed.

As you can see above, the first frame is 5 seconds and then the rest are set to 0. You will have to adjust them accordingly, but you can pick a custom amount of time also.

Once you have selected the time for each frame, you’re ready for the final step, which is saving out your new animation to a GIF file.

Step 3 – Save GIF File

Now it’s time to save your animated GIF. To do this, go to File and click on Save for Web. At the very bottom of the save dialog, you will see the Animation section, which should no longer be greyed out.

Your options here are pretty easy to understand. You can really only choose how you want it to loop and then preview the animation before saving it. That’s about it! Hopefully this guide will help you create your animated GIF in Photoshop CS6 without a hitch!

Conclusion

There are a couple of things worth mentioning. Firstly, if you find the animated GIF is too large, then you will first need to reduce the size of the individual images before you create your final Photoshop file with the multiple layers. You can either crop the images if you only need a portion of the photos to create the animation or you can reduce the size of the whole image.

Secondly, if you have a video, then you can import the video frames into layers automatically by going to File, then Import and clicking on Video Frames to Layers.

So that’s all there is to it. Again, in order to manage the size, you might have to reduce the quality of the images in order to create a small GIF file. Enjoy!

Related posts

• Πώς να αποθηκεύσετε κινούμενα GIF σε κινητό και υπολογιστή

• Πώς να κάνετε μάσκα στο Photoshop για απόκρυψη επιπέδων

• Πώς να μετατρέψετε πολλές εικόνες σε αρχεία PDF

• Πώς να προσθέσετε ένα φόντο σε μια εικόνα πράσινης οθόνης στο Photoshop

• 7 εύκολες τροποποιήσεις εικόνας που μπορείτε να κάνετε στο Photoshop

• Πώς να ανοίξετε ένα αρχείο χωρίς επέκταση

• Πώς να δημιουργήσετε ένα PDF πολλών σελίδων στο Photoshop

• Πώς να σχεδιάσετε ευθείες γραμμές στο Photoshop

• Τεχνολογία επίπεδων οθονών απομυθοποιημένη: TN, IPS, VA, OLED και άλλα

• Πώς να βρείτε αναμνήσεις στο Facebook

• Πώς να δημιουργήσετε ένα διαφανές φόντο στο GIMP

• Πώς να τραβήξετε ακίνητες εικόνες από βίντεο ή DVD

• Πώς να δημιουργήσετε ένα GIF από ένα βίντεο χρησιμοποιώντας το Photoshop CC

• Πώς να κατεβάσετε τα βίντεο Twitch

• 7 γρήγορες επιδιορθώσεις όταν το Minecraft συνεχίζει να καταρρέει

• OLED vs MicroLED: Πρέπει να περιμένετε;

• Πώς να κατεβάσετε και να εγκαταστήσετε το Peacock στο Firestick

• Πώς να εντοπίσετε λογισμικό παρακολούθησης ή κατασκοπείας υπολογιστή και email

• Πώς να διορθώσετε τον κωδικό σφάλματος 83 της Disney Plus

• Τι είναι η λειτουργία Discord Streamer Mode και πώς να τη ρυθμίσετε