黑马程序员技术交流社区

标题: 号外号外:年后第一讲:晶格化多边形背景效果 [打印本页]

作者: 张晗老师    时间: 2016-2-18 15:20
标题: 号外号外:年后第一讲:晶格化多边形背景效果
本帖最后由 张晗老师 于 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, 下载次数: 166

晶格化背景2.rar

8.74 MB, 下载次数: 141


作者: 柳柳桑    时间: 2016-2-18 16:53
哇塞。很不错的资源哪~
作者: hekaikai    时间: 2016-2-18 21:09
这个资源不错    赞赞赞
作者: luominghua    时间: 2016-2-19 09:22
早上好..
作者: zapoo    时间: 2016-2-19 12:24
老师讲的很不错
作者: zapoo    时间: 2016-2-20 10:32
好好学习天天向上
作者: D_Time    时间: 2016-2-20 22:27
好好学习天天向上
作者: zzh111    时间: 2016-2-21 01:40
呵呵,挺简单的
作者: hainanlxk    时间: 2016-2-21 11:24
新的一年,我也要加油啊
作者: zapoo    时间: 2016-2-21 11:59
好好学习天天向上
作者: luominghua    时间: 2016-2-21 18:20
加油了 !
作者: zapoo    时间: 2016-2-22 21:23
加油!!!!
作者: 何逸    时间: 2016-2-22 22:52
666666666666666666666666666666666
作者: 墨玦    时间: 2016-2-23 01:05
2333333333333333
作者: wx_HGg3vI7d    时间: 2016-2-23 20:44
虽然还不会  但是必须赞  ~
作者: qingqing    时间: 2016-2-26 14:26
顶贴了,好贴,谢谢!
作者: 冰糖葫芦五加皮    时间: 2016-3-30 00:23
赞赞赞赞赞赞赞赞
作者: suiyanxin    时间: 2016-4-4 00:41
真的很不错偶
作者: chensc    时间: 2016-8-17 21:57
学习学习!
作者: ui_fhy    时间: 2017-10-13 15:33
很不错的作品哦!




欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2