PS教程！教你用色板快速制作一個(gè)多彩馬賽克特效

有同學(xué)問這類效果怎么做，@P大點(diǎn)S微博?靈光一閃，就做了這個(gè)教程↖(￣▽￣") ……整個(gè)過程不超過20分鐘，效果好看到爆，來學(xué)！

原圖：

臨摹效果：

開整！新建一個(gè)600px*800px的文件。

底下的彩色格子要一個(gè)個(gè)畫嗎？我可不干這傻事！我的第六感告訴我，我以前在PS里看到過相似的東西——沒錯(cuò)，就是色板~

將色板截圖，BTW這是一個(gè)扁平化配色色板，沒有的童鞋可以在這下載或者用其他色板代替：《專屬扁平化設(shè)計(jì)的PS色板》

然后置入，按住shift拉伸至鋪滿畫布。

濾鏡–馬賽克

色彩有點(diǎn)暗淡，加點(diǎn)飽和度（也可以最終做好之后再調(diào)色）

抄起油漆桶！往一些格子里倒白漆~

接下來開始做明暗紋理，完全用圖層樣式即可。

新建圖層，畫一個(gè)和馬賽克等大的選框，填充任意顏色，（強(qiáng)迫癥患者表示只有填充黑色才舒服(-__-)b），將填充更改為0

添加內(nèi)陰影樣式。

然后使用移動(dòng)工具，按住Alt拖動(dòng)，將其復(fù)制到多個(gè)格子。

再來制作頂部陰影樣式，一個(gè)普通的漸變即可，可以在這個(gè)界面下用鼠標(biāo)直接在畫布上拖動(dòng)漸變位置哦~做好后同樣也復(fù)制多幾幾份到其他格子，原圖上只有白色格子有這種效果，所以我也只用在了白色格子上。

再來制作三角效果，同樣也是用漸變樣式。

漸變的顏色滑塊分別是：0%–黑色，50%–黑色，50%–白色，100%-白色。

不透明度滑塊分別是：0%–100，50%–100，50%–0，100%-0。

【注：前面的x%是位置，“–”后面的是值?！?/p>

如圖，做45°、-45°、135°、-135°共四個(gè)角度，分別復(fù)制多個(gè)隨機(jī)分布。

接下來就是做這種效果了，方法也很簡單，見下面的動(dòng)圖。

舉個(gè)例子~就是把45°的三角復(fù)制一份疊到其他角度的三角上去啦~只要是不同角度的都可以疊出這種效果。

這里有個(gè)小技巧，切換到移動(dòng)工具，把“自動(dòng)選擇：組”變成“自動(dòng)選擇：圖層”。這樣只要按住Ctrl鍵在畫布上單機(jī)就可以選中相應(yīng)圖層，圖層面板可以丟一邊啦

最終效果?↖(￣▽￣")

啊再補(bǔ)充一句如果需要做精確的格子需要先畫參考線，我太懶就沒弄這玩意了，使用GuideGuide這個(gè)插件一鍵就能畫出復(fù)雜的參考線~

使用教程及下載地址：《PS 參考線插件GuideGuide下載及使用說明》

【人氣超高的神器推薦】

一秒生成黃金分割曲線！
《PS神器！簡單實(shí)用的黃金分割工具免費(fèi)下載》

下載量7W+的摳圖神器！
《PS摳圖神器：KNOCKOUT 2.0漢化版下載及教程》

快速創(chuàng)建參考線的利器！
《PS 參考線插件GUIDEGUIDE下載及使用說明》

原文地址：pdadians
作者：@P大點(diǎn)S微博

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專注分享網(wǎng)頁設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書：史上最全的設(shè)計(jì)師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量102萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com