01 對(duì)比色配色實(shí)操

本次提取上期“對(duì)比色配色”理論篇講解的部分文案，進(jìn)行配色的實(shí)操演示：

方案一

在PS中新建文件，背景選擇藍(lán)色。

英文放大鋪滿背景，并加入邊框。顏色選擇藍(lán)色的對(duì)比色紅色。（英文字體：Champion)

新建圖層，填充白色，用套索工具畫出不規(guī)則選區(qū)。

點(diǎn)擊“添加圖層蒙版”按鈕，給圖層添加蒙版。

選擇蒙版，執(zhí)行“濾鏡-濾鏡庫-噴色描邊”，得到不規(guī)則的撕紙邊緣效果。

復(fù)制一個(gè)新圖層，填充紅色，向上錯(cuò)位移動(dòng)。

在白色圖層添加“圖層樣式-投影”，撕紙效果就制作好了。

復(fù)制“文字”和“矩形”圖層，移動(dòng)到紅色圖層上方，填充藍(lán)色。

按“Ctrl+Alt+g”建立剪切蒙版，讓文字只在紅色圖層范圍顯示。

把藍(lán)色字改為白色，白色是萬能的調(diào)和色，可以緩沖藍(lán)紅對(duì)比色強(qiáng)烈的對(duì)抗性，也可以讓作品更加透亮。

最后加入文字排版和紙張褶皺效果，設(shè)計(jì)完成：

方案二

使用AI進(jìn)行制作，顏色選用對(duì)比色紫色和綠色搭配。（英文字體：Current）

給英文創(chuàng)建輪廓，取消群組。

使用直線工具畫出一條分割線，使用“路徑查找器”中的“分割”功能，把字母切割開

取消群組，右鍵選擇“變換-旋轉(zhuǎn)”180度，調(diào)整兩個(gè)色塊重合。

執(zhí)行“效果-風(fēng)格化-陰影”加入陰影。這樣得到了折紙效果：

使用相同的方法制作出其他字母：

最后加入文字排版和紙張褶皺效果，設(shè)計(jì)完成：

方案三

繼續(xù)使用AI進(jìn)行制作，把所有英文放置在畫面中。（英文字體：Current）

顏色選用黃、藍(lán)、紅的三色對(duì)比色進(jìn)行搭配。

最后加入文字排版和紙張褶皺效果，設(shè)計(jì)完成：

可以嘗試新的配色方案，

此方案顏色選用橙、綠、紫的三色對(duì)比色搭配。

本期使用的字體、樣機(jī)、源文件，請(qǐng)關(guān)注微信公眾號(hào)：藝海拾貝Design（ID：YHSBds），公眾號(hào)主頁回復(fù)“對(duì)比色”獲取下載鏈接。

優(yōu)秀作業(yè)展示

01 NoctilucaGladys

02 風(fēng)少

03 沕風(fēng)

04 龍娟（2張作品）

05 七陌

06 Joyce

07 蛋蛋DAN

08 珞影隨行

09 咪奧mao

10 小孔呀

原文地址：藝海拾貝Design（公眾號(hào)）

作者：鄧海貝

轉(zhuǎn)載請(qǐng)注明：學(xué)UI網(wǎng)》用好“對(duì)比色”，讓你的設(shè)計(jì)更有吸引力！（實(shí)操篇）

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)掃碼藍(lán)小助，報(bào)下信息，藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請(qǐng)與我們聯(lián)系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( m.izc.net.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)