Photoshop教學：六、圖層（二） 圖層混合模式

本章難度：★★　－進階知識，理解之後讓你更清楚地掌握！

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

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

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



明度、飽和度、色相為色彩的基本三項要素
上圖是Photoshop的檢色器開啟檢色器選取顏色時，在預設通的設定下會看到類似圖中的擺列先讓我們認識一下它的規則：每種顏色基本上都有三個要素如圖所示有 色相、飽和度、明度 這三種
色相(Hue)：色彩的外相，也是最直接反應該顏色為何種顏色的數值最常見的色相排列方式為色相環某些軟體的檢色器便是以色相環來做檢色，這裡則拉成一直線。
飽和度(Saturation)：該顏色的鮮豔程度飽和度越高顏色就越艷麗、越低則越黯淡(注意並不是變暗)
明度(Brightness)：該顏色的明暗程度要注意的是飽和度和明度是不一樣的可以多觀察上圖以理解他們之間的差異。
接下來就讓我們一一來介紹各種混合模式吧
Photoshop的各種混合模式

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

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


第一類：普通效果

正常：沒有特殊效果，純粹的圖層相疊。

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

第二類：變暗效果

變暗：圖層彼此相比，顯示出較暗的顏色

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

色彩增值：實用效果之一，以色彩彼此相乘的方式讓顏色變暗因此，在白色的部份怎樣相乘都不會讓顏色改變相反的、黑色的部份也永遠會讓顏色變黑色。
加深顏色：以強化對比的方式讓顏色變暗，和白色混合的時候不會有變化比起色彩增值在照片的合成更能強化立體感
線性加深：色彩增值和加深顏色的組合混合、效果和色彩增值相近，另帶有些微的對比強化。

第三類：變亮效果

變亮：和變暗相反。圖層彼此相比，顯示出較亮的顏色
濾色：實用的效果，和色彩增值相反，以色彩彼此的倒數相乘的方式讓顏色變亮。黑色的部份怎樣相乘都不會讓顏色改變白色的部份也永遠會讓顏色變白色。
加亮顏色：和加深顏色相反。以強化對比的方式讓顏色變亮，和黑色混合的時候不會有變化
線性加亮：和線性加深相反。濾色和加亮顏色的組合混合、效果和濾色相近，另帶有些微的對比強化。

第四類：對比強化

覆蓋：實用效果之一，尤其是運用在CG繪圖時材質或圖案的相疊。亮部和暗部各依強化對比的的方式讓顏色加亮或加深。
柔光：當明度大於50的地方將該部分加亮低於50的部份將該部分變暗。此效果的強度較覆蓋更為柔和。

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

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

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

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

排除：類似差異化效果，不過強度較低。

第六類：顏色效果

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

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

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

明度：將下方圖層的明度都改為此圖層的明度。

--

下回我們將開始介紹另一項圖層的實用功能－圖層樣式

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

看板娘誕生！

穆比：一起玩吧～

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

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

Photoshop教學：五、圖層（一） 圖層視窗

本章難度：★　－基本常識，了解之後讓你更順手！

到上回為止終於完成了暖身操

這回開始讓我們進行實際功能的介紹和操作吧

首先讓我們回到看版圖

這是我們今天的主題：圖層視窗

上次我們提到，圖層是Photoshop很核心的一環

而這個圖層視窗也是我們在工作時的好夥伴

所有有關圖層的操作都可以在這裡進行

如果要開啟圖層視窗

請在上方的功能選單選擇 視窗\圖層 即可

也可以直接使用快捷鍵F7來開啟或關閉。

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

再次回到開版圖：

開版圖即為我們的圖層視窗

上方跟下方為工具選項

中間即為目前文件中所有的圖層

就開版圖來說，目前有兩層圖層

而且尚未選取任何圖層(也就是說，目前沒辦法進行編修)

如果要選取想要編修的圖層，只要直接在該圖層點一下左鍵即可

1.混合模式

設定目前所選圖層與下方圖層的混合方式

這是圖層功能最有趣也是最常用的功能之一

將下拉式選單拉下可以發現有許多種模式可以選擇

每種模式都有不同的效果，我們將在下一章對個別的效果進行解說。

2.不透明度

設定目前所選圖層的不透明度

不透明度設定的越低，也就能讓下方圖層透出越多

另外，若所選的圖層擁有效果(混合模式、調整圖層...等)

也可以利用不透明度來變相調整他的效果強度。

3.鎖定模式

設定目前所選圖層的鎖定模式

鎖定模式由左到右分別有四種可以選擇：

鎖定不透明度：不讓不透明度受到變更

也就是說，不透明度0的地方怎樣畫、編修都會是完全透明的

不透明度50的地方怎樣作也都會是半透明。

這項功能在CG的繪製上應用非常的廣泛

比方說，筆者平常在繪製CG時會先把不同地方的底色分層畫出來

而啟動這項功能後，不管怎樣繪製都不會畫出底色的範圍

(因為底色外沒有上色，是完全透明的。)

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

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

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

4.填滿度

設定該圖層的填滿度

直接使用效果似乎和不透明度差不多，不過還是有部分的差異

最直接的反應就是往後會介紹的圖層樣式功能

關於這部分也一併在該章節解說。

5.顯式開關

設定是否顯示該圖層

另外，在顯示開關上按右鍵，可以改變該圖層的識別顏色以方便操作

6.圖層預覽

預覽目前圖層上的情形

白色和灰色方格相間的部分代表完全透明

所以就開版圖來說，圖層一是完全透明的。

7.圖層名稱

該圖層的名稱，預設為 圖層+編號 

也可以在名稱上點兩下，或按右鍵以更改該圖層的名稱。

8.鎖定圖示

顯示該圖層是否受到鎖定

9.功能按鈕

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

鏈結：按住Shift可以選取多個圖層

選取後按下此按鈕可以將多個圖層鏈結在一起

當移動圖層時，其他受到鏈結的圖層也會跟著移動。

圖層樣式按鈕：對所選圖層增加圖層樣式

圖層樣式詳細的功能將在後面的章節加以詳述。

遮色片按鈕：為所選圖層增加遮色片

關於遮色片的詳細介紹將在後面的章節加以解說。

新增調整圖層：新增一層調整圖層

調整圖層是具有效果的圖層，調整圖層又有許多種不同的種類

每種種類都有不同的效果可以調整畫面

是除了混合選項以外，另一種可以讓圖層更多采多姿的功能。

關於調整圖層的介紹將在後面的章節再加以詳述。

新增資料夾：新增一個圖層資料夾

圖層資料夾可以將圖層加以整合分類

使用上相當直感、只要當作檔案總管般拖移圖層就能輕鬆管理。

新增圖層：新增一層透明的圖層

另外，只要拖拉現有圖層到此按鈕上，就可以複製一份一樣的圖層

而在按此按紐時同時按住Alt鍵，就可以開啟選項、去設定新圖層的細節。

按住Ctrl後同時按下此按鈕、則可以將圖層新增在此圖層下方。

刪除圖層：刪除所選圖層

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

--

下回我們將繼續介紹圖層最有趣的功能之一　混和模式。

--

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

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

本章難度：★　－基本常識，了解之後讓你更順手！


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

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

我們先來看看下圖：

 

圖層的概念

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

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

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

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

概念如下圖：

圖層的概念

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

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


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

--

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

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

廣寒宮的日常

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

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

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

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

--

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

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


2.繪製參考線：根據透視畫出參考線。
3.背景物件骨架：精細地將背景物件的位置、比例定位在畫面中。


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


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


6.關掉骨架之後，準備開始勾勒線稿。

7.依據草圖將線稿勾勒出來，忽然覺得吳剛很礙眼，所以又拿掉了（喂）


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


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


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

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


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


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

14.將嫦娥的衣物和皮膚繪製出來。
15.將嫦娥的配件及頭髮繪製出來。

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