格子效果:用PS制作数码照片像素格子效果

>>> 当前位置:Photoshop教程 > 照片处理

讲道理如果只是单纯的将整个图片变成围棋元素直接用PS搞搞选区,叠加图案以及图层样式就可以完成。但是我看了一下发来的视频效果,每个围棋元素好像是独立的对象,可以进行删减甚至替换颜色。

试了试以后,发现用Ai结合PS可以很好的完成这个效果,来吧,今天我们就尝试着将图片制作成围棋效果吧。

格子效果:用PS制作数码照片像素格子效果,PS教程,思缘教程网

格子效果:用PS制作数码照片像素格子效果,PS教程,思缘教程网

打开Ai,新建画板,画板尺寸和你准备的图片素材一致就好:

格子效果:用PS制作数码照片像素格子效果,PS教程,思缘教程网

把图片拖进Ai,点击嵌入:

格子效果:用PS制作数码照片像素格子效果,PS教程,思缘教程网

在选中对象的情况下,执行对象-创建对象马赛克:

格子效果:用PS制作数码照片像素格子效果,PS教程,思缘教程网

在创建对象马赛克中可以看到,我们可以设置马赛克的间隙以及数量,例如我这里就把横纵的数量都设置为50:

格子效果:用PS制作数码照片像素格子效果,PS教程,思缘教程网

但是需要注意的是,由于我们的图片素材尺寸的原因,这里如果横纵数量都设置为50,那么必然创建出来的马赛克不是正方形。

没有关系,我们只需要点击一下使用比率,那么马赛克的数量就会进行自动适配,记得勾选删除栅格:

格子效果:用PS制作数码照片像素格子效果,PS教程,思缘教程网

点击确定以后,我们就可以看到图片被转换成一个一个的方块了:

格子效果:用PS制作数码照片像素格子效果,PS教程,思缘教程网

当我们将对象取消编组以后,每一个方块就是独立的对象了,当然你可能会看到这个方块不是标准的正方形,不过这一点点的差值不影响最终的效果:

格子效果:用PS制作数码照片像素格子效果,PS教程,思缘教程网

再次选中所有对象,执行效果-风格化-圆角:

格子效果:用PS制作数码照片像素格子效果,PS教程,思缘教程网

由于之前我们每一个小方框几乎是一个40*40的尺寸,所以这里圆角的半径只要大于20就行:

格子效果:用PS制作数码照片像素格子效果,PS教程,思缘教程网

这个时候你会发现所有的方块都变成圆形了,为了看的更清楚一点,你可以再画一个黑色的矩形置于底层锁定充当背景:

格子效果:用PS制作数码照片像素格子效果,PS教程,思缘教程网

现在就可以打上一些文字,锁定住:

格子效果:用PS制作数码照片像素格子效果,PS教程,思缘教程网

使用魔棒工具,将容差改小一点:

格子效果:用PS制作数码照片像素格子效果,PS教程,思缘教程网

由于我们现在的所有圆对象都是独立的,所以就可以灵活的进行删除甚至更改颜色了,我这里没有更改颜色,只是进行了一些元素的删除,随意一点就好:

格子效果:用PS制作数码照片像素格子效果,PS教程,思缘教程网

感觉差不多就可以到PS里添加效果了,把圆形对象和文字分别拖进PS,我这里事先做好了排版:

格子效果:用PS制作数码照片像素格子效果,PS教程,思缘教程网

给圆形图层添加图层样式斜面和浮雕,参数大家看着效果来就好:

格子效果:用PS制作数码照片像素格子效果,PS教程,思缘教程网

再添加一个黑色的内发光:

格子效果:用PS制作数码照片像素格子效果,PS教程,思缘教程网

视情况也可以添加一个投影:

格子效果:用PS制作数码照片像素格子效果,PS教程,思缘教程网

当然你也可以根据自己的喜好调一下色:

格子效果:用PS制作数码照片像素格子效果,PS教程,思缘教程网

再换个背景色:

格子效果:用PS制作数码照片像素格子效果,PS教程,思缘教程网

最后导出图片看看效果吧:

格子效果:用PS制作数码照片像素格子效果,PS教程,思缘教程网

更多内容欢迎关注公众号:

本文由“野鹿志”发布

转载前请联系马鹿野郎

私转必究

进入论坛交作业:http://www.missyuan.com/thread-860697-1-1.html

给圆形图层添加图层样式斜面和浮雕,参数大家看着效果来就好:

格子效果:用PS制作数码照片像素格子效果,PS教程,思缘教程网

再添加一个黑色的内发光:

格子效果:用PS制作数码照片像素格子效果,PS教程,思缘教程网

视情况也可以添加一个投影:

格子效果:用PS制作数码照片像素格子效果,PS教程,思缘教程网

当然你也可以根据自己的喜好调一下色:

格子效果:用PS制作数码照片像素格子效果,PS教程,思缘教程网

再换个背景色:

格子效果:用PS制作数码照片像素格子效果,PS教程,思缘教程网

最后导出图片看看效果吧:

格子效果:用PS制作数码照片像素格子效果,PS教程,思缘教程网

更多内容欢迎关注公众号:

本文由“野鹿志”发布

转载前请联系马鹿野郎

私转必究

进入论坛交作业:http://www.missyuan.com/thread-860697-1-1.html

这个时候你会发现所有的方块都变成圆形了,为了看的更清楚一点,你可以再画一个黑色的矩形置于底层锁定充当背景:

格子效果:用PS制作数码照片像素格子效果,PS教程,思缘教程网

现在就可以打上一些文字,锁定住:

格子效果:用PS制作数码照片像素格子效果,PS教程,思缘教程网

使用魔棒工具,将容差改小一点:

格子效果:用PS制作数码照片像素格子效果,PS教程,思缘教程网

由于我们现在的所有圆对象都是独立的,所以就可以灵活的进行删除甚至更改颜色了,我这里没有更改颜色,只是进行了一些元素的删除,随意一点就好:

格子效果:用PS制作数码照片像素格子效果,PS教程,思缘教程网

感觉差不多就可以到PS里添加效果了,把圆形对象和文字分别拖进PS,我这里事先做好了排版:

格子效果:用PS制作数码照片像素格子效果,PS教程,思缘教程网

给圆形图层添加图层样式斜面和浮雕,参数大家看着效果来就好:

格子效果:用PS制作数码照片像素格子效果,PS教程,思缘教程网

再添加一个黑色的内发光:

格子效果:用PS制作数码照片像素格子效果,PS教程,思缘教程网

视情况也可以添加一个投影:

格子效果:用PS制作数码照片像素格子效果,PS教程,思缘教程网

当然你也可以根据自己的喜好调一下色:

格子效果:用PS制作数码照片像素格子效果,PS教程,思缘教程网

再换个背景色:

格子效果:用PS制作数码照片像素格子效果,PS教程,思缘教程网

最后导出图片看看效果吧:

格子效果:用PS制作数码照片像素格子效果,PS教程,思缘教程网

更多内容欢迎关注公众号:

本文由“野鹿志”发布

转载前请联系马鹿野郎

私转必究

进入论坛交作业:http://www.missyuan.com/thread-860697-1-1.html

给圆形图层添加图层样式斜面和浮雕,参数大家看着效果来就好:

格子效果:用PS制作数码照片像素格子效果,PS教程,思缘教程网

再添加一个黑色的内发光:

格子效果:用PS制作数码照片像素格子效果,PS教程,思缘教程网

视情况也可以添加一个投影:

格子效果:用PS制作数码照片像素格子效果,PS教程,思缘教程网

当然你也可以根据自己的喜好调一下色:

格子效果:用PS制作数码照片像素格子效果,PS教程,思缘教程网

再换个背景色:

格子效果:用PS制作数码照片像素格子效果,PS教程,思缘教程网

最后导出图片看看效果吧:

格子效果:用PS制作数码照片像素格子效果,PS教程,思缘教程网

更多内容欢迎关注公众号:

本文由“野鹿志”发布

转载前请联系马鹿野郎

私转必究

进入论坛交作业:http://www.missyuan.com/thread-860697-1-1.html