photoshop-colorful-mosaics-effect-1

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

原圖:

20pdds20151013

臨摹效果:

19pdds20151013

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

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

18pdds20151013

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

17pdds20151013

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

16pdds20151013

濾鏡–馬賽克

15pdds20151013

色彩有點暗淡,加點飽和度(也可以最終做好之后再調色)

14pdds20151013

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

13pdds20151013

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

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

12pdds20151013

添加內陰影樣式。

11pdds20151013

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

10pdds20151013

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

9pdds20151013

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

8pdds20151013

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

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

【注:前面的x%是位置,“–”后面的是值?!?/p>

7pdds20151013

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

6pdds20151013

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

1pdds20151013

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

5pdds20151013

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

4pdds20151013

最終效果?↖( ̄▽ ̄”)

3pdds20151013

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

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

2pdds20151013

【人氣超高的神器推薦】

一秒生成黃金分割曲線!
《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

點贊
收藏

發表評論 快來秀出你的觀點

還可以輸入 800 個字
 
 
載入中....
相關推薦
評論 收藏