恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
轻松搞定城市霓虹马赛克背景效果
0.0°
2016-07-29 原创文章 教程 举报 20274 488 473 33

设计除了美,还有好玩,让我们一起来做这个被玩坏了的马赛克吧。

版权申明:本教程为我的原创博文,文章出处请点击此处。如有转载需要请提前与我联系!谢谢!


前言


拿城市霓虹做文章的已经不少,最喜欢还是三角这种硬朗几何带来的现代气息,虽说马赛克完全有滥用的趋势,但今天我们要制作的马赛克绝不简单采用一键马赛克滤镜,这样做出的效果看上去并不精细。设计除了美,还有好玩,让我们一起来做这个被玩坏了的马赛克吧。


朦胧+三角=就是时尚


城市霓虹的照片,大部分以色彩见长,因此,你准备的照片得要有色彩这个元素的潜质。不需要整个照片铺满颜色,适当留有夜空的呼吸空间也不错。另外需要有点氤氲气息和模糊美感,霓虹要朦朦胧胧才有美。我找的这张大概符合这个标准,但需要略作裁切。


Image title


STEP 01


打开PS,新建一个1800px*1200px的文档,这个长宽比当然视你的具体情况而定。将我们选好的照片导入文档中,然后复制两下。现在我们的图层里分别有三个相同的图层了。


Image title


STEP 02


我们把这一步叫做失焦处理,这当然是在为马赛克效果打基础。选择最上一个图层,然后运用CTRL+T中的自由变换,这时,软件上方状态栏中会出现两个也许大家并不常用的参数。这两个参数一个是H,一个是V,意味着什么呢?如果没有记错,H就是Horizon,V就是Vertical,H就表示水平方向,V就代表垂直方向。通过填入不同的数值来变化倾斜的方向和角度。这里我们在H中填入45度。

Image title


STEP 03


对这个已经被倾斜处理的图片进行马赛克,进入【滤镜>像素化>马赛克】。马赛克是个很有意思的滤镜,它立马让你的第一图层变为了一堆马赛克。马赛克滤镜的数值,我填入的是70,你也可以根据自己的需求予以调整。


Image title


STEP 04


为了出现三角效果,我们再把已经做了马赛克的图层进行又一次变形处理,依然是自由变换,H的参数填入-45。然后将这一图层的透明度降至50%。就是让方形的色块变为平行四边形。


Image title


STEP 05


这次,让我们逆生长一次,运用类似的操作步骤来处理第二个夹心层,在进行马赛克处理之前,先将其自由变换,在H的参数里填入-45。然后对这个图层进行马赛克处理,PS很聪明的记录下了你上一次的操作,直接在滤镜库上方就能找到马赛克的滤镜,单击即可。经过这样一次处理,你的效果应该和我的差不多了。


Image title


STEP 06


再把这个图层进行最后一次变换处理,进入自由变换,在H的参数里填入45。于是两个图层的平行四边形就能相互重叠,刚好互相映衬下呈现三角形。效果如下图。


Image title


把细节都啃一遍


STEP 07


设计里有一个说法叫做为细节抓狂,所以,上面的效果虽然是完成了大半,但细节看到各种没有对齐的小三角,心里还是很别扭。这里,我们可以运用键盘上的左右方向键来移动上面两个图层,力争让它们都对齐。


Image title


STEP 08


边缘的部分可以用裁切工具裁切到完美。


这时你可能仍然会发现有些部分会隐隐约约透露出原图的细节(下图虚线圈出的部分)。这样似乎影响了画面的和谐。


Image title


STEP 09


将最底层的图层进行高斯模糊个把像素,我在这里模糊了30个像素。鬼使神差就把这些隐约的细节给摆平了。


Image title


最终效果如下


Image title


霓虹大表演


霓虹有色彩强烈的,也有氤氤氲氲温柔氛围的。换个颜色还不简单,这是PS的世界!


STEP 10


选择最上一个图层,运用【调整>色相】等调色工具就能做出不一样的霓虹效果,一个图层不够再把下面那个图层也来打扮打扮。不同色彩不同心情。


Image title


后记


也许说城市霓虹就太狭窄,其实你完全可以找一张另一个主题的图片,同样可以演绎出美轮美奂的效果。

微信公众号:飞屋设计微杂志

更新:2016-07-29

收藏

488人已收藏

飞屋睿

http://www.ifeiwu.com

  • 149

    作品

  • 1.8w

    粉丝

  • 0

    关注

  • 学插画的高起点是从艺术品借鉴灵感:现代抽象风格插画图形设计
  • 无需手绘的AI矢量扁平几何风基础插画:《鲜果派对》海报
  • 我的商业插画设计书《商业插画设计思维魔方》终于出版啦!
  • 神仙级控线练习,文艺极简水彩线描简笔画植物:草叶集(二)
相关标签

    猜你喜欢

      2016-07-29 原创文章 教程 举报 20274 488 473 33

      轻松搞定城市霓虹马赛克背景效果

      0.0°

      你确定要举报轻松搞定城市霓虹马赛克背景效果

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2016年07月26日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      473
      488
      33

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录