Με λίγη εξάσκηση και υπομονή, μπορείτε να μάθετε πώς να κάνετε κινούμενα σχέδια στο Photoshop και να μετατρέπετε την εργασία σας σε GIF για κοινή χρήση στο διαδίκτυο. Τα εργαλεία κινούμενων σχεδίων του Photoshop^(Photoshop) είναι συχνά άγνωστα, αλλά αξίζει να τα μάθετε. Θα σας καθοδηγήσουμε σε κάθε βήμα που είναι απαραίτητο για να μάθετε πώς να κάνετε κίνηση στο Photoshop .

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

Ξεκινήστε φτιάχνοντας τα καρέ κινουμένων σχεδίων σας στο Photoshop^{(Start By Making Your Animation Frames In Photoshop)}

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

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

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

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

Πώς να κάνετε κίνηση σε μια ακολουθία εικόνων στο Photoshop^{(How To Animate a Sequence Of Images In Photoshop)}

Μόλις έχετε τις εικόνες καρέ-καρέ, ήρθε η ώρα να τις μετατρέψετε σε κινούμενη εικόνα. Φροντίστε^(Make) να ακολουθήσετε προσεκτικά τα παρακάτω βήματα.

1. Κάντε κλικ στο Αρχείο^(File) , κάντε κλικ στην επιλογή Σενάρια^(Scripts) και, στη συνέχεια, κάντε κλικ στην επιλογή Φόρτωση αρχείων στη στοίβα..^{( Load Files Into Stack..)}
2. Κάντε κλικ στο Browse… και επιλέξτε όλα τα καρέ για το animation σας.
3. Κάντε κλικ στο OK^(OK) και περιμένετε να φορτωθούν οι εικόνες σε ξεχωριστά επίπεδα.
4. Κάντε κλικ στο Παράθυρο^(Window) και στη συνέχεια στο Χρονοδιάγραμμα^(Timeline) για να ανοίξετε το παράθυρο κινούμενων εικόνων.
5. Κάντε κλικ στο αναπτυσσόμενο βέλος^{(dropdown arrow)} στο πλαίσιο της γραμμής χρόνου και επιλέξτε Δημιουργία κινούμενης εικόνας πλαισίου^{(Create Frame Animation)} .
6. Κάντε κλικ στο Create Frame Animation^{(Create Frame Animation)} . 

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

1. Κάντε κλικ στην επιλογή Επιλογή^{( Select )} στο επάνω μέρος και, στη συνέχεια, κάντε κλικ στην επιλογή Όλα τα επίπεδα.^{(All Layers.)}
2. Κάντε κλικ στο εικονίδιο μενού τριών στοίβων^{( three stack menu icon)} στην αριστερή πλευρά του πλαισίου της γραμμής χρόνου.
3. Στο μενού που εμφανίζεται, κάντε κλικ στην επιλογή Δημιουργία νέου επιπέδου για κάθε νέο πλαίσιο^{(Create New Layer for Each New Frame)} .
4. Κάντε κλικ στο εικονίδιο του μενού με τις τρεις στοίβες^{( three stack menu icon)} και τώρα κάντε κλικ στην επιλογή Δημιουργία πλαισίων από επίπεδα^{(Make Frames From Layers)} .

Τώρα θα έχετε όλες τις εικόνες σας φορτωμένες σε ξεχωριστά πλαίσια. Η επόμενη εργασία είναι να επιλέξετε μια ώρα για τη διάρκεια της αναπαραγωγής κάθε καρέ. Μπορεί να χρειαστούν κάποιες δοκιμές για να λάβετε τη σωστή ταχύτητα, αλλά μπορείτε να επιλέξετε τον χρόνο καρέ για κάθε μεμονωμένο καρέ κάνοντας κλικ στο βέλος κάτω από κάθε πλαίσιο^{(the arrow under each frame )} δίπλα στο κείμενο των 0 δευτερολέπτων^{( 0 sec)} .

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

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

Διακόπτης χρονοδιαγράμματος^{(Timeline Switch)}

Αλλάξτε τη γραμμή χρόνου μεταξύ μιας γραμμής χρόνου καρέ-καρέ και μιας παραδοσιακής γραμμής χρόνου ταινίας.

Ποσό αναπαραγωγής^{(Playback Amount)}

Αλλάξτε^(Change) εάν η κινούμενη εικόνα θα παίζει για πάντα ή για έναν συγκεκριμένο αριθμό βρόχων πριν σταματήσει. Αυτό θα επηρεάσει το τελικό αποτέλεσμα μόλις αποθηκευτεί ως GIF . Μπορείτε να αλλάξετε ξανά αυτήν τη ρύθμιση προτού εξαγάγετε την κινούμενη εικόνα αργότερα.

Αναπτυσσόμενο μενού αναπαραγωγής^{(Playback Dropdown)} 

Το αναπτυσσόμενο βέλος που βλέπετε στα στοιχεία ελέγχου της γραμμής χρόνου είναι μια άλλη μέθοδος πρόσβασης στο ποσό αναπαραγωγής.

Χειριστήρια αναπαραγωγής^{(Playback Controls)}

Αναπαραγωγή^(Play) , παύση, διακοπή και μετάβαση της κινούμενης εικόνας στο τέλος ή στην αρχή με τα τέσσερα διαθέσιμα χειριστήρια αναπαραγωγής.

Tween

Χρησιμοποιήστε τη λειτουργία Tween για να δημιουργήσετε καρέ "ενδιάμεσα" για να κάνετε το κινούμενο σχέδιο σας να φαίνεται πιο ομαλό. Η δυνατότητα Tween θα εξηγηθεί με περισσότερες λεπτομέρειες παρακάτω.

Διπλότυπο πλαίσιο^{(Duplicate Frame)}

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

Διαγραφή πλαισίου^{(Delete Frame)}

Αυτή η επιλογή θα διαγράψει οποιοδήποτε επιλεγμένο πλαίσιο.

Πώς να εξαγάγετε το κινούμενο σχέδιο του Photoshop^{(How To Export Your Photoshop Animation)}

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

1. Κάντε κλικ στο Νέο^(New) .
2. Κάντε κλικ στην Εξαγωγή^(Export) και, στη συνέχεια, κάντε κλικ στην επιλογή Αποθήκευση για τον Ιστό (παλαιού τύπου)…^{(Save for Web (Legacy)…)}
3. Εάν έχετε ένα κινούμενο σχέδιο με λεπτομερή χρώματα, επιλέξτε GIF 128 Dithered κάτω από το προκαθορισμένο αναπτυσσόμενο μενού.
4. Εάν έχετε ένα κινούμενο σχέδιο με απλά χρώματα μπλοκ, επιλέξτε GIF 128 No Dither .
5. Βεβαιωθείτε^(Make) ότι έχετε ορίσει την προτιμώμενη επιλογή στις Επιλογές βρόχου^{(Looping Options)} στο κάτω μέρος. 
6. Τέλος, κάντε κλικ στην Αποθήκευση…^(Save…) και επιλέξτε ένα μέρος για να αποθηκεύσετε το GIF σας στον υπολογιστή σας.

Πώς να κάνετε ένα κινούμενο σχέδιο ομαλό στο Photoshop^{(How To Make An Animation Smooth In Photoshop)}

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

Για να το κάνετε αυτό, κρατήστε πατημένο το πλήκτρο shift , κάντε κλικ σε δύο μεμονωμένα πλαίσια στο παράθυρο της γραμμής χρόνου και κάντε κλικ στο εικονίδιο Tween^{(Tween icon)} . Στη συνέχεια, κάντε κλικ για να επιλέξετε εάν η ρύθμιση Tween θα χρησιμοποιεί θέση, αδιαφάνεια^{(position, opacity)} ή εφέ^(effects) . Για τα περισσότερα κινούμενα σχέδια που βασίζονται στην κίνηση, θα θέλετε να χρησιμοποιήσετε τη θέση^(position) . 

Βεβαιωθείτε ότι έχουν επιλεγεί όλα τα επίπεδα και, στη συνέχεια, κάντε κλικ ^{(All Layers)}στο OK^(OK) . Επαναλάβετε αυτή τη διαδικασία για κάθε ζευγοποιημένο πλαίσιο. Για παράδειγμα το πλαίσιο 1 και 2, μετά το πλαίσιο 3 και 4 και ούτω καθεξής.

Περίληψη^(Summary)

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

How To Animate An Image In Photoshop

Wіth some practicе and patience, you can learn how to animate in Photoshop and turn your work into a GIF to share online. Photoshop’s animation tools are often unknown but they’re well worth learning. We will be taking you through each step necessary to learn how to animate in Photoshop.

Like most animation tools, you’ll need to create each frame as separate images, so you’ll need to set aside some time to create each frame manually, especially if you plan to make a complicated animation.

Start By Making Your Animation Frames In Photoshop

To begin with, you’ll need to save a separate image for each of the frames you plan to use. It’s up to you how complex you want to make your animation, but for this test we’ll be creating a simple animated logo.

The trick for learning how to animate in Photoshop is to make small movements and save a new photo each time you make a movement. Each movement should have the same weight to it. For example, if you want a line of text to slide across the screen, each frame should make the text move the same number of pixels so the animation looks smooth.

If you’re not sure how you can get from point A to B in your animation, start with the end frame first, then create the first frame. Finally, fill in the frames in between.

As you save each image, name them numerically so that you don’t get confused with their position.

How To Animate a Sequence Of Images In Photoshop

Once you have your frame-by-frame images it’s time to turn them into an animation. Make sure to follow the steps below carefully.

1. Click File, Click Scripts, then click Load Files Into Stack..
2. Click Browse… and select all of your frames for your animation.
3. Click OK and wait for the images to load into seperate layers.
4. Click Window and then Timeline to open the animation window.
5. Click the dropdown arrow in the timeline panel and select Create Frame Animation.
6. Click Create Frame Animation. 

You will now have a layer in your timeline. The next step is to turn each of your layers into a new frame. Follow the steps below.

1. Click Select at the top and then click All Layers.
2. Click the three stack menu icon on the left side of the timeline panel.
3. In the menu that appears, click Create New Layer for Each New Frame.
4. Click the three stack menu icon and now click Make Frames From Layers.

You will now have all of your images loaded into separate frames. The next task is to choose a time for how long each frame will play. It may take some testing to get the right speed, but you can choose the frame time for each individual frame by clicking the arrow under each frame next to the 0 sec text.

You can experiment with different times, but it’s best to start by choosing the same time with each frame. If an animation contains different scenes or phases of animation, you may want to adjust the timings for each of those phases/scenes individually.

At any time you can click the play button to view the animation. There are a number of other controls on the timeline window too, which we have explained from left to right below.

Timeline Switch

Switch the timeline between a frame-by-frame timeline and a traditional movie timeline.

Playback Amount

Change whether the animation plays forever or for a certain number of loops before stopping. This will impact the end result once it is saved as a GIF. You can change this setting again before you export the animation later.

Playback Dropdown 

The dropdown arrow you see on the timeline controls is another method for accessing the playback amount.

Playback Controls

Play, pause, stop, and jump the animation to the end or the beginning with the four available playback controls.

Tween

Use the Tween feature to generate “in-between” frames to make your animation look smoother. The Tween feature will be explained in more detail below.

Duplicate Frame

This button will duplicate any currently selected frame and will place it in the timeline after the original.

Delete Frame

This option will delete any selected frame.

How To Export Your Photoshop Animation

Once you’re happy with your Photoshop animation, you can export it by following the steps below.

1. Click New.
2. Click Export and then click Save for Web (Legacy)…
3. If you have an animation with detailed colors, select GIF 128 Dithered under the preset dropdown.
4. If you have an animation with simple block colors, choose GIF 128 No Dither.
5. Make sure you have your preferred option set in the Looping Options at the bottom. 
6. Finally, click Save… and choose a place to save your GIF on your PC.

How To Make An Animation Smooth In Photoshop

Unless you’re experienced at making frame by frame animation, the end result may look a little jolty. Thankfully you can use the Tween feature to fill in the gaps automatically in your animation to make things look smoother.

To do this, hold the shift key, click two individual frames in the timeline window, and click the Tween icon. Next, click to choose whether the Tween setting will use position, opacity, or effects. For most movement-based animations, you’ll want to use position. 

Make sure All Layers are selected and then click OK. Repeat this process for each paired frame. For example frame 1 and 2, then frame 3 and 4, and so on.

Summary

We hope that our guide on how to animate in Photoshop has helped. If you need any more help, feel free to leave a comment below.

Related posts

• Πώς να αφαιρέσετε ή να αντικαταστήσετε ένα φόντο στο Photoshop

• Πώς να λευκάνετε τα δόντια στο Photoshop

• Τρόπος ανάμειξης στο Photoshop

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

• Πώς να κόψετε ένα αντικείμενο σε μια εικόνα στο Photoshop CC

• Πώς να ανοίξετε ένα κλειδωμένο αρχείο όταν το χρησιμοποιεί άλλο πρόγραμμα

• 6 καλύτερες ρυθμίσεις κάμερας για φωτογραφίες σελήνης

• Πώς να κάνετε ένα διαφανές φόντο στο Photoshop

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

• Πώς να δημιουργήσετε μια συμπληρωμένη φόρμα Εγγράφων Google με πίνακες

• Πώς να κατεβάσετε το πρόγραμμα εγκατάστασης του Google Chrome εκτός σύνδεσης (αυτόνομο).

• Πώς να καμπυλώσετε το κείμενο στο Photoshop

• Πώς να εκτελέσετε ένα τεστ πίεσης CPU

• Απενεργοποιήστε τον Έλεγχο λογαριασμού χρήστη (UAC) για μια συγκεκριμένη εφαρμογή

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

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

• Πώς να τραβήξετε στιγμιότυπα οθόνης στο Nintendo Switch

• Πώς να μετατρέψετε έναν δυναμικό δίσκο σε έναν βασικό δίσκο

• Πώς να απενεργοποιήσετε το κλειδί των Windows

• Πώς να κάνετε περικοπή στο Photoshop