2010年3月28日 星期日
商品設計（進階篇）
基礎設計完成後，可以針對色彩及字體配置再做進一步的調整
，以下介紹配色網站的連結，本內容以第1、2、3個配色連結為主
(1)http://colormatch5k.com/
(2)http://www.jd100.net/ip/color.htm
(3)http://colorschemedesigner.com/
(4)http://www.nickherman.com/colormatch/
(5)http://www.themaninblue.com/experiment/Technicolor/
(6)http://colormixers.com/mixers/cmr/
，以下介紹配色網站的連結，本內容以第1、2、3個配色連結為主
(1)http://colormatch5k.com/
(2)http://www.jd100.net/ip/color.htm
(3)http://colorschemedesigner.com/
(4)http://www.nickherman.com/colormatch/
(5)http://www.themaninblue.com/experiment/Technicolor/
(6)http://colormixers.com/mixers/cmr/
2010年3月21日 星期日
簡易商品設計(基礎篇)
目前我們已經學習了FScapture及photocap二套體軟體，今天應用此二種軟體來完成一個簡易的商品設計。
步驟與程序：
1)主題選定：例如至pchome商店街尋找主題照片(最好自已拍照)，見下圖：
4)背景設計（漸層工具）：
a)點選「檔案」→「新增編輯」
5)漸層工具介紹：
6)圖層與物件：
完成的基礎商品設計
照片物件：加入去背好的透明圖
文字物件：加入文字編輯內容
7)組合完成：
步驟與程序：
1)主題選定：例如至pchome商店街尋找主題照片(最好自已拍照)，見下圖：
2)主要商品去背：
商品圖片不要找縮圖，解析度愈高愈好，開啟photocap軟體，將圖片載入進行去背。
下圖為即將去背的商品
去背好的圖形存成png格式，32位元
3)截取所需次要插圖：
a)除商品主體外，也可截取次要圖檔來做插圖，例如商品標題、規格、價錢，小圖示等。
b)上述圖片存在同一個工作資料夾，取名為「商品設計」。
4)背景設計（漸層工具）：
a)點選「檔案」→「新增編輯」
b)設計影像大小(採預設值，先不要更改)
5)漸層工具介紹：
6)圖層與物件：
完成的基礎商品設計
照片物件：加入去背好的透明圖
文字物件：加入文字編輯內容
7)組合完成：
8)存成工作檔pcl格式及jpg檔各一份
2010年3月7日 星期日
photocap去背
圖像與解析度
解析度(Resolution或dpi)
解析度常用來表示電腦畫面或是圖像（照片）呈現的大小，而在數位相機則用像素來表達。
解析度指的是「在單位長度上的像素數目」，比方說「像素／英吋(pixels/inch)」或「像素／公分(pixels/cm)」。單位長度上的像素越多，表示畫面細膩度越高，但是相對的檔案體積也更大。解析度的設定是決定列印品質的重要因素，高解析度的影像運用較多的像素，所以可呈現出比低解析度影像更細膩的色調變化。
檔案大小
數位影像的檔案大小，取決於格式尺寸(像素多寡)、解析度(像素顆粒細膩程度)、顏色位元(色階多寡的表現)以及相機本身儲存壓縮的比率。圖像越大、解析度越高、顏色越多，都會使所需儲存容量變大，而高壓縮率則會使影像顏色失真，可能使影像產生雜訊之類的影響。
電腦解析度：
我們如果說下圖這台螢幕的解析度是1024 x 768，表示這台螢幕目前的桌面大小是由1024 x 768點所構成。不過同樣是1024 x 768，有的人用17吋的螢幕，有人用19吋的螢幕，有人用42吋的投影電視，雖然他們的解析度都是一樣，但實際產生的畫面大小並不相同，解析度高並不代表畫面就大，這點要特別注意。
數位相機
像素，又稱畫素，為圖像顯示的基本單位，譯自英文「pixel」，pix是英語單詞picture的常用簡寫，加上英語單詞「元素」element，就得到pixel，故「像素」表示「圖像元素」之意，像素的相機通常都以百萬像素(pixel)為單位，數位影像是由一個個的單一細小方點排列而成，多少萬像素就是指多少萬個細小方點。而數位相片通常會標示如2048 x 1536，就表示他橫向有2048個像素，直向有1536個像素，總共有2048X1536=3145728個像素，我們以概數「300萬像素」來稱呼此張相片。
像素要多少才適合?
市面上常見超過一千萬像素以上的數位相機，是否買一台高像素相機就一定保證會有最佳的圖像品質？其實並不盡然。要洗出一張4X6大小的普遍生活照，充其量也只要有300萬像素表現就可以了，這樣的像素表現，也夠你將相片放大到A4尺寸輸出了。像素再向上增加，可是會讓自己的儲存空間加速減少的。
如此一來，連相機使用記憶卡容量都要增加，免得拍攝時候不夠用，而一但相片拍多了，長久累積之後，連電腦硬碟空間都會不夠。所以假使花了大錢買高像素相機，也不是那樣地要求高水準畫質，而連帶周邊配備也要再花點預算，那還不如買一台足夠使用的就非常方便了。
解析度是決定列印品質的重要因素，高解析度的影像運用較多的像素，所以可呈現出比低解析度影像更細膩的色調變化。
不同解析度的影像，所能夠應用的工作性質也就不同，而解析度的設定需依據工作內容調整，如網頁設計或者一般電腦圖片是72 dpi，報紙排版則在150 dpi，平面設計如廣告影像輸出、雜誌刊物都是在300 dpi以上，甚至也有要求高達400-600 dpi以上，大多是用在美術畫作類印刷輸出。
解析度常用來表示電腦畫面或是圖像（照片）呈現的大小，而在數位相機則用像素來表達。
解析度指的是「在單位長度上的像素數目」，比方說「像素／英吋(pixels/inch)」或「像素／公分(pixels/cm)」。單位長度上的像素越多，表示畫面細膩度越高，但是相對的檔案體積也更大。解析度的設定是決定列印品質的重要因素，高解析度的影像運用較多的像素，所以可呈現出比低解析度影像更細膩的色調變化。
檔案大小
數位影像的檔案大小，取決於格式尺寸(像素多寡)、解析度(像素顆粒細膩程度)、顏色位元(色階多寡的表現)以及相機本身儲存壓縮的比率。圖像越大、解析度越高、顏色越多，都會使所需儲存容量變大，而高壓縮率則會使影像顏色失真，可能使影像產生雜訊之類的影響。
電腦解析度：
我們如果說下圖這台螢幕的解析度是1024 x 768，表示這台螢幕目前的桌面大小是由1024 x 768點所構成。不過同樣是1024 x 768，有的人用17吋的螢幕，有人用19吋的螢幕，有人用42吋的投影電視，雖然他們的解析度都是一樣，但實際產生的畫面大小並不相同，解析度高並不代表畫面就大，這點要特別注意。
數位相機
像素，又稱畫素，為圖像顯示的基本單位，譯自英文「pixel」，pix是英語單詞picture的常用簡寫，加上英語單詞「元素」element，就得到pixel，故「像素」表示「圖像元素」之意，像素的相機通常都以百萬像素(pixel)為單位，數位影像是由一個個的單一細小方點排列而成，多少萬像素就是指多少萬個細小方點。而數位相片通常會標示如2048 x 1536，就表示他橫向有2048個像素，直向有1536個像素，總共有2048X1536=3145728個像素，我們以概數「300萬像素」來稱呼此張相片。
像素要多少才適合?
市面上常見超過一千萬像素以上的數位相機，是否買一台高像素相機就一定保證會有最佳的圖像品質？其實並不盡然。要洗出一張4X6大小的普遍生活照，充其量也只要有300萬像素表現就可以了，這樣的像素表現，也夠你將相片放大到A4尺寸輸出了。像素再向上增加，可是會讓自己的儲存空間加速減少的。
如此一來，連相機使用記憶卡容量都要增加，免得拍攝時候不夠用，而一但相片拍多了，長久累積之後，連電腦硬碟空間都會不夠。所以假使花了大錢買高像素相機，也不是那樣地要求高水準畫質，而連帶周邊配備也要再花點預算，那還不如買一台足夠使用的就非常方便了。
解析度是決定列印品質的重要因素，高解析度的影像運用較多的像素，所以可呈現出比低解析度影像更細膩的色調變化。
不同解析度的影像，所能夠應用的工作性質也就不同，而解析度的設定需依據工作內容調整，如網頁設計或者一般電腦圖片是72 dpi，報紙排版則在150 dpi，平面設計如廣告影像輸出、雜誌刊物都是在300 dpi以上，甚至也有要求高達400-600 dpi以上，大多是用在美術畫作類印刷輸出。
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彩色視覺
顏色轉碼
迪士尼中文官方網站-下面桌布去背練習
人眼所見的各種顏色是因為光線有不同波長所造成的，經過實驗發現光源的顏色由三種顏色組成，只要適當調整這三種光線的強度，就可以讓人類感受到『幾乎』所有的顏色。
光線的特性是越加越亮，因此兩兩混合可以得到更亮的中間色：黃(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的免費版本即可。
二、為能好好利用網路上許多圖案，本文介紹一個自由分享圖案網站(若有商業營利用途除外)http://openclipart.org/ ，供大家來利用，該網路除了png格式的圖檔外，尚有.svg的圖檔格式，相當值得利用。
三、此外我們可以透過firefox 瀏覽器，工具→頁面資訊來檢視瀏覽的網頁圖檔。
四、按住鍵盤Prtscrn鍵，可將整個螢幕頁面先COPY到剪貼簿的暫存區，可開啟小畫家再貼上，截取想要的畫面（缺點是動作較多，只能在沒有工具的情況下克難使用）。
五、透過專門截圖軟體來截取網路圖檔（本文使用FSCapture)。
FSCapture軟體原本是免費軟體，目前最新的版本必須付費使用，所以下載5.3的免費版本即可。
訂閱：
文章 (Atom)