Ps色彩漸變體系

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

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

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

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

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

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

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

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

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

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