圖層樣式，PS圖層樣式中混合顏色帶的使用技巧(4)

本教程主要跟同學(xué)們分享一下Photoshop圖層樣式中混合顏色帶的使用技巧，混合顏色帶很多人都不知道怎么用，混合顏色帶可以控制調(diào)整圖層影響的圖像內(nèi)容，他可以只影響圖像中的暗色調(diào)，而亮色調(diào)保持不變，或者相反，具體巧妙使用，同學(xué)們跟隨教程一起來(lái)學(xué)習(xí)一下吧。
 

混合顏色帶是一種特殊的高級(jí)蒙版，它可以快速隱藏像素。圖層蒙版、剪貼蒙版都只能隱藏一個(gè)圖層中的像素，而混合顏色帶不僅可以隱藏本圖層中的像素，還可以使下面圖層中的像素穿透上面的圖層顯示出來(lái)。在這個(gè)“混合顏色帶”中，首先是有一個(gè)通道選項(xiàng)，打開(kāi)后可以選擇三原色通道，默認(rèn)是“灰色”通道，也就是全部通道。一般情況下，都是用“灰色”通道來(lái)進(jìn)行工作的。

此處的是0(純黑)~255(純白)的色階，下面的黑白滑塊是可以分開(kāi)的(按ALT拖拽)，“0”對(duì)應(yīng)的是“黑滑塊的左半部”，“255”對(duì)應(yīng)的是“白滑塊右半部”。拖拽滑塊，其對(duì)應(yīng)的數(shù)值就會(huì)發(fā)生變化，圖像里黑白的部分也會(huì)發(fā)生相應(yīng)的變化。

我們先看下面的例子：

m.tgudhdp.cn

以拖動(dòng)本圖層黑色滑塊為例：

在整個(gè)滑塊逐步向右拖的過(guò)程中，圖像漸變圓球黑色的部分消失;這就說(shuō)明整個(gè)滑塊(未分開(kāi)時(shí))左側(cè)的區(qū)域被隱藏了，而整個(gè)滑塊右側(cè)(未分開(kāi)時(shí))的區(qū)域任然顯示出來(lái)。此時(shí)如果將整個(gè)黑滑塊分開(kāi)(按住ALT鍵)，那么左半個(gè)和右半個(gè)滑塊中間將會(huì)產(chǎn)生一個(gè)過(guò)渡的區(qū)域，這個(gè)區(qū)域很像我們熟悉的“羽化”或者“容差”的概念，起到一個(gè)過(guò)渡的作用，不至于圖像被隱藏的邊緣太生硬。

由上面的對(duì)照?qǐng)D可以看出：

左半滑塊左側(cè)(深灰色及純黑色)區(qū)域被隱藏，被隱藏的色階數(shù)為“0~44”;

左半滑塊和右半滑塊中間區(qū)域成為過(guò)渡區(qū)，色階數(shù)為“44~114”;

右半滑塊右側(cè)(亮灰色及純白色)區(qū)域被顯示出來(lái)，顯示出的色階數(shù)為“114~255”

拖動(dòng)下一圖層(仍以黑色滑塊舉例)：

拖動(dòng)黑色滑塊，左側(cè)的的區(qū)域?qū)��?huì)穿過(guò)本圖層顯示出來(lái)，將滑塊分開(kāi)，中間的區(qū)域仍是過(guò)渡區(qū);白色滑塊也是同理。

將兩個(gè)圖層放在一個(gè)組里時(shí)，對(duì)組進(jìn)行操作，組內(nèi)的所有圖層被看作為一個(gè)整體。

重點(diǎn)：假如組內(nèi)，上面圖層的透明部分蓋住了下面圖層不透明的部分，則下圖層會(huì)被上圖層直接“挖空”，而顯示出最底層(背景或透明層)，和普通圖層顯示不同，請(qǐng)熟記。下面將會(huì)用到這個(gè)特點(diǎn)來(lái)制作動(dòng)畫(huà)。

在做小icon隱藏顯示的動(dòng)畫(huà)之前，我們需要先了解一下倒計(jì)時(shí)動(dòng)畫(huà)效果的制作方法：

注意：一定要將填充改為“0”，在漸變疊加里選擇“角度”。將漸變條上方兩個(gè)控制不透明度的滑塊，一個(gè)改為：0%(白滑塊)，一個(gè)保持：100%(黑滑塊)；并將一個(gè)滑塊完全壓在另一個(gè)上面(無(wú)過(guò)渡區(qū)，使邊界清晰)；單擊兩個(gè)滑塊重疊的部分可以切換黑白滑塊，也就是“完全顯示”和“完全隱藏”之間的切換；

將兩個(gè)滑塊從漸變條最左端拖拽最右端的過(guò)程，就是走完一圈(360°)的過(guò)程。

我們了解了上面兩個(gè)知識(shí)，那接下來(lái)的小案例將會(huì)變得非常簡(jiǎn)單。

以音樂(lè)ICON為例，讓我們來(lái)分析一下：

1、我們把小ICON各個(gè)部分都放在一個(gè)組里(名為“音樂(lè)-形狀”)，組里我想把白色隱藏;需注意：不想被隱藏的部分的顏色需要和白色拉開(kāi)對(duì)比，這樣才不會(huì)受到影響;在這里不想被隱藏的部分我選的是橙色“#f66d08”

整個(gè)組顏色混合帶的設(shè)置：

2、如上設(shè)置完成以后，我們組里所有帶白色的部分都會(huì)被隱藏起來(lái);分析一下動(dòng)畫(huà)：

a、首先最下面的大圓形(108*108px)先出來(lái)，我們?yōu)槠涮砑右粋�(gè)白色的漸變疊的樣式(填充不用變成0，因?yàn)榘咨�消失后就讓它顯示出來(lái))，用上面學(xué)到的倒計(jì)時(shí)動(dòng)畫(huà)方法，為它添加一個(gè)動(dòng)畫(huà)；

b、然后我們想把大圓挖空，做一個(gè)圓形(94*94px，什么顏色無(wú)所謂)，將填充改為0，同樣的方法為其添加一個(gè)白色漸變疊加的動(dòng)畫(huà)，將它開(kāi)始的時(shí)間放在大圓之后；免費(fèi)學(xué)習(xí)PS教程請(qǐng)到16xx8.com教程網(wǎng)

c、最后我們想讓唱片的高光出來(lái)，那么在它的上面做一個(gè)圓形(90*90px，什么顏色無(wú)所謂)，將填充改為0，同樣的方法為其添加一個(gè)白色漸變疊加的動(dòng)畫(huà)，將它開(kāi)始的時(shí)間放在唱片遮罩之后。

圖中數(shù)字分別代表動(dòng)畫(huà)的出場(chǎng)次序，只要童鞋們理解混合顏色帶的特點(diǎn)，細(xì)心調(diào)整時(shí)間軸，一定會(huì)很容易的做出來(lái)一個(gè)精致的小動(dòng)畫(huà)。
 

最后再在“音樂(lè)-形狀”組上再建一個(gè)組(為整體添加樣式必須再嵌套一個(gè)組)，這個(gè)組是為了整體調(diào)整icon的樣式的，在這里我為它添加了漸變疊加和投影，不用具體糾結(jié)是什么效果，大家可以發(fā)揮創(chuàng)造力來(lái)做不同的效果。

一些小的使用技巧和同學(xué)們分享，在日后的使用中希望同學(xué)們能學(xué)以致用，做出更多的作品。