﻿<?xml version="1.0" encoding="UTF-8"?> <rss
version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
> <channel><title>GreekTuts &#187; Χρωματισμοί</title> <atom:link href="http://greektuts.net/tag/%cf%87%cf%81%cf%89%ce%bc%ce%b1%cf%84%ce%b9%cf%83%ce%bc%ce%bf%ce%af/feed/" rel="self" type="application/rss+xml" /><link>http://greektuts.net</link> <description>Ελληνικά Βοηθήματα</description> <lastBuildDate>Mon, 30 Jan 2012 13:52:21 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.3.1</generator> <item><title>Τύποι Χρωμάτων και Xρωματισμών στο Flash &#8211; Μέρος Β</title><link>http://greektuts.net/colors-and-gradients-in-flash-part-b/</link> <comments>http://greektuts.net/colors-and-gradients-in-flash-part-b/#comments</comments> <pubDate>Fri, 25 Sep 2009 16:26:52 +0000</pubDate> <dc:creator>Γιώργος Γεωργίου</dc:creator> <category><![CDATA[Flash]]></category> <category><![CDATA[2]]></category> <category><![CDATA[Adobe]]></category> <category><![CDATA[Μέρος Β]]></category> <category><![CDATA[Παλέτα]]></category> <category><![CDATA[Τύποι Χρωμάτων]]></category> <category><![CDATA[χρώματα]]></category> <category><![CDATA[Χρωματισμοί]]></category> <guid
isPermaLink="false">http://greektuts.net/?p=1373</guid> <description><![CDATA[Στο πρώτο μέρος των Τύπων Χρωμάτων και Xρωματισμών στο Flash, είδαμε τους διαφορετικούς τύπους χρωμάτων που χρησιμοποιούμε στο Flash. Σε αυτό το δεύτερο μέρος, θα μελετήσουμε τους διαφορετικούς τύπους χρωματισμών στο Flash.]]></description> <content:encoded><![CDATA[<h2>Τύποι χρωματισμών στο Flash</h2><p>Το Flash έχουμε τους εξής τύπους χρωμάτων:<br
/> •    <strong>Solid</strong>: Γεμάτο, ενιαίο χρώμα σε όλο το σχήμα.<br
/> •    <strong>Linear</strong>: Χρώμα κάθετα διαβαθμισμένο και αποτελούμενο από δύο τουλάχιστον χρώματα.<br
/> •    <strong>Radial</strong>:  Χρώμα κυκλικά διαβαθμισμένο και αποτελούμενο από δύο τουλάχιστον χρώματα.<br
/> •    <strong>Bitmap</strong>: Αντί για χρώμα, χρησιμοποιείται μια έτοιμη bitmap εικόνα.</p><blockquote><p
style="text-align: center;"><img
class="alignnone size-full wp-image-1375" title="Εικόνα5" src="http://static.greektuts.net/uploads/2009/09/Εικόνα5.jpg" alt="Εικόνα5" width="370" height="248" /><br
/> Εικόνα 5 – Τύποι Χρωματισμών</p></blockquote><h2>Οι παλέτες χρωμάτων στο Flash</h2><p>Το Flash χρησιμοποιεί παλέτες οι οποίες ομαδοποιούν κοινές λειτουργίες και οι οποίες τοποθετούνται στην δεξιά πλευρά της εφαρμογής. Τις παλέτες ενεργοποιούμε / απενεργοποιούμε μέσα από το μενού Window. Στο μενού αυτό, κάθε ενεργή παλέτα έχει ένα σημάδι τικ στα αριστερά του ονόματος της.<br
/> Κάθε παλέτα έχει καρτέλες με ομαδοποιημένες επιπλέον λειτουργίες. Κάθε καρτέλα έχει ένα μενού επιλογών,  option menu, το οποίο βρίσκεται πάνω-δεξιά σε κάθε καρτέλα με την μορφή παράλληλων γραμμών και ενός κάθετου βέλους αριστερά από αυτές.</p><blockquote><p
style="text-align: center;"><img
class="size-full wp-image-1376 aligncenter" title="Εικόνα6" src="http://static.greektuts.net/uploads/2009/09/Εικόνα6.jpg" alt="Εικόνα6" width="47" height="34" /><br
/> Εικόνα 6 – Μενού επιλογών (option menu)</p></blockquote><h2>Παλέτα Swatches</h2><p>Ο ρόλος της παλέτας αυτής είναι η προσθήκη επιπλέον χρωμάτων πέρα από αυτά τα οποία περιέχει. Στην παλέτα αυτή επιλέγουμε να χρησιμοποιήσουμε ένα χρώμα τόσο από την γκάμα των web safe χρωμάτων, για γεμάτο χρώμα, όσο και έτοιμες διαβαθμίσεις χρωμάτων. Σημειώστε πως πρώτα επιλέγουμε το κατάλληλο εικονίδιο για χρώμα γεμίσματος ή περιγράμματος και έπειτα επιλέγουμε την παλέτα swatches για την επιλογή χρώματος.<br
/> Εάν έχουμε επιλέξει ένα χρώμα, γεμάτο ή διαβαθμισμένο, μπορούμε να το προσθέσουμε τοποθετώντας τον δείκτη του ποντικιού στην γκρι περιοχή της παλέτας, ο δείκτης του ποντικιού γίνεται κουβαδάκι, οπότε κάνοντας κλικ στο σημείο αυτό, παρατηρούμε ότι το νέο χρώμα έχει προστεθεί στην παλέτα ως επιπλέον χρωματικό κουτί.<br
/> Εάν θέλουμε να διαγράψουμε το επιλεγμένο χρωματικό κουτί, το επιλέγουμε και από μενού επιλογών της καρτέλας επιλέγουμε delete swatch. Με χρήσης των ανάλογων επιλογών του μενού, μπορούμε να αποθηκεύσουμε την τρέχουσα γκάμα χρωμάτων ή να φορτώσουμε μια ήδη αποθηκευμένη που έχουμε. Τέλος εάν θέλουμε να επαναφέρουμε την παλέτα swatch στην αρχική της κατάσταση, επιλέγουμε από το μενού επιλογών την επιλογή Load Default Colors.</p><blockquote><p
style="text-align: center;"><img
class="size-full wp-image-1377 aligncenter" title="Εικόνα7" src="http://static.greektuts.net/uploads/2009/09/Εικόνα7.jpg" alt="Εικόνα7" width="345" height="240" /><br
/> Εικόνα 7 – Η Παλέτα Swatches</p></blockquote><h2>Παλέτα Color</h2><p>Στην παλέτα αυτή μπορούμε να επιλέξουμε ένα χρώμα για κάθε τύπο χρώματος, γέμισμα ή περίγραμμα και για κάθε ένα από αυτά να ορίσουμε ένα χρώμα:<br
/> •    Από τα web safe colors<br
/> •    Δίνοντας τιμές στα αντίστοιχα κουτιά R(ed), G(reen), B(lue)<br
/> •    Επιλέγοντας ένα χρώμα από την παλέτα χρωμάτων<br
/> •    Δίνοντας τον αντίστοιχο δεκαεξαδικό κωδικό στο αντίστοιχο κουτί.<br
/> Μπορούμε να ορίσουμε και την διαφάνεια σε ένα χρώμα. Αυτό γίνεται από την επιλογή  Alpha. Η τιμή 100% σημαίνει ορατό χρώμα και η επιλογή 0% σημαίνει αόρατο, διαφανές χρώμα. Οι ενδιάμεσες τιμές ορίζουν το ποσοστό διαφάνειας του χρώματος, κάτι σαν το εφέ aero στα windows vista.<br
/> Στο κάθετο κουτί δεξιά από τη παλέτα χρωμάτων ρυθμίζουμε την φωτεινότητα του χρώματος. Στο κάτω μέρος της παλέτας βλέπουμε την προεπισκόπηση του επιλεγμένου χρώματος.<br
/> Οι επιλογές αυτές ισχύουν για χρώμα γεμίσματος (solid).</p><blockquote><p
style="text-align: center;"><img
class="alignnone size-full wp-image-1378" title="Εικόνα8" src="http://static.greektuts.net/uploads/2009/09/Εικόνα8.jpg" alt="Εικόνα8" width="507" height="353" /></p><p
style="text-align: center;">Εικόνα 8 – Η Παλέτα Color</p></blockquote><p>Εάν επιλέξουμε από το μενού Type, Linear ή Radial παίρνουμε ένα διαβαθμισμένο χρώμα το οποίο αποτελείται από δύο ή περισσότερα χρώματα. Στο κάτω μέρος της παλέτας και στο σημείο της προεπισκόπησης υπάρχουν χρωματικά κουτιά, ένα για κάθε χρώμα. Με τα χρωματικά κουτιά μπορούμε να κάνουμε τα ακόλουθα:<br
/> •    Να επιλέξουμε ένα χρωματικό κουτί και να αλλάξουμε το χρώμα και την διαφάνεια του, κάνοντας τις ίδιες επιλογές με αυτές για το χρώμα γεμίσματος.<br
/> •    Να μετακινήσουμε ένα χρωματικό κουτί δεξιά ή αριστερά αλλάζοντας έτσι την διαβάθμιση του.<br
/> •    Να προσθέσουμε ένα χρωματικό κουτί κάνοντας κλικ στην γκρι περιοχή ακριβώς πάνω από την προεπισκόπηση.<br
/> •    Να αφαιρέσουμε ένα χρωματικό κουτί κάνοντας κλικ πάνω του και τραβώντας το προς τα κάτω.</p><blockquote><p
style="text-align: center;"><img
class="alignnone size-full wp-image-1379" title="Εικόνα9" src="http://static.greektuts.net/uploads/2009/09/Εικόνα9.jpg" alt="Εικόνα9" width="591" height="352" /></p><p
style="text-align: center;">Εικόνα 9 – Η Παλέτα Color με διαβαθμισμένο χρώμα</p></blockquote><p>Κάτω από το εικονίδιο γεμίσματος υπάρχουν τα εξής 3 εικονίδια:<br
/> •    <strong>Black and White</strong>: Ορίζει ως χρώματα περιγράμματος και γεμίσματος το μαύρο και το άσπρο αντίστοιχα.<br
/> •    <strong>No Color</strong>: Αφαιρεί το χρώμα γεμίσματος ή περιγράμματος.<br
/> •    <strong>Swap Colors</strong>: Εναλλάσσει τα χρώματα γεμίσματος και περιγράμματος</p><p>Η επιλογή Overflow ορίζει τον τρόπο υπερχείλισης της διαβάθμισης πέρα από τα όρια της. Οι επιλογές είναι οι ακόλουθες:<br
/> •    <strong>Extend</strong>: Επεκτείνει το χρώμα πέρα από τα όρια.<br
/> •    <strong>Reflect</strong>: Συνεχίζει η διαβάθμιση ως καθρέφτισμα. Η διαβάθμιση δηλαδή αρχίζει από την αρχή προς το τέλος και στην συνέχεια πάει από το τέλος στην αρχή.<br
/> •    <strong>Repeat</strong>: Συνεχίζει την διαβάθμιση από την αρχή προς το τέλος.</p><p>Τέλος, η επιλογή Linear RGB ορίζει τον σαφή ή μη διαχωρισμό των χρωμάτων σε μια διαβάθμιση.</p><blockquote><p
style="text-align: center;">Λογισμικό που χρησιμοποιήθηκε<br
/> Adobe Flash CS3</p></blockquote> ]]></content:encoded> <wfw:commentRss>http://greektuts.net/colors-and-gradients-in-flash-part-b/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Τύποι Χρωμάτων και Xρωματισμών στο Flash &#8211; Μέρος Α</title><link>http://greektuts.net/flash-colors-and-paletes/</link> <comments>http://greektuts.net/flash-colors-and-paletes/#comments</comments> <pubDate>Fri, 18 Sep 2009 15:39:02 +0000</pubDate> <dc:creator>Γιώργος Γεωργίου</dc:creator> <category><![CDATA[Flash]]></category> <category><![CDATA[Adobe]]></category> <category><![CDATA[Παλέτα]]></category> <category><![CDATA[Τύποι Χρωμάτων]]></category> <category><![CDATA[χρώματα]]></category> <category><![CDATA[Χρωματισμοί]]></category> <guid
isPermaLink="false">http://greektuts.net/?p=1215</guid> <description><![CDATA[Σε αυτό το άρθρο θα περιγράψουμε τους διαφορετικούς τύπους χρωμάτων και χρωματισμών που χρησιμοποιούμε στο Flash. Αυτό είναι το πρώτο μέρος, ενω θα ακολουθήσει και το δεύτερο μέρος με περισσότερες λεπτομέριες και ανάλυση.]]></description> <content:encoded><![CDATA[<h2>Τύποι Χρωμάτων</h2><p
class="MsoNormal"><span
style="font-size: 10pt"> </span></p><p
class="MsoNormal"><span
style="font-size: 10pt">Στο </span><span
style="font-size: 10pt" lang="EN-US">Flash</span><span
style="font-size: 10pt">, όπως και σε άλλες σχεδιαστικές εφαρμογές, υπάρχουν δύο τύποι χρωμάτων:</span></p><ul
style="margin-top: 0cm" type="disc"><li
class="MsoNormal"><span
style="font-size: 10pt">το χρώμα γεμίσματος ή αλλιώς </span><strong><span
style="font-size: 10pt" lang="EN-US">Fill</span></strong><strong><span
style="font-size: 10pt" lang="EN-US"> </span></strong><strong><span
style="font-size: 10pt" lang="EN-US">Color</span></strong><span
style="font-size: 10pt"> και </span></li><li
class="MsoNormal"><span
style="font-size: 10pt">το χρώμα περιγράμματος ή αλλιώς </span><strong><span
style="font-size: 10pt" lang="EN-US">Stroke</span></strong><strong><span
style="font-size: 10pt" lang="EN-US"> </span></strong><strong><span
style="font-size: 10pt" lang="EN-US">Color</span></strong><span
style="font-size: 10pt">.</span><span
style="font-size: 10pt" lang="EN-US"> </span></li></ul><p
class="MsoNormal"><span
style="font-size: 10pt"> </span></p><p
class="MsoNormal"><blockquote><p
class="MsoNormal" style="text-align: center"><span
style="font-size: 10pt"><span
style="color: red"><img
class="alignnone size-full wp-image-1220" src="http://static.greektuts.net/uploads/2009/09/Εικόνα1.gif" alt="Εικόνα1" width="273" height="138" /></span></span></p><p
class="MsoNormal" style="text-align: center"><strong><span
style="font-size: 10pt">Εικόνα 1 &#8211; Τύποι Χρωμάτων</span></strong></p></blockquote><p
class="MsoNormal"><span
style="font-size: 10pt"><span
style="font-size: 10pt"></span><span
style="color: red"> </span></span></p><p
class="MsoNormal"><p
class="MsoNormal"><span
style="font-size: 10pt"> </span></p><h2>Παλέτες Χρωμάτων</h2><p
class="MsoNormal"><span
style="font-size: 10pt"> </span></p><p
class="MsoNormal"><span
style="font-size: 10pt">Για να επιλέξουμε ένα χρώμα κάνουμε κλικ στο κουτάκι που βρίσκεται δεξιά από το χρώμα που θέλουμε. Όταν το κάνουμε αυτό, ανοίγει μια παλέτα χρωμάτων σε διάταξη πίνακα (εικόνα 2) και με τον δείκτη του ποντικιού, ο οποίος έχει μετατραπεί σε εργαλείο επιλογής χρώματος, επιλέγουμε το κουτί του χρώματος που επιθυμούμε.</span></p><blockquote><p
class="MsoNormal" style="text-align: center"><span
style="font-size: 10pt"><span
style="color: red"><img
class="alignnone size-full wp-image-1221" src="http://static.greektuts.net/uploads/2009/09/Εικόνα2.gif" alt="Εικόνα2" width="305" height="238" /></span></span></p><p
class="MsoNormal" style="text-align: center"><strong><span
style="font-size: 10pt"> </span></strong></p><p
class="MsoNormal" style="text-align: center"><strong><span
style="font-size: 10pt">Εικόνα 2 – Παλέτα </span></strong><strong><span
style="font-size: 10pt" lang="EN-US">Web</span></strong><strong><span
style="font-size: 10pt" lang="EN-US"> </span></strong><strong><span
style="font-size: 10pt" lang="EN-US">safe</span></strong><strong><span
style="font-size: 10pt" lang="EN-US"> </span></strong><strong><span
style="font-size: 10pt">χρωμάτων</span></strong></p></blockquote><p
class="MsoNormal"><span
style="font-size: 10pt"> </span></p><p
class="MsoNormal"><span
style="font-size: 10pt"> </span></p><p><span
style="font-size: 10pt">Η παλέτα αυτή ονομάζεται παλέτα </span><span
style="font-size: 10pt" lang="EN-US">web</span><span
style="font-size: 10pt" lang="EN-US"> </span><span
style="font-size: 10pt" lang="EN-US">safe</span><span
style="font-size: 10pt"> χρωμάτων. Τα χρώματα αυτά, που αριθμούνται σε 256, ονομάζονται έτσι επειδή είναι κοινά και αναλλοίωτα σε όλους τους φυλλομετρητές. Αυτό σημαίνει πως ένα τέτοιο χρώμα θα εμφανιστεί ακριβώς όπως είναι χωρίς καμιά αλλοίωση τόσο στον </span><span
style="font-size: 10pt" lang="EN-US">Internet</span><span
style="font-size: 10pt" lang="EN-US"> </span><span
style="font-size: 10pt" lang="EN-US">Explorer</span><span
style="font-size: 10pt"> όσο και στον </span><span
style="font-size: 10pt" lang="EN-US">Firefox</span><span
style="font-size: 10pt"> για παράδειγμα.</span></p><p
class="MsoNormal"><span
style="font-size: 10pt"> </span></p><p
class="MsoNormal"><span
style="font-size: 10pt">Στην παλέτα αυτή κάθε χρώμα έχει έναν δικό του κωδικό ο οποίος γράφεται στο δεκαεξαδικό σύστημα. Τον κωδικό αυτόν τον βλέπουμε περιφέροντας τον δείκτη του ποντικιού πάνω από τα χρώματα, αλλά μπορούμε και να τον εισάγουμε στο κουτί της παλέτας που βρίσκεται πάνω αριστερά. Αριστερά από τον κωδικό αυτόν υπάρχει και η προεπισκόπηση του χρώματος. Σημειώστε πως ο δεκαεξαδικός κωδικός ενος web safe χρώματος αποτελείται απο τρια ζευγάρια χρωμάτων, π.χ. #FF9900, #CC3366.</span></p><p
class="MsoNormal"><span
style="font-size: 10pt">Τέλος, στην παλέτα αυτήν υπάρχουν κάποιες επιπλέον επιλογές (Εικόνα3) που έχουν να κάνουν με την διαφάνεια, την απουσία του χρώματος και την επιλογή επιπλέων χρωμάτων μέσα από άλλη παλέτα, την παλέτα χρώμα. (Εικόνα4).</span></p><blockquote><p
class="MsoNormal" style="text-align: center"><span
style="font-size: 10pt"><span
style="color: red"><img
class="alignnone size-full wp-image-1222" src="http://static.greektuts.net/uploads/2009/09/Εικόνα3.gif" alt="Εικόνα3" width="472" height="312" /></span></span></p><p
class="MsoNormal" style="text-align: center"><span
style="font-size: 10pt;color: red"> </span></p><p
class="MsoNormal" style="text-align: center"><strong><span
style="font-size: 10pt">Εικόνα 3 – Επιπλέον επιλογές στην παλέτα </span></strong><strong><span
style="font-size: 10pt" lang="EN-US">Web</span></strong><strong><span
style="font-size: 10pt" lang="EN-US"> </span></strong><strong><span
style="font-size: 10pt" lang="EN-US">safe</span></strong><strong><span
style="font-size: 10pt"> χρωμάτων</span></strong></p></blockquote><p
class="MsoNormal"><span
style="font-size: 10pt">Στην παλέτα χρώμα, μπορούμε να επιλέξουμε ένα χρώμα από μια μεγάλη γκάμα χρωμάτων. Για κάθε χρώμα που επιλέγουμε αντιστοιχεί ένας κωδικός χρώματος ο οποίος είναι ο συνδυασμός των χρωμάτων Κόκκινο, Πράσινο, Μπλε. Ο συνδυασμός αυτός βασίζεται στο χρωματικό μοντέλο </span><span
style="font-size: 10pt" lang="EN-US">RGB</span><span
style="font-size: 10pt"> (</span><span
style="font-size: 10pt" lang="EN-US">Red</span><span
style="font-size: 10pt">, </span><span
style="font-size: 10pt" lang="EN-US">Green</span><span
style="font-size: 10pt">, </span><span
style="font-size: 10pt" lang="EN-US">Blue</span><span
style="font-size: 10pt">) Οι τιμές για κάθε ένα χρώμα κυμαίνονται από 0 έως 256.Επιπλέον, για κάθε χρώμα μπορούμε να ορίσουμε τις εξής ιδιότητες:</span></p><ul
style="margin-top: 0cm" type="disc"><li
class="MsoNormal"><span
style="font-size: 10pt">Απόχρωση: που έχει να κάνει με το χρώμα (κόκκινο, πράσινο, κλπ) και παίρνει τιμές από 0 έως 240.</span></li><li
class="MsoNormal"><span
style="font-size: 10pt">Κορεσμός: που έχει να κάνει με την ποσότητα του χρώματος (έντονο ή εξασθενημένο) με τιμές από 0 έως 240.</span></li><li
class="MsoNormal"><span
style="font-size: 10pt">Φωτεινότητα: που έχει να κάνει με την φωτεινότητα του χρώματος με τιμές από 0 έως 240.</span></li></ul><p
class="MsoNormal"><span
style="font-size: 10pt">Στην παλέτα αυτήν μπορούμε να επιλέξουμε ένα χρώμα από τα βασικά, ή να διαλέξουμε κάποιο άλλο και να το προσθέσουμε στα προσαρμοσμένα χρώματα για επιπλέον χρήση.</span></p><blockquote><p
class="MsoNormal" style="text-align: center"><span
style="font-size: 10pt"><span
style="color: red"><img
class="alignnone size-full wp-image-1223" src="http://static.greektuts.net/uploads/2009/09/Εικόνα4.jpg" alt="Εικόνα4" width="507" height="333" /></span></span></p><p
class="MsoNormal" style="text-align: center"><span
style="font-size: 10pt"> </span></p><p
class="MsoNormal" style="text-align: center"><strong><span
style="font-size: 10pt">Εικόνα 4 – Η παλέτα χρωμάτων</span></strong></p></blockquote><p
class="MsoNormal"><span
style="font-size: 10pt">Στο δεύτερο μέρος, θα μελετήσουμε τους διαφορετικούς τύπους χρωματισμών στο </span><span
style="font-size: 10pt" lang="EN-US">Flash</span><span
style="font-size: 10pt">.</span></p><blockquote><h3 style="text-align: center">Λογισμικό που χρησιμοποιήθηκε</h3><p
class="MsoNormal" style="text-align: center"><span
lang="EN-US">Adobe</span><span
lang="EN-US"> </span><span
lang="EN-US">Flash</span><span
lang="EN-US"> </span><span
lang="EN-US">CS</span>3</p></blockquote><p
class="MsoNormal" style="text-align: center"> </p> ]]></content:encoded> <wfw:commentRss>http://greektuts.net/flash-colors-and-paletes/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> </channel> </rss>
