2010年9月29日 星期三

Photoshop教學:六、圖層(二) 圖層混合模式

Photobucket
本章難度: -進階知識,理解之後讓你更清楚地掌握!

上回我們簡單介紹了圖層的基礎
這次讓我們開始更深入的認識圖層的知識吧

首先,我們先來認識圖層最多彩的功能-混合模式
混合模式顧名思義就是選擇圖層彼此之間要用何種模式做混合
不同的混合模式也就有不同的演算法,混出來的效果當然也就不同

在介紹混合模式之前,我們簡單認識一下有關顏色的基本
先大致看一下下圖:



Photobucket
明度、飽和度、色相為色彩的基本三項要素

上圖是Photoshop的檢色器
開啟檢色器選取顏色時,在預設通的設定下會看到類似圖中的擺列
先讓我們認識一下它的規則:
每種顏色基本上都有三個要素
如圖所示有 色相飽和度明度 這三種

色相(Hue):色彩的外相,也是最直接反應該顏色為何種顏色的數值
最常見的色相排列方式為色相環
某些軟體的檢色器便是以色相環來做檢色,這裡則拉成一直線。

飽和度(Saturation):該顏色的鮮豔程度
飽和度越高顏色就越艷麗、越低則越黯淡(注意並不是變暗)

明度(Brightness):該顏色的明暗程度
要注意的是飽和度和明度是不一樣的
可以多觀察上圖以理解他們之間的差異。

接下來就讓我們一一來介紹各種混合模式吧

Photobucket
Photoshop的各種混合模式


上圖為Photoshop的混合模式表
隨著格欄又可以分類為六類,這裡就由上往下介紹。
另外,較新的版本可能會有新增的混合模式,這裡先暫不做介紹。
Photobucket

這裡舉出的範例圖皆為如上圖般彼此相疊
以更改紅色漸層該圖層的混合模式做範例


第一類:普通效果




Photobucket
正常:沒有特殊效果,純粹的圖層相疊。

Photobucket
溶解:根據透明度做出隨機的溶解效果,由於範例圖並不包含透明像素,所以沒有實際效果


第二類:變暗效果

Photobucket
變暗:圖層彼此相比,顯示出較暗的顏色
由上圖可以看出疊出的效果,兩個圖層之中較暗的顏色都被顯示出來,不過不會做顏色的變動。

Photobucket
色彩增值:實用效果之一,以色彩彼此相乘的方式讓顏色變暗
因此,在白色的部份怎樣相乘都不會讓顏色改變
相反的、黑色的部份也永遠會讓顏色變黑色。

Photobucket
加深顏色:以強化對比的方式讓顏色變暗,和白色混合的時候不會有變化
比起色彩增值在照片的合成更能強化立體感

Photobucket
線性加深:色彩增值和加深顏色的組合混合、效果和色彩增值相近,另帶有些微的對比強化。


第三類:變亮效果

Photobucket
變亮:和變暗相反。圖層彼此相比,顯示出較亮的顏色

Photobucket
濾色:實用的效果,和色彩增值相反,以色彩彼此的倒數相乘的方式讓顏色變亮。
黑色的部份怎樣相乘都不會讓顏色改變
白色的部份也永遠會讓顏色變白色。

Photobucket
加亮顏色:和加深顏色相反。
以強化對比的方式讓顏色變亮,和黑色混合的時候不會有變化

Photobucket
線性加亮:和線性加深相反。
濾色和加亮顏色的組合混合、效果和濾色相近,另帶有些微的對比強化。


第四類:對比強化

Photobucket
覆蓋:實用效果之一,尤其是運用在CG繪圖時材質或圖案的相疊。
亮部和暗部各依強化對比的的方式讓顏色加亮或加深。

Photobucket
柔光:當明度大於50的地方將該部分加亮
低於50的部份將該部分變暗。此效果的強度較覆蓋更為柔和。

Photobucket
實光:色彩增值跟濾色的混和效果
當明度大於50的地方將該部分使用濾色的方式運算
低於50的部份則用色彩增值的方式運算。

Photobucket
強烈光源:加亮顏色跟加深顏色的混和效果
當明度大於50的地方將該部分使用加亮顏色的方式運算
低於50的部份則用加深顏色的方式運算。

Photobucket
線性光源:線性加亮和線性加深的混和效果
當明度大於50的地方將該部分使用線性加亮方式運算
低於50的部份則用線性加深的方式運算。

Photobucket
小光源:變亮和變暗的混和效果
當明度大於50的地方將該部分使用變亮的方式運算(顯示較亮的顏色)
低於50的部份則用變暗的方式運算(顯示較暗的顏色)。


第五類:反差效果

Photobucket
差異化:彼此由較暗的一方減去較亮該方的色彩。
由上圖可以看到,左上角由黑色(RGB值為0,0,0)去減紅色(RGB值為255,0,0)
由於黑色數值皆為0所以結果紅色不變(255,0,0)
右上角則為紅色去減白色,當白色(RGB值為255,255,255)被減去了紅色(255,0,0)
就成了淺藍色(0,255,255)
所以變相來說,與白色混合的部份反轉色彩值、與黑色混和的部分則不變。

Photobucket
排除:類似差異化效果,不過強度較低。


第六類:顏色效果

Photobucket
色相:將下方圖層的色相都改為此圖層的色相。
此例因為下方的黑色漸層飽和度為0,所以混合出來看不出任何效果。

Photobucket
飽和度:將下方圖層的飽和度都改為此圖層的飽和度。

Photobucket
顏色:將下方圖層的色相和飽和度都改為此圖層的色相和飽和度。

Photobucket

2010年9月25日 星期六

看板娘誕生!

穆比:一起玩吧~
畫越天際終於有看版娘了!!!(感動)
最近在朋友的慫恿下設計了這隻看版娘-穆比
有了看板娘就可以在部落格四處應用了(喂=A=!!)
還能隨時穿插在文章中增添趣味性、真是太棒、太實用了
難怪大家的網誌都會有一隻看板娘 ,還強調絕對不是為了滿足什麼變態的願望(誤)

那麼,就請期待她的表現吧XD

2010年9月24日 星期五

Photoshop教學:五、圖層(一) 圖層視窗

Photobucket
本章難度: -基本常識,了解之後讓你更順手!

上回為止終於完成了暖身操
這回開始讓我們進行實際功能的介紹和操作吧

首先讓我們回到看版圖
這是我們今天的主題:圖層視窗

上次我們提到,圖層是Photoshop很核心的一環
而這個圖層視窗也是我們在工作時的好夥伴
所有有關圖層的操作都可以在這裡進行

如果要開啟圖層視窗
請在上方的功能選單選擇 視窗\圖層 即可
也可以直接使用快捷鍵F7來開啟或關閉。

那麼就先讓我們來認識他的介面吧

再次回到開版圖:
開版圖即為我們的圖層視窗
上方跟下方為工具選項
中間即為目前文件中所有的圖層
就開版圖來說,目前有兩層圖層
而且尚未選取任何圖層(也就是說,目前沒辦法進行編修)
如果要選取想要編修的圖層,只要直接在該圖層點一下左鍵即可

1.混合模式
設定目前所選圖層與下方圖層的混合方式
這是圖層功能最有趣也是最常用的功能之一
將下拉式選單拉下可以發現有許多種模式可以選擇
每種模式都有不同的效果,我們將在下一章對個別的效果進行解說。

2.不透明度
設定目前所選圖層的不透明度
不透明度設定的越低,也就能讓下方圖層透出越多
另外,若所選的圖層擁有效果(混合模式、調整圖層...等)
也可以利用不透明度來變相調整他的效果強度。

3.鎖定模式
設定目前所選圖層的鎖定模式
鎖定模式由左到右分別有四種可以選擇:

鎖定不透明度:不讓不透明度受到變更
也就是說,不透明度0的地方怎樣畫、編修都會是完全透明的
不透明度50的地方怎樣作也都會是半透明。
這項功能在CG的繪製上應用非常的廣泛
比方說,筆者平常在繪製CG時會先把不同地方的底色分層畫出來
而啟動這項功能後,不管怎樣繪製都不會畫出底色的範圍
(因為底色外沒有上色,是完全透明的。)

鎖定編修:不讓該圖層受到編修,不過還是可以移動該圖層的位置。

鎖定移動:不讓該圖層位置受到變動,不過還是可以進行編修。

全部鎖定:完全鎖定該圖層不讓他受到變動。

4.填滿度
設定該圖層的填滿度
直接使用效果似乎和不透明度差不多,不過還是有部分的差異
最直接的反應就是往後會介紹的圖層樣式功能
關於這部分也一併在該章節解說。

5.顯式開關
設定是否顯示該圖層
另外,在顯示開關上按右鍵,可以改變該圖層的識別顏色以方便操作

6.圖層預覽
預覽目前圖層上的情形
白色灰色方格相間的部分代表完全透明
所以就開版圖來說,圖層一是完全透明的。

7.圖層名稱
該圖層的名稱,預設為 圖層+編號 
也可以在名稱上點兩下,或按右鍵以更改該圖層的名稱。

8.鎖定圖示
顯示該圖層是否受到鎖定

9.功能按鈕
這裡由左至右又提供了許多常用功能的快捷按鈕:

鏈結:按住Shift可以選取多個圖層
選取後按下此按鈕可以將多個圖層鏈結在一起
當移動圖層時,其他受到鏈結的圖層也會跟著移動。

圖層樣式按鈕:對所選圖層增加圖層樣式
圖層樣式詳細的功能將在後面的章節加以詳述。

遮色片按鈕:為所選圖層增加遮色片
關於遮色片的詳細介紹將在後面的章節加以解說。

新增調整圖層:新增一層調整圖層
調整圖層是具有效果的圖層,調整圖層又有許多種不同的種類
每種種類都有不同的效果可以調整畫面
是除了混合選項以外,另一種可以讓圖層更多采多姿的功能。
關於調整圖層的介紹將在後面的章節再加以詳述。

新增資料夾:新增一個圖層資料夾
圖層資料夾可以將圖層加以整合分類
使用上相當直感、只要當作檔案總管般拖移圖層就能輕鬆管理。

新增圖層:新增一層透明的圖層
另外,只要拖拉現有圖層到此按鈕上,就可以複製一份一樣的圖層
而在按此按紐時同時按住Alt鍵,就可以開啟選項、去設定新圖層的細節。
按住Ctrl後同時按下此按鈕、則可以將圖層新增在此圖層下方。

刪除圖層:刪除所選圖層
另外也可以直接將圖層拉至此按鈕上,像丟垃圾般的將圖層刪除。

--


--

2010年9月23日 星期四

Photoshop教學:四、基本工作概念


Photobucket
本章難度: -基本常識,了解之後讓你更順手!


上回我們終於把工作介面給介紹完了
這次讓我們先來理解一下Photoshop的工作概念

Photoshop所使用的檔案都是由圖層所組成
每個檔案都至少會有一層圖層、圖層由像素所組成
若有兩層以上則每層的長寬大小都相同,另外可以自由增減、合併、排序
圖層還有不同的種類效果
彼此互相疊合排序可以達到不同視覺效果。

我們先來看看下圖:
圖層的概念
根據上圖我們可以將圖層想像是一張張透明片(賽璐璐片)
每張圖層上都有不同的圖像、彼此重複疊合就成了我們所要的圖像。
關於圖層的詳細操作、我們往後會再陸續介紹。

在工作時、我們主要的流程為下:

選取工作範圍→編修→選取下一個工作範圍...Loop

在Photoshop進行編修動作之前都要先選取一個工作範圍
讓Photoshop可以知道下一個動作要在哪裡進行
若在沒有選取的狀態下做編修動作的話
則該編修動作會直接反映在你所選取的該圖層上

概念如下圖:
Photobucket
圖層的概念

左圖沒有選取範圍就直接用筆刷工具繪圖
就可以直接自由在圖層的任何角落繪製

右圖則有先選定選取範圍,就可以將效果限制在想要的範圍
選取範圍可以有各種形狀,甚至還有透明度(強度)之分
比方說, 若選取的範圍透明只有50%,那麼所做的動作就會只有50%的強度。


選取範圍的運用是Photoshop很重要的一環
越熟練選取也就能越輕鬆做出你想要的效果

--

現在我們已經對工作概念有個底了
下一回我們開始來初步介紹圖層的應用

--
←上一篇教學 ↑回教學目錄 下一篇教學→

2010年9月21日 星期二

廣寒宮的日常

嫦娥與玉兔們快樂的每一天

明天就是中秋節了,預祝大家中秋節快樂:D

去年本來有提到今年要讓嫦娥月兔進行生死對戰
不過後來還是打消念頭,改走歡樂溫馨的家常路線,這才符合我的本性嘛!(誤)

另外今年的賀圖有製作繪製過程,有興趣的朋友可以看看喔:)

--

廣寒宮的日常-繪製歷程分享

Photobucket
1.構圖:大致將人物及物品的位置勾勒出來。

Photobucket
2.繪製參考線:根據透視畫出參考線。

Photobucket
3.背景物件骨架:精細地將背景物件的位置、比例定位在畫面中。

Photobucket
4.人物骨架:精細地將人物的位置、比例定位在畫面中。

Photobucket
5.草圖:根據骨架將草圖繪製出來。臨時在背景偷偷塞了一隻吳剛...XD

Photobucket
6.關掉骨架之後,準備開始勾勒線稿。
Photobucket
7.依據草圖將線稿勾勒出來,忽然覺得吳剛很礙眼,所以又拿掉了(喂)

Photobucket
8.關掉草稿,準備上底色。

Photobucket
9.先初步進行線稿的換色。

Photobucket
10.打上將各個物件的底色。

Photobucket
11.將背景的物件繪製出來。

Photobucket
12.利用圖層選項的功能、繪製出幾何物件。

Photobucket
13.將兩隻兔姊妹繪製出來。椅子前的廣寒臨時覺得很礙眼,所以又拿掉了。

Photobucket
14.將嫦娥的衣物和皮膚繪製出來。

Photobucket
15.將嫦娥的配件及頭髮繪製出來。

Photobucket
16.最後對整張圖的氛圍及色調做最終的調整就大功告成啦!


Photoshop教學:三、介面簡介(二)

Photobucket
本章難度: -基本常識,了解之後讓你更順手!

上回介紹了標題列上的快捷按鈕
現在我們繼續認識其他的工作介面吧:)

首先讓我們回到開版圖:

1.功能選單
程式中主要的功能和設定都能在這裡找到,在後面的章節我們再一一介紹。

2.選項列
隨著選擇不同的工具(第3點將介紹),會有該工具對應的修改選項
這些修改選項就會在這裡顯示。

另外,在工具的左方我們可以看到有一些虛點
按住這些虛點作拖拉,就可以自由移動選項列變成浮動狀態
浮動狀態時,虛點會消失變成一個深灰條,這時只要按住深灰條就可以自由拖拉
而將浮動狀態的選項列靠至視窗上方,就可以將其釘回。
其他的工具列若有虛點即有類似上述的功能。

3~6.工具列
我們在進行編修主要都是靠著這些工具配合滑鼠進行工作
部分工具甚至還可以配合感壓板進行更多元的應用

筆者由3~6大致分為四類:

3.文件操作類工具
關於對文件整體做操作及輔助的工具都在此類
像是選取、分割、移動...等類型的工具都在這裡可以找到。

4.文件編修類工具
筆刷、修復、上色、加亮減暗等編修功能都在此類
有些功能還對應感壓,能夠讓使用者進行更直感的操作

5.向量類工具
有關向量編輯的工具都在此類
雖然第一章提到photoshop並非以製作向量圖為主的軟體
不過還是有向量繪製的功能。

6.檢視輔助類工具
畫面的放大、縮小,以及拖拉旋轉等功能都在此類
較新的版本還有3D檢視的相關功能。

7.目前顏色
photoshop在工作時可以同時選取兩種顏色方便作業
其中在左上方者為目前使用的顏色,稱為前景色
右下方為備用的顏色,稱為背景色
按下快捷鍵X,可以切換前景色跟背景色
點選左下角的黑白小框則可以直接將前景、背景色變更為黑色跟白色

若直接對著色框點兩下,可以開啟檢色器變更該色框的顏色
關於檢色器的使用未來再加以詳述

8.快速遮色片模式
將工作模式切換到快速遮色片模式
遮色片在合成、編修、特效等應用非常廣泛
號稱photoshop三大必備技能之一
關於遮色片的應用未來再加以詳解。

Photobucket
這一小塊工作區域創造了無限的創意!
9.工作區域
工作區域就像我們的製圖桌一樣、是主要進行圖片編修的地方
根據上圖我們來做詳細介紹:

A:浮動視窗
B:鎖定視窗
這是近年來的新版本才有的功能
在一個視窗內可以同時顯示多個文件
另外也可以自由拖拉每個文件到不同視窗
只要按住文件的標籤就可以自由移動
而將浮動視窗放至上邊就會出現藍線,這時放開就可以將其鎖定。

C:捲軸
當文件超過顯示範為時就會出現捲軸。

D:資訊列
最左方的數字代表目前的顯示比例

而中間的文字則顯示文件的相關資訊
按一下右邊的箭頭可以改變想看的資訊
直接按下中間的資訊文字則會顯示文件的大小、色彩等資訊。

10.功能視窗
photoshop各式各樣的功能視窗都顯示在此
上回提到的工作區主要也就是對這部分進行配置
甚至還可以在邊界調整視窗的大小

另外如同工具列跟選項列,你也可以按住視窗上的深灰條進行拖拉
若如圖為上下兩欄,按住淺灰色的部分可以將它們上下分離
想要結合時,同樣按住灰條(深淺皆可)接近可以結合的部分
便會顯示一條藍線,這時候放開就可以將視窗接合在一起
和工具列跟選項列不同
功能視窗可以接合(顯示藍線)的部分比較多

視窗右上角會有一個像快轉鍵的箭頭
按此按鈕可以進行視窗的縮展、以達到節省螢幕空間的效果

縮展鍵下方有一個下拉式按鈕
隨著不同視窗會有不同的功能選項,這些選項未來再分別加以解說

--
功能的簡介就到此為止
下回將開始介紹photoshop的基本工作概念:)

--
←上一篇教學 ↑回教學目錄 下一篇教學→