Φίλτρα στο Flash

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

Στο Flash μπορούμε εκτός από το να σχεδιάσουμε αντικείμενα, να προσθέσουμε σε αυτά και εφέ. Ένα τέτοιο εφέ μπορεί να είναι η σκιά ή η τρισδιάστατη απεικόνιση του αντικειμένου. Τα εφέ αυτά υλοποιούνται μέσα από την παλέτα Filters η οποία βρίσκεται δίπλα από την παλέτα Properties. Ας δούμε λοιπόν τον τρόπο με τον οποίον λειτουργούν τα φίλτρα.

Εισαγωγή

Τα φίλτρα τα προσθέτουμε με το σύμβολο « και τα αφαιρούμε με το σύμβολο «-«. Φίλτρα μπορούμε να εφαρμόσουμε σε σύμβολα movie clips και buttons. Στην ακόλουθη εικόνα βλέπουμε τα διαθέσιμα φίλτρα στο Flash.

Εικόνα 1 – Διαθέσιμα Φίλτρα

Εικόνα1

Στην ακόλουθη εικόνα βλέπουμε την εφαρμογή του φίλτρου Drop Shadow. Σε κάθε φίλτρο που επιλέγουμε έχουμε πρόσβαση σε μια σειρά από ιδιότητες.

Εικόνα 2 – Οι ιδιότητες του συμβόλου Drop Shadow

Εικόνα2

Οι κύριες ιδιότητες των φίλτρων

Οι περισσότερες ιδιότητες των φίλτρων βρίσκονται στα περισσότερα από αυτά. Ας δούμε τις ιδιότητες του φίλτρου Drop Shadow.

Μια βασική ιδιότητα είναι η Blur-x ή Blur-y. Με την ιδιότητα αυτή ρυθμίζουμε το ποσοστό θόλωσης της σκιάς που αφήνει το φίλτρο.

Εικόνα 3 – Η Ιδιότητα θόλωσης

Εικόνα3

Μια άλλη ιδιότητα είναι η Strength. Η ιδιότητα αυτή ρυθμίζει την ένταση του φίλτρου. Η ιδιότητα αυτή παίρνει θετικές και αρνητικές τιμές.

Εικόνα 4 – Η ένταση του φίλτρου

Εικόνα4

Η ιδιότητα Quality ρυθμίζει την ποιότητα εμφάνισης του φίλτρου. Παίρνει 3 τιμές Low, Medium και High.

Εικόνα 5 – Η ποιότητα του φίλτρου.

Εικόνα5

Άλλες ιδιότητες είναι

  • το χρώμα του φίλτρου (Color),
  • η γωνία κλήσης του (Angle) γύρω από το σχήμα
  • η απόσταση του φίλτρου από αυτό (Distance).

Εικόνα 6 – Οι Ιδιότητες Color, Angle και Distance

Εικόνα6

Τέλος άλλες οι βασικές ιδιότητες είναι:

  • Knockout: Εξουδετερώνει το αντικείμενο αφήνοντας το αποτύπωμα του στη σκιά του.
  • Inner Shadow: Εφαρμόζει το φίλτρο με τέτοιο τρόπο ώστε να εμφανίζεται το φίλτρο μέσα στο αντικείμενο και όχι γύρο από αυτό.
  • Hide Object: Αφαιρεί το αντικείμενο, αφήνοντας ορατό μόνο το φίλτρο.

Εικόνα 7 – Οι ιδιότητες Knockout, Inner Shadow και Hide Object

Εικόνα7

Τα υπόλοιπα φίλτρα

Το φίλτρο Blur προκαλεί θόλωση του αντικειμένου.

Εικόνα 8 – Το φίλτρο Blur

Εικόνα8

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

Εικόνα 9 – Το φίλτρο Glow

Εικόνα9

Το φίλτρο Bevel προσθέτει λοξότμηση στο αντικείμενο προσδίδοντας σε αυτό τρισδιάστατη υφή. Μια επιπλέον ιδιότητα, η οποία συναντάται στο φίλτρο αυτό, είναι η type η οποία προσδιορίζει τον τύπο της λοξότμησης, εάν δηλαδή θα είναι εσωτερική, εξωτερική η ο συνδυασμός αυτών.

Εικόνα 10 – Το φίλτρο Bevel

Εικόνα10

Το φίλτρο Gradient είναι παρόμοιο με το φίλτρο Drop Shadow με την διαφορά ότι το χρώμα του είναι διαβαθμισμένο.

Εικόνα 11 – Το φίλτρο Gradient

Εικόνα11

Το φίλτρο Gradient Bevel είναι παρόμοιο με το φίλτρο Bevel με την διαφορά ότι η υφή που δίνει αποτελείται από διαβαθμισμένα χρώματα.

Εικόνα 12 – Το φίλτρο Gradient Bevel

Εικόνα12

Λειτουργίες με τα φίλτρα

Εμφάνιση και διαγραφή φίλτρων

Μπορούμε να προσθέσουμε περισσότερα από ένα φίλτρα. Αριστερά από κάθε φίλτρο υπάρχει ένα εικονίδιο. Όταν το εικονίδιο αυτό είναι πράσινο τικ, σημαίνει πως το φίλτρο είναι ενεργό. Όταν είναι κόκκινο χ, σημαίνει πως το φίλτρο δεν εμφανίζεται.

Εικόνα 13 – Εμφάνιση φίλτρων

Εικόνα13

Ένα φίλτρο μπορούμε να το αφαιρέσουμε επιλέγοντας το και πατώντας το κουμπί «-«.

Εικόνα 14- Αφαίρεση φίλτρου

Εικόνα14

Αντιγραφή και επικόλληση φίλτρων

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

Εικόνα 15 – Αντιγραφή φίλτρων

Εικόνα15

Αποθήκευση και εφαρμογή φίλτρων

Έχοντας προσθέσει και παραμετροποιήσει φίλτρα σε αντικείμενα μπορούμε να τα αποθηκεύσουμε ως ένα ξεχωριστό σύνολο προκειμένου να το χρησιμοποιήσουμε πάλι. Αυτό το κάνουμε αποθηκεύοντας αυτό το σύνολο.

Εικόνα 16 – Αποθήκευση μιας ομάδας φίλτρων

Εικόνα16

Στην συνέχεια επιλέγουμε και εφαρμόζουμε στο σύμβολο που θέλουμε το σύνολο φίλτρων που έχουμε αποθηκεύσει.

Εικόνα 17 – Εφαρμογή της ομάδας φίλτρων σε σύμβολο.

Εικόνα17

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

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>