Καλό Σχέδιο Βιβλία Photoshop αδελφός ImageReady

Καλό Σχέδιο Βιβλία Photoshop αδελφός ImageReady

 

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

 

Το ImageReady είναι ένα ειδικό λογισμικό για την επεξεργασία κινούμενων εικόνων, το οποίο καλύπτει τις ελλείψεις του Photoshop στην επεξεργασία κινούμενων εικόνων και υλικού Ιστού. Το ImageReady περιέχει μεγάλο αριθμό εργαλείων για τη δημιουργία εικόνων και κινούμενων εικόνων ιστού και μπορεί ακόμη και να παράγει μέρος του κώδικα html, που μπορούμε να πούμε ότι είναι ισχυρό. Ας ρίξουμε μια ματιά σε δύο από τις βασικές λειτουργίες κινούμενων εικόνων.

 

1. Δημιουργήστε κινούμενα GIF

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

 

1. Δημιουργήστε ένα νέο πλαίσιο

Ανοίξτε το ImageReady, δημιουργήστε ένα νέο αρχείο 244×277 pixel που ονομάζεται "Finger Magic", στο μενού "Window" κάντε κλικ στην εντολή "Show layer" και "Show animation" για να εμφανιστεί ο πίνακας επιπέδου και ο πίνακας κινούμενων εικόνων στη διεπαφή λογισμικού. Ανοίξτε το t1.jpg, πατήστε Ctrl+A για να επιλέξετε όλα τα περιεχόμενα της εικόνας, αντιγράψτε και επικολλήστε τη στη νέα εικόνα. Αυτό είναι το πρώτο καρέ της κινούμενης εικόνας και είναι η προεπιλεγμένη κανονική κατάσταση της εικόνας στο πρόγραμμα.

 

Κάντε κλικ στο κουμπί "Αντιγραφή τρέχοντος πλαισίου" κάτω από τον πίνακα κινούμενων εικόνων για να δημιουργήσετε το δεύτερο πλαίσιο. Αντιγράψτε επίσης όλα τα περιεχόμενα του t2.jpg στο νέο αρχείο "Quick Finger Magic".

 

Στη συνέχεια, χρησιμοποιήστε την παραπάνω μέθοδο για να επικολλήσετε τα t3.jpg, t4.jpg, t5.jpg, t6.jpg στα δικά τους νέα καρέ, δημιουργώντας συνολικά 6 καρέ.

 

2. Ταίριασμα μεταξύ στρώσεων και πλαισίων

Επιλέξτε το επίπεδο "Φόντο" στον πίνακα "Επίπεδα" και πατήστε το κουμπί "Διαγραφή επιπέδου" (σύμβολο μικρού κάδου απορριμμάτων) στην κάτω δεξιά γωνία του πλαισίου επιπέδων για να αφαιρέσετε το στρώμα φόντου.

 

Κάντε κλικ για να επιλέξετε το πλαίσιο 1 στον πίνακα κινούμενων εικόνων και να αποκρύψετε τα επίπεδα 2, 3, 4, 5 και 6 στον πίνακα "Επίπεδα" (αφαιρώντας τα "μικρά μάτια" στην αριστερή πλευρά αυτών των επιπέδων).

 

Στη συνέχεια, κάντε κλικ στο Frame 2 στον πίνακα Animation και αποκρύψτε τα Layers 1, 3, 4, 5, 6 στον πίνακα Layers, έτσι ώστε να εμφανίζονται μόνο τα περιεχόμενα του layer 2.

 

Με τον ίδιο τρόπο, τα άλλα επίπεδα στα πλαίσια 3 έως 6 κρύβονται χωριστά, έτσι ώστε κάθε πλαίσιο να δείχνει μόνο το περιεχόμενο του επιπέδου που σχετίζεται με αυτό. Το αποτέλεσμα φαίνεται στο Σχήμα 2.

 

3. Προεπισκόπηση και αποθήκευση

Στο κάτω μέρος κάθε καρέ στον πίνακα κινούμενων σχεδίων, κάντε κλικ στο μικρό ανεστραμμένο τρίγωνο στα δεξιά της λέξης "seconds" και επιλέξτε το χρόνο που θέλετε να εμφανίζεται κάθε καρέ (0240 δευτερόλεπτα, μπορείτε να προσαρμόσετε το μόνος σου). Τέλος, μπορείτε να δοκιμάσετε απευθείας την κινούμενη εικόνα κάνοντας κλικ στο κουμπί Αναπαραγωγή στον πίνακα κινούμενων εικόνων. Εάν εξακολουθείτε να είστε ικανοποιημένοι, μπορείτε να επιλέξετε "Αποθήκευση αποτελεσμάτων βελτιστοποίησης" στο μενού "Αρχείο", να αποθηκεύσετε τα αποτελέσματά μας ως "finger magic.gif" και να ολοκληρώσετε την παραγωγή.

 

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

 

Δεύτερον, δημιουργήστε αναδιπλούμενες εικόνες

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

 

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

 

Χρησιμοποιήστε την εντολή "Window → Display flip" για να ανοίξετε τον πίνακα αναστροφής και κάντε κλικ στο κουμπί "Create new flip state" στο κάτω μέρος του πίνακα για να δημιουργήσετε διαφορετικές καταστάσεις αναστροφής. Υπάρχουν συνολικά 6 καταστάσεις εδώ, δηλαδή: κανονική, Πάνω, Κάτω, κλικ, Έξω και Πάνω. Τα άλλα βήματα δεν είναι πολλά να πούμε, το ίδιο είναι να δημιουργηθεί η αντίστοιχη σχέση μεταξύ κάθε κατάστασης και κάθε επιπέδου και, τέλος, επιλέξτε "Αποθήκευση του αποτελέσματος βελτιστοποίησης ως...", αποθήκευση ως μορφή HTML.