A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

张晗老师

初级黑马

  • 黑马币:

  • 帖子:

  • 精华:

本帖最后由 张晗老师 于 2016-2-18 16:03 编辑


新的一年开始了,大家是不是知识都忘完了,我们课程上用到晶格化滤镜效果的不多,这里给大家分享一个小案例,用晶格化做的多边形背景的效果在设计上还是非常常见的。而且几乎没一个图片都能用来做出这种晶格化背景,最主要的是步骤简单。不多说了,我们先来看效果。
原图

完成

原图


完成后
  
一共九步。
第一步我们先新建一个画布:2000*1500,分辨率:72PX2000PX的宽度大部分屏幕就都能用了。将图片拖入到画布中,调整大小到充满画布,
第二步:将图片右键转换为智能对象,复制
3层,为后面滤镜效果添加做准备

第三步:先隐藏图层
1副本和图层1副本2,回到图层1,滤镜-模糊-高斯模糊,数值可以自己把控,我这里设置为250px
第四步:回到并显示图层
1副本,接下来提炼边缘的线条。重复上面的高斯模糊的效果,数值设成相同的,250PX第五步:依然在图层1副本,滤镜-像素化-晶格化,把晶格化单元格大小设到最大

初步完成效果如图:

第六步:滤镜
-风格化-查找边缘,这一步操作可以使多边形的边缘线条显现出来第七步:让边缘线更凸显。剪切蒙版,为图层1副本单独添加反相和色相饱和度的调整层,

色相饱和度调整层的饱和度降为最低
-100,将图层1副本混合模式改为滤色,效果如图

第八步:回到并显示图层
1副本2,重复上面滤镜-模糊-高斯模糊和滤镜-像素化-晶格化的效果,参数和上面的参数相同,高斯模糊大小为250PX,晶格化单元格大小设到最大。第九步:为图层1副本2单独添加(做剪切蒙版)一个色相饱和度的调整层,饱和度设到最低,将图层1副本2的混合模式改为叠加。
最终效果如图:
     

晶格化背景.rar

6.49 MB, 下载次数: 164

晶格化背景2.rar

8.74 MB, 下载次数: 138

19 个回复

倒序浏览
哇塞。很不错的资源哪~
回复 使用道具 举报
这个资源不错    赞赞赞
回复 使用道具 举报
早上好..
回复 使用道具 举报
老师讲的很不错
回复 使用道具 举报
好好学习天天向上
回复 使用道具 举报
D_Time 中级黑马 2016-2-20 22:27:53
7#
好好学习天天向上
回复 使用道具 举报
zzh111 中级黑马 2016-2-21 01:40:27
8#
呵呵,挺简单的
回复 使用道具 举报
新的一年,我也要加油啊
回复 使用道具 举报
zapoo 中级黑马 2016-2-21 11:59:33
10#
好好学习天天向上
回复 使用道具 举报
加油了 !
回复 使用道具 举报
zapoo 中级黑马 2016-2-22 21:23:41
12#
加油!!!!
回复 使用道具 举报
666666666666666666666666666666666
回复 使用道具 举报
2333333333333333
回复 使用道具 举报
虽然还不会  但是必须赞  ~
回复 使用道具 举报
顶贴了,好贴,谢谢!
回复 使用道具 举报
赞赞赞赞赞赞赞赞
回复 使用道具 举报
真的很不错偶
回复 使用道具 举报
学习学习!
回复 使用道具 举报
ui_fhy 中级黑马 2017-10-13 15:33:29
20#
很不错的作品哦!
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马