(图文+视频)Ai+Ps野教程:简单几步教你将图片变成围棋效果

用户头像
成都/设计爱好者/7年前/5623浏览
(图文+视频)Ai+Ps野教程:简单几步教你将图片变成围棋效果
用户头像
野鹿志

方法很重要

时间有限,来看问题吧:
undefined


@radk1ddo童鞋问的这个问题大概就是把现有的图片变成类似围棋一样的元素。


讲道理如果只是单纯的将整个图片变成围棋元素直接用PS搞搞选区,叠加图案以及图层样式就可以完成。


但是我看了一下发来的视频效果,每个围棋元素好像是独立的对象,可以进行删减甚至替换颜色。


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

undefined


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

undefined


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

undefined


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

undefined


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

undefined


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


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

undefined


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

undefined


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

undefined


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

undefined


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

undefined


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

undefined


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

undefined


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

undefined


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

undefined


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

undefined


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

undefined


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

undefined


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

undefined


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

undefined


再换个背景色:

undefined


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

undefined


额,好像不是很好看,嘛~不过我觉得应该用这个方法了,下面是今天的视频版:


好啦,今天的分享就到这里,想要源文件以及原视频的童鞋后台撩我获取吧!


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

本文由“野鹿志”发布

转载前请联系马鹿野郎

私转必究

183
举报
|
209
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
平面书法字手写
水蜜桃和李子的平面水果图案
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
中国传统纹样创新图案设计
平面花卉图案扁平简约无缝拼接插画
玄关入门地毯印花图案红地毯
城阙凡花
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
城市园林平面布局航拍
牛奶乳液层次梯田平铺平面
金色颗粒质地的平面
平面插画设计女孩喝咖啡
空的平台平面和自然景观
平面风格黄绿色系花朵装饰
“知识宅急送”外卖,快递,平面,海报,素材,教育
金色颗粒质地的平面
金色颗粒质地的平面
城市园林平面布局航拍
平面男孩喝咖啡插画设计
金色颗粒质地的平面
金色颗粒质地的平面
空的平台平面和自然景观
平面插画情侣/矢量
海底世界插画
城市园林平面布局航拍
你可能喜欢
大家都在看
登录注册