ps多彩马赛克效果在哪里（ps怎么加多彩马赛克效果）

有同学问这类效果怎么做，@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这个插件一键就能画出复杂的参考线~

------

原文地址：pdadians

作者：@P大点S微博

转摘请注明优设网译文出处，谢谢各位小编。

关注优秀网页设计官方微信号：youshege；和百万设计师一起来学习设计吧


赞 (0)

相关推荐

  • PS Photoshop中如何将腿部拉长即制作大长腿效果

    PS Photoshop中如何将腿部拉长即制作大长腿效果

    今天给大家介绍一下PS Photoshop中如何将腿部拉长即制作大长腿效果的具体操作步骤.1. 首先运行PS软件,将需要编辑的照片导入之后,选择左侧的矩形框工具.2. 然后把照片中人物的腿部框选上.3 ...

  • ps中锁定透明像素的应用实例：制作套环效果

    什么是锁定透明像素?锁定透明像素在哪? 其实,Photoshop中的锁定透明像素很重要,但是很多人都不懂什么是锁定透明像素,以及锁定透明像素到底该怎么用.小编在这里用制作套环效果这个实例来告诉大家锁定 ...

  • PS（photoshop cs）如何制作出烫金凹印效果

    教你如何做PS制作烫金凹印的效果!烫金效果广泛应用于物料印刷.网页美工和包装工艺上!此将让你迅速掌握用PS制作软件如何制作出烫金凹印效果! 操作方法 01 第一步:首先要确保你电脑上有photosho ...

  • 如何打造纸张撕裂效果！（ps教程）

    在做纸张类页面设计的时候经常会用到折纸.卷轴.折页.书签的效果,除此之外还有一种虽然不常见但却很出彩,就是纸张撕裂的效果.今天,我给大家介绍一下纸张设计中的撕裂效果,希望能帮到你~ 最终效果 制作步骤 ...

  • ps图层样式怎么使用（ps图层样式功能详解）

    ps图层样式怎么使用（ps图层样式功能详解）

    通过上一篇文章我们知道了怎样混合两个图层效果,今天这篇文章我们就来讲讲如何直接添加ps的一些效果在图层上,接下来要介绍的工具就是我们的图层样式.先来介绍一下添加图层样式的方法,主要有四种,分别是:双击 ...

  • ps匹配颜色怎么用？ps匹配颜色在哪里？

    ps匹配颜色怎么用? ps匹配颜色在哪里?ps的这个功能比较简单,但是也比较实用.注意选择照片的时候要选择相近的,不然匹配出来也很难看哦. ps匹配颜色怎么用 01 分别打开两张照片,照片1是你希望能 ...

  • ps图层样式怎么打开（ps怎么弄图层样式）

    ps图层样式怎么打开（ps怎么弄图层样式）

    PS软件最新的更新是一对非常棒的新图层样式的特点,如多图层样式实例.本教程将告诉你如何使用这些功能来创建一一层,复古的文字效果.让我们开始吧.教程素材字体下载低劣的纸张纹理PS最新版本软件1.创建背景 ...

  • ps工具快捷键大全表格（ps软件快捷键大全）

    ps工具快捷键大全表格（ps软件快捷键大全）

    想学习更多其他方面电脑快捷键的请(点击小编的头像加关注), PS 说难又很难玩转,说不难嘛只要懂原理的知晓一些快捷键知识的那也是顺其自然的顺心应手,好了话不多说回归正题想了解更多的请往下看,小篇希望带 ...

  • 如何学好ps基础教程（刚学会ps怎么练手）

    很多ps的初学者打开ps都觉得好陌生好复杂,那么我们一起来认识一下ps的界面吧.其实分清楚后ps还是比较简单的哟~ps一共有四个大块版面最上方横向的是菜单栏最左侧是工具栏中间是工作区,画面内容显示在这 ...

  • 电脑PS如何拖动第二张照片进PS窗口时不覆盖住第一张

    电脑PS如何拖动第二张照片进PS窗口时不覆盖住第一张

    我们使用PS编辑照片的时候,如果一次性拖动了至少两张照片进去的时候,第二张一般不是单独窗口,而是覆盖在第一张上,今天小编就告诉大家电脑PS如何拖动第二张照片进PS窗口时不覆盖住第一张.具体如下:1.首 ...