零基礎(chǔ)設(shè)計(jì)師的漸變色自學(xué)指南(3)
2017/4/5 8:55:20來(lái)源:三聯(lián)
果偶然候會(huì)運(yùn)用在物體自己是白色但四周是有色背景時(shí),物體由于背景產(chǎn)生的反光影響到白色物品的外觀色澤。假如盼望團(tuán)體給使用者的印象是清爽干凈的,漸層中搭配的灰色就不應(yīng)該太重,如示意圖從白色往下調(diào)整一點(diǎn)點(diǎn)即可,若是選用深灰色來(lái)做搭配,產(chǎn)生的則是另一種沈穩(wěn)的結(jié)果。
該如何簡(jiǎn)單實(shí)作上面的時(shí)鐘icon呢?
Step 1. 繪制一個(gè)上淺下深(顏色相近)的圓角矩形作為icon背景(光源在上)。
Step 2. 為圖形加上內(nèi)陰影(底部)與外陰影來(lái)凸顯出立體感。
Step 3. 繪制中心的鐘面部分,運(yùn)用淺黑 → 深黑的漸層來(lái)制作凹陷的平面,同時(shí)搭配橢圓外形+高斯模糊來(lái)制作簡(jiǎn)單的光影結(jié)果以進(jìn)一步模仿圓弧凸面的結(jié)果。
Step 4. 最后在繪制指針時(shí)要稍微細(xì)致一下漸層拉的角度喔!!在繪制時(shí)請(qǐng)務(wù)必隨時(shí)記著光照射的方向 → 在這里由于指針的邊緣較細(xì),指針尖端邊緣的部分會(huì)由于反光而較為通亮,因此我拉的漸層既不是正0度或是90度而是順著指針方向的25度左右。后續(xù)的部分較簡(jiǎn)單我們就先不多談啦(其實(shí)是懶惰)XD
高彩度色系漸層
講完了灰階的基礎(chǔ)漸層搭配,我們來(lái)看一下其他色系的搭配。單純?cè)诮y(tǒng)一個(gè)顏色當(dāng)中進(jìn)行明度彩度的調(diào)整如下圖跟灰階的部分相稱類似就不再贅述啰。
這邊只增補(bǔ)一個(gè)小重點(diǎn),同色系的漸層選色請(qǐng)記得往檢色器的右下角移動(dòng),右下
[教程作者:佚名]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請(qǐng)注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請(qǐng)勿用于商業(yè)用途!
本文地址:http://www.likemindfilms.com/tutorial/di93.html
本文地址:http://www.likemindfilms.com/tutorial/di93.html
您可能還喜歡
- Macaron 馬卡龍系色譜 ;附HC(16進(jìn)制碼
- 7個(gè)手機(jī)版網(wǎng)頁(yè)設(shè)計(jì)的原則
- 折紙多邊形網(wǎng)頁(yè)背景效果制作教程
- 龐門正道:好好玩耍的點(diǎn)線面(上)
- 網(wǎng)頁(yè)設(shè)計(jì)中的常見頁(yè)面布局方式
- WAP APP的柵格設(shè)計(jì)
- 八種很漂亮的排版方法和技巧分享
- 網(wǎng)頁(yè)設(shè)計(jì)的首屏標(biāo)準(zhǔn)你了解多少?
- 字體大寶庫(kù):40款為網(wǎng)頁(yè)設(shè)計(jì)師準(zhǔn)備的時(shí)
- 視覺設(shè)計(jì)分享—專題頁(yè)面設(shè)計(jì)篇
這些是最新的
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問題
- 網(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)擊率?
- 晉小彥視覺設(shè)計(jì)系列文章(二):全屏
最熱門的教程