Photoshop提圖片取色彩及應用的技巧

2023-12-01 17:29:01 來源/作者: / 己有:0人學習過

二、提取到的色彩怎樣應用

按照咱們第一步提取的顏色做了一個Metro風格改進版的頁面(里面的內容可以無視,都是替代文字)。先感受下。。。

Photoshop從作品中提取色彩及應用的技巧

單純說顏色的話,這個話題還真不好說,因為咱們最終要出的是呈現(xiàn)內容的界面,讓圖形、文字、色彩相互協(xié)調,而不是做排列顏色的色譜,所以就牽扯到框架布局和內容展示層級的問題。

Photoshop從作品中提取色彩及應用的技巧

這個頁面和現(xiàn)在的主流網(wǎng)站框架差不多,從上到下主要分為三個部分,導航區(qū)域、banner、內容區(qū)。

具體顏色應用為:

導航文字及l(fā)ogo的顏色為最淺的藍色。

banner區(qū)域既大背景,這里用了咱們開始的圖片。上邊的大標題logo則用了最深的藍色。

內容區(qū)域出現(xiàn)的提取帶的三個色相的色彩,如果只是排列剩下的幾個顏色的話,顏色會很沖,完全不能接受。所以找了幾張圖片用來過渡顏色,調整畫面的節(jié)奏?,F(xiàn)在看來效果好不錯,內容區(qū)域的文字顏色與導航文字一致,都是最淺的藍色。

內容區(qū)域的幾個按鈕并沒有用提取的顏色,而是白色疊加然后調整出透明度來的

這個技巧還望大家靈活運用,如果單純靠機器程序的話,自己的感覺依舊很難找。如果你真的對設計感興趣的話請不要忘記設計師的三多:多看、多想、多練,看到,理解,通過自己形式表現(xiàn)出來。