Πώς να κάνω μια Rollover στο Photoshop CS5 Από Φέτες

A ανατροπής είναι ένα φαινόμενο που χρησιμοποιείται σε μια εικόνα σε μια ιστοσελίδα για να μετατρέψει την εικόνα όταν ένας ρολά ποντίκι ή αιωρείται πάνω . Αυτό είναι συχνά χρησιμοποιείται για να κάνει τα κουμπιά ή αλλαγή χρώματος μενού, αλλά μπορεί να χρησιμοποιηθεί σε οποιαδήποτε εικόνα. Χρησιμοποιώντας Photoshop , μπορείτε να κόψετε οποιαδήποτε εικόνα σε φέτες , στη συνέχεια, αλλάξτε ένα κομμάτι , έτσι ώστε μόνο το τμήμα των αλλαγών εικόνας στο rollover , όπως είναι η πραγματοποίηση λέξεις εμφανίζονται στο κάτω μέρος , ή αλλάζοντας το χρώμα του μόνο ένα στοιχείο στην εικόνα . Αφού δημιουργηθούν οι φέτες θα πρέπει να τοποθετήσετε τον κατάλληλο κώδικα JavaScript μέσα στη σελίδα Web για να δημιουργήσετε το αποτέλεσμα της ανατροπής, χρησιμοποιώντας ένα λογισμικό σχεδιασμού Web ή HTML editor . Οδηγίες
Η 1

Launch Photoshop και επιλέξτε " Άνοιγμα" από το μενού Αρχείο . Πλοηγηθείτε σε μια εικόνα που θέλετε να χρησιμοποιήσετε για την ανατροπή και κάντε κλικ στο "Άνοιγμα ". Κάντε κλικ στο " Tool φέτα " στην εργαλειοθήκη . Εάν δεν μπορείτε να το δείτε , κάντε κλικ και κρατήστε πατημένο το "εργαλείο Crop" ή " Φέτα Select Tool " για να το αποκαλύψει . 2

Αποφασίστε όπου θέλετε το αποτέλεσμα ανατροπής για να εμφανιστούν. Σημειώστε ότι το εργαλείο Κόβουμε δημιουργεί μόνο ορθογώνια κομμάτια και ότι τα πρόσθετα φέτες θα πρέπει να δημιουργηθεί από την υπόλοιπη εικόνα . Για παράδειγμα , εάν επιλέξετε το πάνω μισό της εικόνας , όπως η φέτα ανατροπής , το άλλο μισό της εικόνας θα είναι επίσης μια φέτα . Εάν κόψετε ένα τετράγωνο στο κέντρο της εικόνας , οι άλλες τέσσερις φέτες που δημιουργήθηκαν , το ένα πάνω από τη φέτα σας , το ένα κάτω και ένα σε κάθε πλευρά .
Εικόνων 3

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

Κάντε κλικ και κρατήστε πατημένο το " Tool φέτα " στην εργαλειοθήκη , στη συνέχεια, κάντε κλικ στο " Φέτα Select Tool . " Double - click η φέτα που κάνατε στο Βήμα 3 για να ανοίξετε το παράθυρο Επιλογές φέτα . Πληκτρολογήστε " Rollover " στο πεδίο όνομα και κάντε κλικ στο " OK". Κάντε διπλό κλικ καθένα από τα άλλα κομμάτια για να τους δώσει τα κατάλληλα ονόματα , όπως "Top ", " Αριστερά ", " Κέντρο ", " Right" και "Κάτω ".
5

Πατήστε " F7 " για να αποκαλύψει τον πίνακα επιπέδων. Σύρετε το " Background Layer" στον Πίνακα Επίπεδα πάνω στο κουμπί " Νέο επίπεδο " στο κάτω μέρος του πίνακα . Κάντε τις αλλαγές που θέλετε στην εικόνα για να αλλάξετε το " Rollover " φέτα . Μπορείτε να γράψετε το κείμενο πάνω από τη φέτα , σχεδιάστε ένα σχήμα , ή τοποθετήστε μια άλλη εικόνα . Μπορείτε να προσθέσετε εφέ ή ρυθμίσεις εικόνας που αλλάζουν ολόκληρη την εικόνα . Αλλαγές σε οποιοδήποτε άλλο φέτες δεν θα αποθηκευτούν .
Η

6 Κάντε κλικ στο κουμπί " Αποθήκευση για web & συσκευές " κάτω από το μενού Αρχείο . Αποθηκεύστε την εικόνα σε προτιμώμενη μορφή σας - το πιθανότερο JPEG ή GIF - " . " "Αποθήκευση . Image " και κάντε κλικ Κάθε μία από τις φέτες αποθηκεύεται με το όνομα που τους έδωσε ως ξεχωριστή εικόνα σε ένα φάκελο με το όνομα

7

Σύρετε το επίπεδο " Background Copy " στον Πίνακα Επίπεδα πάνω στο κουμπί "Trash " στο κάτω μέρος του πίνακα , καθώς και οποιαδήποτε άλλα στρώματα μπορεί να έχουν δημιουργηθεί προσθήκη εφέ ή κείμενο , έτσι ώστε να έχετε μόνο το αρχικό " Ιστορικό " στρώμα που απομένει .
8

κάντε διπλό κλικ στο " Rollover " slice με το εργαλείο επιλογής φέτα και να αλλάξετε το όνομα σε " Original ". κάντε κλικ στο κουμπί "OK".

9

Κάντε κλικ στο " Αποθήκευση ή web & συσκευές " από το μενού Αρχείο . Χρησιμοποιήστε την ίδια μορφή αρχείου και το φάκελο προορισμού ίδια όπως κάνατε στο Βήμα 6 . Κάντε κλικ στο κουμπί "Αποθήκευση". Ανοίγει ένα παράθυρο διαλόγου που σας προειδοποιούν ότι τα άλλα φέτες θα πρέπει να αντικατασταθεί . Αυτές είναι οι εκδόσεις που θέλετε να αποθηκεύσετε , έτσι κάντε κλικ στο " OK".
Η 10

Χρησιμοποιήστε οποιοδήποτε λογισμικό Web design για να θέσει τις εικόνες μαζί σε μια τοποθεσία Web . Τώρα έχετε όλες τις φέτες με το "Original" φέτα να συγκεντρώσει εκ νέου την αρχική εικόνα και το " Rollover " φέτα να χρησιμοποιήσετε το αποτέλεσμα ανατροπής της ιστοσελίδας .
Η
εικόνων