Flash Catalyst και Photoshop - Σχεδιασμός Έργου

• Απρίλιος 25, 2024

Με την κυκλοφορία της Adobe^R Λάμψη^R Καταλύτης^TM beta, οι σχεδιαστές έχουν ένα νέο εργαλείο για τη δημιουργία έργων Flash και με τη βοήθεια του Photoshop^R ή Illustrator^R, μπορούμε να κάνουμε τα έργα μας πολύ πιο οπτικά ελκυστικά. Για όσους δεν έχετε κατεβάσει την δωρεάν έκδοση beta, η Catalyst αναπτύχθηκε με γνώμονα τον σχεδιαστή και με τα οπτικά εργαλεία που διαθέτει, ο σχεδιαστής μπορεί να προσθέσει λειτουργικά στοιχεία διεπαφής χρήστη σε διάταξη UI χωρίς απαραίτητες προγραμματιστικές δεξιότητες.

Έτσι, πού έρχεται το Photoshop στην εικόνα; Τα περισσότερα σχέδια σχεδίασης UI αρχίζουν στο Photoshop, όταν ο σχεδιαστής δημιουργεί ένα mockup. Μετά την έγκριση του mockup, ήρθε η ώρα να δημιουργήσετε τα πραγματικά γραφικά για το περιβάλλον χρήστη. Αυτό γίνεται επίσης συνήθως στο Photoshop. Τώρα, με τον Catalyst, μπορούμε επίσης να δημιουργήσουμε την τελική διάταξη στο Photoshop και να εισαγάγουμε αυτή τη διάταξη στον Catalyst, όπου θα προσθέσουμε την πλοήγηση με βάση το Flash για το χαρτοφυλάκιό μας. Όλα τα στρώματα, τα στυλ και άλλες πτυχές της εικόνας του Photoshop θα εξακολουθούν να υπάρχουν όταν το αρχείο ανοίξει στον καταλύτη. Το όμορφο πράγμα για τον Catalyst είναι ότι μπορούμε να χρησιμοποιήσουμε τα γραφικά όπως τα δημιουργήσαμε στο Photoshop και να τα μετατρέψουμε σε στοιχεία UI, όπως κουμπιά, χωρίς ιδιαίτερη προετοιμασία.

Σε αυτό το σεμινάριο, θα κάνουμε τα γραφικά για ένα μικρό χαρτοφυλάκιο μερικών διαδικτυακών δικτύων που έχω πουλήσει στο DIYeStores.com. Αυτά τα δίκτυα δημιουργούνται ειδικά για τον κατασκευαστή ιστότοπου DIY του ιστότοπου. Η εμφάνιση και η αίσθηση κάθε webset αντικατοπτρίζεται στο λογότυπο webset. Για αυτό το έργο, αποφάσισα να δημιουργήσω ένα χαρτοφυλάκιο αυτών των λογότυπων. Για τους σκοπούς αυτού του σεμιναρίου, θα έχουμε μόνο τρία λογότυπα, αλλά πιθανότατα θα θελήσετε να έχετε περισσότερα δείγματα στο χαρτοφυλάκιό σας. Το πρώτο μας βήμα είναι να αποφασίσουμε ποια λογότυπα θέλουμε να συμπεριλάβουμε στο χαρτοφυλάκιό μας και τη σειρά που επιθυμούμε να τα δούμε.

Τα λογότυπα για τα δίκτυα είναι 450 x 250 εικονοστοιχεία, ώστε να αντιστοιχούν στις προδιαγραφές του κατασκευαστή ιστότοπων. Αποφάσισα ότι το συνολικό μέγεθος της εφαρμογής θα είναι 500 x 500 εικονοστοιχεία. Αυτό θα δώσει αρκετό χώρο για έναν τίτλο στην κορυφή, τα λογότυπα και τις μικρογραφίες κάτω από τα λογότυπα, τα οποία θα γίνουν τα κουμπιά που ελέγχουν την εφαρμογή προβολής εικόνων. Θα χρειαστεί να δημιουργήσετε ένα γραφικό μικρογραφίας 100 x 100 για κάθε λογότυπο. Εάν απλά μειώσουμε το μέγεθος του λογότυπου στο μέγεθος των μικρογραφιών μας, μεγάλο μέρος του σχεδίου θα είναι πολύ μικρό για να το εκτιμήσουμε. Θα ήταν προτιμότερο να επιλέξετε ένα τμήμα κάθε λογότυπου που να αντιπροσωπεύει καλύτερα το σχέδιο και να το χρησιμοποιήσετε για τα κουμπιά της αεροπορίας μας. Τώρα που έχουμε όλα τα δείγματα για το χαρτοφυλάκιό μας, ήρθε η ώρα να χτίσουμε τη διάταξη της εφαρμογής.

Πνευματικά δικαιώματα 2018 Adobe Systems Incorporated. Ολα τα δικαιώματα διατηρούνται. Οι φωτογραφίες της οθόνης του προϊόντος Adobe ανατυπώνονται με την άδεια της Adobe Systems Incorporated. Adobe Photoshop, Adobe Photoshop, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, είναι / είναι είτε [ή] καταχωρισμένο εμπορικό σήμα ή εμπορικό σήμα της Adobe Systems Incorporated στις Ηνωμένες Πολιτείες ή / και σε άλλες χώρες.

Οδηγίες Βίντεο: So You Wanna Make Games?? | Episode 7: Game VFX (Απρίλιος 2024).