2010年2月28日 星期日

光線顏色的組成

 RGB色光三原色
人眼所見的各種顏色是因為光線有不同波長所造成的,經過實驗發現光源的顏色由三種顏色組成,只要適當調整這三種光線的強度,就可以讓人類感受到『幾乎』所有的顏色。


這三個顏色稱為光的三原色(RGB),像家裏的彩色電視機(或電腦螢幕)、螢幕只要具備產生這三種基本光線的發光裝置,幾乎可以混合出所有的顏色。光源三原色中,每一種單一原色可以有0~255,共256種亮度的變化,三種乘起來就有一千六百多萬種變化,這也是我們常聽到的24 bit全彩。

光線的特性是越加越亮,因此兩兩混合可以得到更亮的中間色:黃(yellow)、青(cyan)、洋紅(magenta);三種等量相加可得到白色。電腦繪圖的功力想要更上一層樓的話,各種顏色的混合關係一定要能瞭解,這樣才能把影像按自己的意思加以調整,而不是憑空任意嘗試。

以下將以實驗方試如下圖,呈現人眼看到紅色光源的影象。




若此時加上綠色光源,紅色及綠色光源混合之後會在腦中形成黃色的影象。


如何表達出一種顏色,用中文字來形容是不精確的,顏色種類繁多,每個人對顏色的認知也有差異,因此顏色適合採「符號方式」來表達。

3- 常用的顏色表示法
紅、綠、藍組成表達法
Hex表達法(採16進位)
16進位:逢16就進位一次
以下先以10進位為例,說明16進位的原則:
10進位:1 2 3 4 5 6 7 8 9  10  ---第10個數字出現時,在10位數進位1次
16進位:1  2  3  4  5  6  7  8  9  A  B  C  D  E  F 10 ---第16個數字出現時,在10位數進位1次
 所以以16進位為例,每16個一數,32就是2個16,48就是3個16,在16進位表示法就分別是10、20、30。

參考網址
PHet彩色視覺
顏色轉碼
迪士尼中文官方網站-下面桌布去背練習

2010年2月21日 星期日

圖檔引用與截取

一、網路圖案與軟體一樣,都是別人心血的結晶,在引用上要特別注意,不要侵害到別人的智慧財產權,因此在引用別人的圖案前,可以徵求別人同意,或是註明出處為何。

二、為能好好利用網路上許多圖案,本文介紹一個自由分享圖案網站(若有商業營利用途除外)http://openclipart.org/ ,供大家來利用,該網路除了png格式的圖檔外,尚有.svg的圖檔格式,相當值得利用。

三、此外我們可以透過firefox 瀏覽器,工具→頁面資訊來檢視瀏覽的網頁圖檔。

四、按住鍵盤Prtscrn鍵,可將整個螢幕頁面先COPY到剪貼簿的暫存區,可開啟小畫家再貼上,截取想要的畫面(缺點是動作較多,只能在沒有工具的情況下克難使用)。

五、透過專門截圖軟體來截取網路圖檔(本文使用FSCapture)。
FSCapture軟體原本是免費軟體,目前最新的版本必須付費使用,所以下載5.3的免費版本即可。

網路常用圖檔介紹

一、為什麼網路上有各種不同圖檔名稱?例如:GIF,JPEG,PNG……等等,為什麼有這種區分,而不要統一呢?
說明:雖然都是圖,但不同規格的網路圖檔特性不同,要看使用目的來配合使用,舉個日常生活的例子,像交通工具有很多種,例如:自行車、機車、汽車…等等,我們若要騎500公尺的小距離,可能騎自行車或機車都可以,其中的差別是機車還要成年且考過機車駕照的限制,而若要去100公里遠的地方,汽車應該比較適合,因為快速且舒適,但相對的要求就須更多(花錢更多、駕駛人的資格更嚴格)。

以此觀點來解釋網路世界的圖檔,常見的圖檔以GIF,JPEG(或簡稱JPG),PNG為主,本文先比較其特性如下:
GIF、JPEG、PNG比較
副檔名尺寸型式適用範圍
GIF較大非破壞性動畫、圖示、透明圖
JPEG較小破壞照片
PNG兩者均宜兩者均宜動畫、照片、透明圖

二、以下畫了一個西瓜圖來說明:






因此不同的圖檔名稱在適用的範圍上也不同,就像交通工具的種類有很多種一樣,因此以上圖檔在使用上,歸納如下:
1-若要呈現照片常存成jpg的圖檔格式。
2-要呈現動畫常存成gif或png格式。
3-要存成文字圖檔通常採gif格式。
4-若都不知道那一種比較好,則存成png的格式最保險。
注意事項:圖片的檔案愈大,則傳輸速度愈慢,因為若無特別需要,網路上盡量不要傳檔案太大的圖檔,目前一般數位相機的檔案都太大,最好轉檔後再上傳(可用批次縮圖軟體來配合使用)

三、點陣圖與向量圖的區別
答:網路圖片若將圖檔放大,會發現圖案邊緣會有鋸齒狀,而向量圖放大後則一樣保持原有的形況,請參考以下二張圖案的差別:
 
圖案出處:http://www.techbang.com.tw/?p=32111 T客邦

因此透過網路傳輸,gif、jpeg、png等圖案一般都會有鋸齒狀,而目前有一種最新圖案格式,.svg 的向量圖則可持最新的格式,值得大家引用。

2010年2月8日 星期一

必需要知道的幾個網站

http://www.slide.com/arrange 網路相簿
http://www.archive.org 網站備份
http://freesound.org 無須授權的音樂網站(商業用途依各別規定使用)
http://openclipart.org 無須授權的圖像網站(商業用途依各別規定使用)
http://www.nnvl.noaa.gov 美國政府環境衛星網站