Ps色彩漸變體系

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

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

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

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

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

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

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

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

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

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