Πώς να αλλάξετε το μέγεθος του Adobe Edge Animate Stage - dummies

Η Σκηνή είναι όπου θα τοποθετήσετε τα στοιχεία σας, όπως εικόνες, κείμενο και αντικείμενα που έχουν σχεδιαστεί. Το Stage είναι ένα ζωντανό παράθυρο HTML, που σημαίνει ότι αυτό που βλέπετε στην οθόνη είναι αυτό που βλέπει το κοινό σας όταν βλέπει και αλληλεπιδρά με τη σύνθεσή σας. Μπορείτε να διαχωρίσετε το Stage με ζευγάρι με διάφορους τρόπους:

• Pixels: Το Adobe Edge Animate CC σας επιτρέπει να ρυθμίσετε το Stage ώστε να παραμείνει ένα συγκεκριμένο μέγεθος ανεξάρτητα από το μέγεθος του παραθύρου του προγράμματος περιήγησης.

• Ποσοστό: Για όσους προτιμούν έναν πιο ευέλικτο σχεδιασμό ιστοσελίδων.

• Δοκιμή σχεδίασης ανταποκρινόμενου ιστού: Μπορεί να θέλετε να αλλάξετε το χρώμα φόντου του Στάδιο για να ελέγξετε την ανταπόκριση του σχεδίου σας.

Μεγιστοποίηση του Στάδ σας κατά τιμές εικονοστοιχείων

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

Για να αλλάξετε το μέγεθος της σκηνής, κάντε κλικ στους πορτοκαλί αριθμούς στην ενότητα Στάδιο του πίνακα Ιδιότητες - στην αριστερή στήλη που βρίσκεται στο πάνω μέρος της οθόνης - όπως φαίνεται. Κάνοντας κλικ στους αριθμούς πλάτους ή ύψους, μπορείτε να πληκτρολογήσετε τις ακριβείς διαστάσεις (σε εικονοστοιχεία) που θέλετε να έχει το Στάδιο σας.

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

Αν θέλετε να δημιουργήσετε μια κινούμενη εικόνα που δεν χρειάζεται να χωρέσει κάποια συγκεκριμένη ιδιότητα, τότε θα πρέπει να αλλάξετε από pixels (px) σε ποσοστό (pixels) %), κάνοντας κλικ στην εναλλαγή (δείτε αυτό το σχήμα). Αυτό είναι ένα βήμα για τη δημιουργία ενός ανταποκρινόμενου σχεδιασμού ιστοσελίδων. Όταν διαβαθμίζετε το ποσοστό Στάδιο κατά την οθόνη αντί για τις τιμές των εικονοστοιχείων, τα ίδια τα μεγέθη του Σταδίου θα είναι ανάλογα με το μέγεθος του γονικού στοιχείου.

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

Για να γεμίσετε το Στάδιο σας ολόκληρο το παράθυρο του προγράμματος περιήγησης, ρυθμίστε το πλάτος και το ύψος σκηνής στο 100%, όπως φαίνεται σε αυτό το σχήμα. Για να έχετε το Στάδιο σας να γεμίσει το μισό παράθυρο του προγράμματος περιήγησης, ορίστε το Stage στο 50%. και ούτω καθεξής, ανάλογα με το πόσο από το παράθυρο του προγράμματος περιήγησης θέλετε να καταλάβει το κινούμενο γραφείο σας.

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

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

Για να αλλάξετε το χρώμα φόντου του Στάδιο (όπως φαίνεται), κάντε κλικ στο λευκό τετράγωνο για να εμφανιστεί ένας επιλογέας χρωμάτων.

Μπορείτε να πείτε στο Edge Animate για να διατηρήσετε το ίδιο το πλάτος και το ύψος κάνοντας κλικ στο εικονίδιο Link Width and Width (που έχει επισημανθεί σε αυτό το σχήμα). Από προεπιλογή, το εικονίδιο Width Link και Height είναι απενεργοποιημένο. με αυτή την προεπιλεγμένη ισχύ, το Edge Animate δεν θα κρατήσει το πλάτος (ή το ύψος) στην ίδια αναλογία όταν αλλάζετε το μέγεθος.