Τύποι Χρωμάτων και Xρωματισμών στο Flash – Μέρος Β

Post Pic
στις 25.09.09. Kατηγορίες Flash με Κανένα Σχόλιο

Στο πρώτο μέρος των Τύπων Χρωμάτων και Xρωματισμών στο Flash, είδαμε τους διαφορετικούς τύπους χρωμάτων που χρησιμοποιούμε στο Flash. Σε αυτό το δεύτερο μέρος, θα μελετήσουμε τους διαφορετικούς τύπους χρωματισμών στο Flash.

Τύποι χρωματισμών στο Flash

Το Flash έχουμε τους εξής τύπους χρωμάτων:
•    Solid: Γεμάτο, ενιαίο χρώμα σε όλο το σχήμα.
•    Linear: Χρώμα κάθετα διαβαθμισμένο και αποτελούμενο από δύο τουλάχιστον χρώματα.
•    Radial:  Χρώμα κυκλικά διαβαθμισμένο και αποτελούμενο από δύο τουλάχιστον χρώματα.
•    Bitmap: Αντί για χρώμα, χρησιμοποιείται μια έτοιμη bitmap εικόνα.

Εικόνα5
Εικόνα 5 – Τύποι Χρωματισμών

Οι παλέτες χρωμάτων στο Flash

Το Flash χρησιμοποιεί παλέτες οι οποίες ομαδοποιούν κοινές λειτουργίες και οι οποίες τοποθετούνται στην δεξιά πλευρά της εφαρμογής. Τις παλέτες ενεργοποιούμε / απενεργοποιούμε μέσα από το μενού Window. Στο μενού αυτό, κάθε ενεργή παλέτα έχει ένα σημάδι τικ στα αριστερά του ονόματος της.
Κάθε παλέτα έχει καρτέλες με ομαδοποιημένες επιπλέον λειτουργίες. Κάθε καρτέλα έχει ένα μενού επιλογών,  option menu, το οποίο βρίσκεται πάνω-δεξιά σε κάθε καρτέλα με την μορφή παράλληλων γραμμών και ενός κάθετου βέλους αριστερά από αυτές.

Εικόνα6
Εικόνα 6 – Μενού επιλογών (option menu)

Παλέτα Swatches

Ο ρόλος της παλέτας αυτής είναι η προσθήκη επιπλέον χρωμάτων πέρα από αυτά τα οποία περιέχει. Στην παλέτα αυτή επιλέγουμε να χρησιμοποιήσουμε ένα χρώμα τόσο από την γκάμα των web safe χρωμάτων, για γεμάτο χρώμα, όσο και έτοιμες διαβαθμίσεις χρωμάτων. Σημειώστε πως πρώτα επιλέγουμε το κατάλληλο εικονίδιο για χρώμα γεμίσματος ή περιγράμματος και έπειτα επιλέγουμε την παλέτα swatches για την επιλογή χρώματος.
Εάν έχουμε επιλέξει ένα χρώμα, γεμάτο ή διαβαθμισμένο, μπορούμε να το προσθέσουμε τοποθετώντας τον δείκτη του ποντικιού στην γκρι περιοχή της παλέτας, ο δείκτης του ποντικιού γίνεται κουβαδάκι, οπότε κάνοντας κλικ στο σημείο αυτό, παρατηρούμε ότι το νέο χρώμα έχει προστεθεί στην παλέτα ως επιπλέον χρωματικό κουτί.
Εάν θέλουμε να διαγράψουμε το επιλεγμένο χρωματικό κουτί, το επιλέγουμε και από μενού επιλογών της καρτέλας επιλέγουμε delete swatch. Με χρήσης των ανάλογων επιλογών του μενού, μπορούμε να αποθηκεύσουμε την τρέχουσα γκάμα χρωμάτων ή να φορτώσουμε μια ήδη αποθηκευμένη που έχουμε. Τέλος εάν θέλουμε να επαναφέρουμε την παλέτα swatch στην αρχική της κατάσταση, επιλέγουμε από το μενού επιλογών την επιλογή Load Default Colors.

Εικόνα7
Εικόνα 7 – Η Παλέτα Swatches

Παλέτα Color

Στην παλέτα αυτή μπορούμε να επιλέξουμε ένα χρώμα για κάθε τύπο χρώματος, γέμισμα ή περίγραμμα και για κάθε ένα από αυτά να ορίσουμε ένα χρώμα:
•    Από τα web safe colors
•    Δίνοντας τιμές στα αντίστοιχα κουτιά R(ed), G(reen), B(lue)
•    Επιλέγοντας ένα χρώμα από την παλέτα χρωμάτων
•    Δίνοντας τον αντίστοιχο δεκαεξαδικό κωδικό στο αντίστοιχο κουτί.
Μπορούμε να ορίσουμε και την διαφάνεια σε ένα χρώμα. Αυτό γίνεται από την επιλογή  Alpha. Η τιμή 100% σημαίνει ορατό χρώμα και η επιλογή 0% σημαίνει αόρατο, διαφανές χρώμα. Οι ενδιάμεσες τιμές ορίζουν το ποσοστό διαφάνειας του χρώματος, κάτι σαν το εφέ aero στα windows vista.
Στο κάθετο κουτί δεξιά από τη παλέτα χρωμάτων ρυθμίζουμε την φωτεινότητα του χρώματος. Στο κάτω μέρος της παλέτας βλέπουμε την προεπισκόπηση του επιλεγμένου χρώματος.
Οι επιλογές αυτές ισχύουν για χρώμα γεμίσματος (solid).

Εικόνα8

Εικόνα 8 – Η Παλέτα Color

Εάν επιλέξουμε από το μενού Type, Linear ή Radial παίρνουμε ένα διαβαθμισμένο χρώμα το οποίο αποτελείται από δύο ή περισσότερα χρώματα. Στο κάτω μέρος της παλέτας και στο σημείο της προεπισκόπησης υπάρχουν χρωματικά κουτιά, ένα για κάθε χρώμα. Με τα χρωματικά κουτιά μπορούμε να κάνουμε τα ακόλουθα:
•    Να επιλέξουμε ένα χρωματικό κουτί και να αλλάξουμε το χρώμα και την διαφάνεια του, κάνοντας τις ίδιες επιλογές με αυτές για το χρώμα γεμίσματος.
•    Να μετακινήσουμε ένα χρωματικό κουτί δεξιά ή αριστερά αλλάζοντας έτσι την διαβάθμιση του.
•    Να προσθέσουμε ένα χρωματικό κουτί κάνοντας κλικ στην γκρι περιοχή ακριβώς πάνω από την προεπισκόπηση.
•    Να αφαιρέσουμε ένα χρωματικό κουτί κάνοντας κλικ πάνω του και τραβώντας το προς τα κάτω.

Εικόνα9

Εικόνα 9 – Η Παλέτα Color με διαβαθμισμένο χρώμα

Κάτω από το εικονίδιο γεμίσματος υπάρχουν τα εξής 3 εικονίδια:
•    Black and White: Ορίζει ως χρώματα περιγράμματος και γεμίσματος το μαύρο και το άσπρο αντίστοιχα.
•    No Color: Αφαιρεί το χρώμα γεμίσματος ή περιγράμματος.
•    Swap Colors: Εναλλάσσει τα χρώματα γεμίσματος και περιγράμματος

Η επιλογή Overflow ορίζει τον τρόπο υπερχείλισης της διαβάθμισης πέρα από τα όρια της. Οι επιλογές είναι οι ακόλουθες:
•    Extend: Επεκτείνει το χρώμα πέρα από τα όρια.
•    Reflect: Συνεχίζει η διαβάθμιση ως καθρέφτισμα. Η διαβάθμιση δηλαδή αρχίζει από την αρχή προς το τέλος και στην συνέχεια πάει από το τέλος στην αρχή.
•    Repeat: Συνεχίζει την διαβάθμιση από την αρχή προς το τέλος.

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

Λογισμικό που χρησιμοποιήθηκε
Adobe Flash CS3

Tags: , , , , , , ,

Γιώργος Γεωργίου { Προσωπική Ιστοσελίδα / Άρθρα Στο GreekTuts }
O Γεωργίου Γιώργος είναι προγραμματιστής Η/Υ και Web Developer. Είναι κάτοχος Bachelor σε Computing ενώ είναι Adobe Certified Specialist και Microsoft Office Specialist.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>