零基礎(chǔ)設(shè)計(jì)師的漸變色自學(xué)指南(5)
高明度色系漸層
上面幾組漸層的搭配彩度較高,如今我們來(lái)看一下該如何處理明度較高的漸層配色模式?;A(chǔ)的高明度漸層處理起來(lái)相對(duì)容易,確保選擇的顏色都保持在檢色器的上方1/5內(nèi),同時(shí)不要讓彩度轉(zhuǎn)變過(guò)大都可以情松達(dá)到如下圖的結(jié)果。
莫名其妙彷佛寫(xiě)了一堆東西,我們行使一個(gè)范例來(lái)演習(xí)一下這些漸層的轉(zhuǎn)變,這個(gè)范例是由設(shè)計(jì)師Adrian Fernandez運(yùn)用漸層做出來(lái)的瀑布結(jié)果。
Step1.首先,我們將工作區(qū)塊分割成三個(gè)區(qū)塊,運(yùn)用類(lèi)似色選擇相近的顏色填滿(mǎn)色塊,這邊選擇的藍(lán) → 藍(lán)綠色跟作者使用的雷同,演習(xí)時(shí)建議嘗試不同的顏色。搭配白色透明度色塊就可以快速的做出簡(jiǎn)單的漸層以及三維結(jié)果,細(xì)致喔,這邊還沒(méi)有使用到任何的漸層。
Step2.分別在三個(gè)區(qū)塊中運(yùn)用上淺下深的概念由上往下來(lái)做出漸層,拉出畫(huà)面的條理感。
Step3.使用不同寬度的矩形(顏色選擇高明度低彩度的藍(lán) → 藍(lán)綠色,搭配透明度50%-100%不等的透明度)模仿出瀑布的水流。
Step4.為瀑度水流加上透明度漸層(<除了明度彩度的轉(zhuǎn)變之外再加上透明度的調(diào)整),讓畫(huà)面團(tuán)體更具質(zhì)感。
Step5. 作者現(xiàn)實(shí)的制品在這,有愛(ài)好的同伙建議自行臨摹完成演習(xí),對(duì)于漸層的運(yùn)用一定會(huì)更加的得心應(yīng)手。當(dāng)然,從作者的制品當(dāng)中可
本文地址:http://www.likemindfilms.com/tutorial/di93.html
您可能還喜歡
- Macaron 馬卡龍系色譜 ;附HC(16進(jìn)制碼
- 7個(gè)手機(jī)版網(wǎng)頁(yè)設(shè)計(jì)的原則
- 折紙多邊形網(wǎng)頁(yè)背景效果制作教程
- 龐門(mén)正道:好好玩耍的點(diǎn)線(xiàn)面(上)
- 網(wǎng)頁(yè)設(shè)計(jì)中的常見(jiàn)頁(yè)面布局方式
- WAP APP的柵格設(shè)計(jì)
- 八種很漂亮的排版方法和技巧分享
- 網(wǎng)頁(yè)設(shè)計(jì)的首屏標(biāo)準(zhǔn)你了解多少?
- 字體大寶庫(kù):40款為網(wǎng)頁(yè)設(shè)計(jì)師準(zhǔn)備的時(shí)
- 視覺(jué)設(shè)計(jì)分享—專(zhuān)題頁(yè)面設(shè)計(jì)篇
- 專(zhuān)訪(fǎng):石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類(lèi)
- 體驗(yàn)設(shè)計(jì)中的排序問(wèn)題
- 網(wǎng)頁(yè)設(shè)計(jì)精粹 網(wǎng)頁(yè)中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁(yè)UI - 原子設(shè)計(jì)理論(上)
- 如何通過(guò)設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺(jué)設(shè)計(jì)系列文章(二):全屏