當前位置:首頁>ps入門教程>ps基礎(chǔ)教程>技巧教程>教程內(nèi)容

Photoshop提圖片取色彩及應(yīng)用的技巧(2)

來源:PS夢工場 作者:佚名 學習:5707人次

二、提取到的色彩怎樣應(yīng)用

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

Photoshop從作品中提取色彩及應(yīng)用的技巧

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

Photoshop從作品中提取色彩及應(yīng)用的技巧

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

具體顏色應(yīng)用為:

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

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

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

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

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

 

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
青春、一個夢2020-04-13 12:55
青春、一個夢2020-04-13 12:52
  亦無白??2019-01-02 02:00
贊一個
北漠無言幻如雪[emoji:00b0]2019-01-02 10:03
必須支持
5638412019-01-02 08:56
必須支持
美麗傲嬌女2018-05-31 04:46
點贊
向北走2017-05-28 04:02
想來學習,新手上路
毒龍1代2017-05-28 11:35
看得云里霧里
shine2017-05-28 10:59
看得云里霧里,朩有看明白,明天繼續(xù)學習。

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!