利用图层样式快速制作光滑的蓝色水晶字

本教程重点是云彩部分的制作。作者制作方法比较特别,先用云彩滤镜做出云彩纹理,然后用魔术棒选区云彩的高光选区,再新建图层填充白色,后期适当模糊及变形处理就变成非常不错的云雾。

最终效果
Photoshop给风景图片加上流云飘动动画_亿码酷站___亿码酷站平面设计教程插图

1、本教程实例采用photoshop CS5制作,其它版本通用,先打开原图,如下图所示。
Photoshop给风景图片加上流云飘动动画_亿码酷站___亿码酷站平面设计教程插图1

Photoshop给风景图片加上流云飘动动画_亿码酷站___亿码酷站平面设计教程插图2

 

 

2、本原图选材于太姥山,我们的目的就是要在其基础上添加流动的云雾效果,先新建一个图层1,如下图所示。

Photoshop给风景图片加上流云飘动动画_亿码酷站___亿码酷站平面设计教程插图3

3、按D键将前景和背景色复原为黑白,然后选择菜单“滤镜->渲染->云彩”,如下图所示。

Photoshop给风景图片加上流云飘动动画_亿码酷站___亿码酷站平面设计教程插图4

4、单击选择“魔棒工具”,设置容差为3,不要勾选连续,如下图所示。

Photoshop给风景图片加上流云飘动动画_亿码酷站___亿码酷站平面设计教程插图5

 

5、在填充了云彩效果的图层1上任意位置单击,这时会发现有部分不规则区域被选中,接着按住Shift键,同时左键在不同位置单击,如下图所示。
Photoshop给风景图片加上流云飘动动画_亿码酷站___亿码酷站平面设计教程插图6
6、差不多得到如下的选区效果即可。
Photoshop给风景图片加上流云飘动动画_亿码酷站___亿码酷站平面设计教程插图7
7、将图层1的眼睛点掉,新建一个图层2并单击选中,如下图所示。
Photoshop给风景图片加上流云飘动动画_亿码酷站___亿码酷站平面设计教程插图8
8、选择菜单“编辑->填充”,选择白色对选区进行填充,效果如下图所示。

 

 

21、倒影部分也一样进行涂抹,注意树木和草部分的倒影是不能有云雾倒影的,具体如下图所示。

Photoshop给风景图片加上流云飘动动画_亿码酷站___亿码酷站平面设计教程插图9

【亿码酷站-编程开发教程】收集全网优质教程及源码资源!

全网优质软件开发、平面设计等教程及精品源码资源一站可得,www.ymkuzhan.com!

22、接下来我们就可以开始制作动画,选择菜单“窗口->动画”,在弹出的动画窗口中默认有一帧的动画,如下图所示。

Photoshop给风景图片加上流云飘动动画_亿码酷站___亿码酷站平面设计教程插图10

23、单击动画窗口下方的“复制所选帧”按钮复制生成第2帧,如下图所示。

Photoshop给风景图片加上流云飘动动画_亿码酷站___亿码酷站平面设计教程插图11

24、单击选中第1帧,同时选中图层2和图层2副本,利用移动工具将其移动到最左边,注意要正好让云雾的最右边界与文档的右边界对齐,接着单击选中第2帧,将图层2和图层2副本向右移动,直到云雾的左边界与文档左边界对齐,如下图所示。

Photoshop给风景图片加上流云飘动动画_亿码酷站___亿码酷站平面设计教程插图12

 

25、按住Ctrl键一起选中第1帧和第2帧,单击帧下方时间位置,在弹出的菜单中选择间隔时间为0.2秒,如下图所示。

Photoshop给风景图片加上流云飘动动画_亿码酷站___亿码酷站平面设计教程插图13

26、确保单击选中第1帧,然后单击动画窗口下方的“过渡动画帧”按钮,在弹出的“过渡”窗口中设置过渡方式为“下一帧”,要添加的帧数为28(数值越大动画越慢,同时文件也越大),具体设置如下图所示。

Photoshop给风景图片加上流云飘动动画_亿码酷站___亿码酷站平面设计教程插图14

27、确定过渡帧后会发现在动画帧窗口中自动复制生成了28过渡帧,可以按播放按钮预览动画,如果对动画不满意可以反复修改,直到满意为止,如下图所示。

Photoshop给风景图片加上流云飘动动画_亿码酷站___亿码酷站平面设计教程插图15

  28、另外动画文件的宽与高一般不能太大,否则文件会过大影响网络传输,可以在动画做完后通过菜单“图像->图像大小”中设置宽度等,如本例中将宽度缩小到400,默认高度也会自动缩小,如下图所示。
Photoshop给风景图片加上流云飘动动画_亿码酷站___亿码酷站平面设计教程插图16
29、最后要想让动画以动画格式保存,必需通过菜单“文件->存储为Web和设备所用格式”进行保存,如下图所示。
Photoshop给风景图片加上流云飘动动画_亿码酷站___亿码酷站平面设计教程插图17
30、在弹出的保存设置对话框中,确保预设格式为GIF,之后按“存储”按钮保存成gif格式的动画文件即可,如下图所示。
Photoshop给风景图片加上流云飘动动画_亿码酷站___亿码酷站平面设计教程插图18
最终效果:

下载声明:
  • 本站资源如无特殊说明默认解压密码为www.ymkuzhan.com建议使用WinRAR解压;
  • 本站资源来源于用户分享、互换、购买以及网络收集等渠道,本站不提供任何技术服务及有偿服务,资源仅提供给大家学习研究请勿作它用。
  • 赞助本站仅为维持服务器日常运行并非购买程序及源码费用因此不提供任何技术支持,如果你喜欢该程序,请购买正版!
  • 版权声明:
  • 下载本站资源学习研究的默认同意本站【版权声明】若本站提供的资源侵犯到你的权益,请提交版权证明文件至邮箱ymkuzhan#126.com(将#替换为@)站长将会在三个工作日内为您删除。
  • 免责声明:
  • 您好,本站所有资源(包括但不限于:源码、素材、工具、字体、图像、模板等)均为用户分享、互换、购买以及网络收集而来,并未取得原始权利人授权,因此禁止一切商用行为,仅可用于个人研究学习使用。请务必于下载后24小时内彻底删除,一切因下载人使用所引起的法律相关责任,包括但不限于:侵权,索赔,法律责任,刑事责任等相关责任,全部由下载人/使用人,全部承担。以上说明,一经发布视为您已全部阅读,理解、同意以上内容,如对以上内容持有异议,请勿下载,谢谢配合!支持正版,人人有责,如不慎对您的合法权益构成侵犯,请联系我们对相应内容进行删除,谢谢!