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

原圖：

臨摹效果：

開整！新建一個600px*800px的文件。

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

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

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

濾鏡–馬賽克

色彩有點暗淡，加點飽和度（也可以最終做好之后再調色）

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

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

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

添加內陰影樣式。

然后使用移動工具，按住Alt拖動，將其復制到多個格子。

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

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

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

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

【注：前面的x%是位置，“–”后面的是值。】

如圖，做45°、-45°、135°、-135°共四個角度，分別復制多個隨機分布。

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

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

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

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

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

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

【人氣超高的神器推薦】

一秒生成黃金分割曲線！
《PS神器！簡單實用的黃金分割工具免費下載》

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

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

原文地址：pdadians
作者：@P大點S微博

【優設網 原創文章 投稿郵箱：2650232288@qq.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量102萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com