PS教程!教你用色板快速制作一个多彩马赛克特效 - 优设网 - UISDC

PS教程!教你用色板快速制作一个多彩马赛克特效

2015/10/13 18068评论区

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%是位置,“–”后面的是值。】

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

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/photoshop-colorful-mosaics-effect

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

sketch 转场动效 设计师 优设大课堂 扁平化设计 交互设计师 界面设计 排版布局 职场 平面设计 配色 素材下载 视觉设计 web前端开发 设计师专访 设计流程 AI教程 设计理论 用户体验设计 神器下载 字体下载 海报设计 设计趋势 psd下载 设计规范 动效设计 图标设计 logo设计 产品设计 ICON 神器推荐 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 ps技巧 用户体验 酷站 PS教程 网页设计 经验分享

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里