Ps色彩漸變體系

1、ps色彩漸變體系色彩構(gòu)成基礎(chǔ)理論一、色彩形成物體表面色彩的形成取決與三個(gè)方面，光源的照射、物體本身反射一定的色光、環(huán)境與空間對(duì)物體色彩的影響。光源色：由各種光源發(fā)出的光，光波的長(zhǎng)短、強(qiáng)弱、比例性質(zhì)的不同形成了不同的色光，稱為光源色。物體色：物體色本身不發(fā)光，它是光源色經(jīng)過(guò)物體的吸收反射，反映到視覺(jué)中的光色感覺(jué)，我們把這些本身不發(fā)光的色彩統(tǒng)稱為物體色。色彩組成基本色一個(gè)色環(huán)通常包括12種明顯不同的顏色。而對(duì)于藝術(shù)設(shè)計(jì)師充分理解的色環(huán)和色論的重要方面，也許不會(huì)被我們中的網(wǎng)頁(yè)設(shè)計(jì)者們能夠充分欣賞。缺少多這方面的了解，你將會(huì)把事情搞亂。三原色從定義上講，三原色是能夠按照一些數(shù)量規(guī)定合成其他任何一種顏色

2、的基色。為了確定三原色，你必須首先確切明確那一種顏色是你正在使用的中間色。在上小學(xué)時(shí)，你可能就知道了三原色：紅、黃、藍(lán)，并且你現(xiàn)在用于展示的，仍然是紅、黃、藍(lán)三原色。但是如果你有噴墨打印機(jī)的話，花點(diǎn)時(shí)間把它的蓋子打開(kāi)，看看他的墨盒，你能看到紅、黃、藍(lán)嗎？不能！你可能看到的是四種層色：藍(lán)綠（青）色、紅紫（洋紅）色、黃色和黑色。顏色的不同是由于你的電腦用的是正色，而你的打印機(jī)用的是負(fù)色。顯示器發(fā)出的是彩色光，而紙上的墨則吸收燈光發(fā)出的顏色。更進(jìn)一步的解釋就超出了本意要探討的范圍。除了發(fā)射與吸收光的不同之外，本文設(shè)計(jì)的概念同樣適用于正色和負(fù)色模式，處于本文的寫(xiě)作目的，我們僅探討著正色模式的三原色：紅

3、、黃、藍(lán)。近似色近似色可以是我們給出的顏色之外的任何一種顏色。如果從橙色開(kāi)始，并且你想要它的兩種近似色，你應(yīng)該選擇紅和黃。用近似色的顏色主題可以實(shí)現(xiàn)色彩的融洽和融合，與自然界中能看到的色彩接近起來(lái)。補(bǔ)充色正如我們所知道的相對(duì)色一樣，補(bǔ)充色是色環(huán)中的直接位置相對(duì)的顏色。當(dāng)你想使色彩強(qiáng)烈突出的話，選擇對(duì)比色比較好。假如你正在組合一幅檸檬圖片，用藍(lán)色背景將使檸檬更加突出。分離補(bǔ)色分離補(bǔ)色由兩到三種顏色組成。你選擇一種顏色，就會(huì)發(fā)現(xiàn)它的補(bǔ)色在色環(huán)的另一面。你可以使用補(bǔ)色那一邊的一種或多種顏色。組色組色是色環(huán)上距離相等的任意三種顏色。當(dāng)組色被用作一個(gè)色彩題時(shí)，會(huì)對(duì)瀏覽者造成緊張的情緒。因?yàn)槿N顏色形成對(duì)

4、比。上面所講的基色和次色組可以被稱作兩組組色。暖色暖色由紅色調(diào)組成。比如紅色、橙色、黃色。他們給選擇的顏色賦予溫暖、舒適和活力。他們也產(chǎn)生了一種色彩向?yàn)g覽者顯示或移動(dòng)，并從頁(yè)面中突出出來(lái)的可視化效果。冷色冷色來(lái)自于藍(lán)色色調(diào)。譬如藍(lán)色、青色和綠色。這些顏色將對(duì)色彩主題起到冷靜的作用，他們看起來(lái)有一種從瀏覽者身上收回來(lái)的效果，于是他們用作頁(yè)面的背景比較好。需要注明的是，你將發(fā)現(xiàn)在不同的書(shū)中，這些顏色組合有不同的名稱。但是如果你能夠理解這些基本原則，他們將對(duì)你的網(wǎng)頁(yè)設(shè)計(jì)是十分有益的。色彩對(duì)比兩種以上的色彩，以空間或時(shí)間關(guān)系相比較，能比較出明顯的差別，并產(chǎn)生比較作用，被成為色彩對(duì)比。該想象分為兩大類：

5、同時(shí)對(duì)比和連續(xù)對(duì)比。色相對(duì)比因色相之間的差別形成對(duì)比。當(dāng)主色相確定后，必須考慮其他色彩與主色相是什么關(guān)系，要表現(xiàn)什么內(nèi)容及效果等，這樣才能增強(qiáng)其表現(xiàn)力。將相同的橙色，放在紅色或黃色上，我們將會(huì)發(fā)現(xiàn)，在紅色上的橙色會(huì)有偏黃的感覺(jué)，因?yàn)槌壬怯杉t色和黃色調(diào)成的，當(dāng)他和紅色并列時(shí)，相同的成分被調(diào)和而相異部分被增強(qiáng)，所以看起來(lái)比單獨(dú)時(shí)偏黃，以其他色彩比較也會(huì)有這種現(xiàn)象，我們成為色名對(duì)比。除了色感偏移之外，對(duì)比的兩色，有時(shí)會(huì)發(fā)生互相色滲的現(xiàn)象，而影像相隔界線的視覺(jué)效果，當(dāng)對(duì)比的兩色，具有相同的彩度和明度時(shí)，對(duì)比的效果越明顯，兩色越接近補(bǔ)色，對(duì)比效果越強(qiáng)烈。明度對(duì)比因明度之間的差別形成的對(duì)比。（檸檬黃明度

6、高，藍(lán)紫色的明度低，橙色和綠色屬中明度，紅色與藍(lán)色屬于中低明度）。明度對(duì)比將相同的色彩，放在黑色和白色上，比較色彩的感覺(jué)，會(huì)發(fā)現(xiàn)黑色上的色彩感覺(jué)比較亮，放在白色上的色彩感覺(jué)比較暗，明暗對(duì)比效果非常強(qiáng)烈明顯，對(duì)配色結(jié)果產(chǎn)生的影響，明度差異很大的對(duì)比，會(huì)讓人有不安的感覺(jué)。純度對(duì)比一種顏色與另一種更鮮艷的顏色對(duì)比，會(huì)感覺(jué)不太鮮明，但與不鮮明的顏色相比時(shí)，則顯得鮮明，這種色彩的對(duì)比便稱為純度對(duì)比。補(bǔ)色對(duì)比將紅與綠、黃與紫、藍(lán)與橙等具有補(bǔ)色關(guān)系的色彩彼此并置，使色彩感覺(jué)更為鮮明，純度增加，成為補(bǔ)色對(duì)比。（視覺(jué)的殘像現(xiàn)象明顯）。冷暖對(duì)比猶豫色彩感覺(jué)的冷暖差別而形成的色彩對(duì)比，稱為冷暖對(duì)比。（紅、橙、黃使人

7、感覺(jué)溫暖；藍(lán)、藍(lán)綠、藍(lán)紫使人感覺(jué)寒冷；綠與紫介于其間），另外，色彩的冷暖對(duì)比還受明度與純度的影響，白光反射高而感覺(jué)冷，黑色吸收率高而感覺(jué)暖。ps色彩漸變體系1. 理解漸變的概念，漸變構(gòu)成是平面的基本構(gòu)成形式之一，漸變的涵蓋非常廣泛，有形狀，方向，位置，大小，色彩和骨格漸變，今天講的就是色彩漸變。2. 視覺(jué)感知：我們對(duì)平面圖像的感知，平面設(shè)計(jì)是將不同的基本圖形，色彩，亮度按照一定的規(guī)則在平面上組合成圖案的。主要在二度空間范圍之內(nèi)以輪廓線，色彩，光影來(lái)描繪形象。而平面設(shè)計(jì)所表現(xiàn)的立體空間感，并非是在的三度空間，而僅僅是圖形對(duì)人的視覺(jué)引導(dǎo)作用形成的幻覺(jué)空間。從下圖中我們可知a與b的顏色是一樣。（#6

8、b6b6b）3. ps漸變模式：主要是角度、線條（線性），徑向，對(duì)稱，菱形這五種漸變，還有一種不常用的雜色漸變。如下圖4. ps色彩模式：一般可分為兩種，一種是純色（單色）漸變，一種是混色漸變，如下圖5. 漸變的方式多種多樣，通過(guò)不同的漸變模式可以創(chuàng)建出神奇的色彩效果，ps色彩漸變是根據(jù)色標(biāo)間的不同色彩進(jìn)行色彩上的過(guò)度而不同的設(shè)置往往會(huì)產(chǎn)生多種不同的樣式，一個(gè)漸變條中的可以有多種漸變，一是對(duì)比漸變，請(qǐng)看下圖（是土黃和藍(lán)色的各自的純色漸變，我們接著看他的色標(biāo)位置，中間的白色色標(biāo)和土黃色色標(biāo)幾乎貼在了一起，這就產(chǎn)生了強(qiáng)烈的對(duì)比）二是柔和的漸變（也就是常規(guī)漸變）6. 角度漸變模式的特殊效果，角度漸變

9、中當(dāng)色標(biāo)的首標(biāo)色和尾標(biāo)色相同時(shí)就會(huì)出現(xiàn)如下圖（橙黃漸變）這種效果。7. 透明度對(duì)漸變的影響。我們看下面的實(shí)例，同樣是用對(duì)比漸變的色標(biāo)，在一定透明度的數(shù)值下，多次漸變的效果，產(chǎn)生出層層疊疊的層次感。8. 對(duì)比漸變與低透明度的結(jié)合的效果（如下圖）。我們看他的色標(biāo)，藍(lán)藍(lán)白白，中間的藍(lán)色標(biāo)和白色標(biāo)重疊到了一起，然后用菱形漸變，看一下效果，產(chǎn)生了方形的層疊感。9. 色標(biāo)透明度的應(yīng)用之一，效果如下圖，產(chǎn)生了彩虹效果，再觀察他的色標(biāo)，藍(lán)綠黃紅，在右端聚集到了一起，有微小的過(guò)度，這就產(chǎn)生了彩虹的特效。10. 色標(biāo)透明度的應(yīng)用之二，效果如下圖，產(chǎn)生放射效果，再看色標(biāo)，紅紅紅，中間透明，紅色是以色塊形式存在的，漸

10、變模式是角度漸變，這也可以說(shuō)是對(duì)比漸變的應(yīng)用之一，比如我們?nèi)绻缮珮?biāo)設(shè)置成紅黃紅黃，這樣的色塊（注意是色塊），那么就能得到紅色塊和黃色塊放射的效果。11. 流行漸變效果制作實(shí)例很多人認(rèn)為這是web2.0，其實(shí)說(shuō)真的和web2.0扯不上關(guān)系，只是因?yàn)槭且皇沁@種大膽效果剛剛出現(xiàn)不久，二是許多web2.0網(wǎng)站都采用這種效果，而我們現(xiàn)在就學(xué)習(xí)這種效果的表現(xiàn)之一，高光。高光可以通過(guò)很多方式實(shí)現(xiàn)，不過(guò)這種方式是色彩漸變中的直接高光，好了，現(xiàn)在看看效果圖（下圖），看，不論是字體和按鈕，標(biāo)題欄（按鈕拉長(zhǎng)后）都可以應(yīng)用，我們拿第一個(gè)紫色漸變來(lái)說(shuō)，在混合模式中進(jìn)行如下設(shè)置，描邊，內(nèi)發(fā)光，漸變疊加（色標(biāo)疊加，描邊色是漸變中的最深色）。12. 雜色漸變的應(yīng)用，雜色漸變由于色彩控制能力低，通常為教學(xué)者所遺棄，這里主要是將他的應(yīng)用之一，設(shè)置如下圖h,s,b，純色漸變時(shí)，h取值兩端不變，s和b改變，即可直觀的得到柔和的純色漸變，而如果通過(guò)制定色標(biāo)漸變的方式，那么只有點(diǎn)擊一下鼠標(biāo)才可以看到效果，而這種方式在鼠標(biāo)拖動(dòng)時(shí)就可以看到效果，多色漸變，固定b和s數(shù)值，就可以達(dá)到較理想的效果