注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

学习园地!

送人玫瑰,手有余香!

 
 
 

日志

 
 

ps制作水波效果。  

2013-04-18 12:03:40|  分类: 8、ps 学习 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

想让你的静态图片有动态的效果吗?现在就可以实现这个效果。


photoshop制作波纹效果的动画教程,ps教程,思缘教程网

1.打开一张图片。


photoshop制作波纹效果的动画教程,ps教程,思缘教程网

2.用裁剪工具将它裁剪成400乘400的正方形。


photoshop制作波纹效果的动画教程,ps教程,思缘教程网

3.裁剪后的大小。


photoshop制作波纹效果的动画教程,ps教程,思缘教程网

4.下来新建一个400乘800的透明文档。


photoshop制作波纹效果的动画教程,ps教程,思缘教程网

5.用40像素铅笔工具,在文档左上角画一横线。坐标可借助信息面板来观察。


photoshop制作波纹效果的动画教程,ps教程,思缘教程网

6.画好后载入选区,按一下ctrl+alt+t组合键——复制变换——0坐标值状态下向下移动80像素(呈等距)。


photoshop制作波纹效果的动画教程,ps教程,思缘教程网

7.确定,下来连续按ctrl+shift+alt+t组合键8次,复制8个横条(共10个),然后取消选区。


photoshop制作波纹效果的动画教程,ps教程,思缘教程网

8.按住ctrl键单击箭头处——在当前图层下方新建图层——然后填充白色。


photoshop制作波纹效果的动画教程,ps教程,思缘教程网

9.执行滤镜>模糊>高斯模糊——数值参考图示。


photoshop制作波纹效果的动画教程,ps教程,思缘教程网

10.调整一下色阶,让图案的对比明显一些。


photoshop制作波纹效果的动画教程,ps教程,思缘教程网

11.视图菜单>新建参考线——在水平100像素处和水平500像素处建立两条参考线。注意参考线的位置结合图像的尺寸是呈正方形的,这个范围才是我们需要的。。(当然也可以在其它位置建立参考线,但两线之间的高度必须是400像素)


photoshop制作波纹效果的动画教程,ps教程,思缘教程网

12.为什么要这样做?那是因为要让它在接下来的动画制作中不间断无障碍的循环播放。当初画直线的宽度是40像素,因为等距,所以白色也是40像素,二者相加是80像素,我计划用4帧完成这个动画制作,所以每复制一层向下移动20像素,4层正好形成一个循环。按住shift键,再按两次向下的方向键——向下按一次是移动10像素,不按shift键移动是1像素。


photoshop制作波纹效果的动画教程,ps教程,思缘教程网

13.为准确快捷,还是复制变换方便。按一下ctrl+alt+t组合键,在属性栏红框内输入正20像素(向下方移动),完成后按确定。


photoshop制作波纹效果的动画教程,ps教程,思缘教程网

14.然后连续按ctrl+shift+alt+t组合键2次复制两层(共四层)。下来再用裁剪工具在参考线之间裁出一个400乘400的正方形形状。


photoshop制作波纹效果的动画教程,ps教程,思缘教程网

15.裁剪好后,打开窗口>动画调板,第一帧对应的是图层2,第二帧对应的是图层2副本、、、、、、类推。


photoshop制作波纹效果的动画教程,ps教程,思缘教程网

16.参考


photoshop制作波纹效果的动画教程,ps教程,思缘教程网

17.依次为图层执行极坐标效果。


photoshop制作波纹效果的动画教程,ps教程,思缘教程网

18.完成后各层都起了变化,而且圆环也很细,这样会影响效果。


photoshop制作波纹效果的动画教程,ps教程,思缘教程网

19.继续用裁剪工具,还是400乘400,参考图中大小,对齐中心点。


photoshop制作波纹效果的动画教程,ps教程,思缘教程网

20.裁剪完的效果。


photoshop制作波纹效果的动画教程,ps教程,思缘教程网

21.现在打开图片,复制四层,背景去锁。


photoshop制作波纹效果的动画教程,ps教程,思缘教程网

22.将图层0(背景)放大一点,使它和其它图层产生错落感。


photoshop制作波纹效果的动画教程,ps教程,思缘教程网

23.色阶再调亮一点,使它和其它图层产生色差。


photoshop制作波纹效果的动画教程,ps教程,思缘教程网

24.下来单击图案窗口(转换文档快捷键为ctrl+~)。从第一帧图层2开始,单击箭头所指处——载入选区,然后ctrl+c(复制)、、、、、、


photoshop制作波纹效果的动画教程,ps教程,思缘教程网

25.再回到图片,单击通道面板下方箭头所指处——创建新通道,然后ctrl+v(粘贴)。


photoshop制作波纹效果的动画教程,ps教程,思缘教程网

26.这时蚂蚁线还在,单击图层1并添加蒙版。参考图示。


photoshop制作波纹效果的动画教程,ps教程,思缘教程网

27.重复24、25、26步骤将图案中剩余图层依次复制至和图片对应的图层蒙版中。


photoshop制作波纹效果的动画教程,ps教程,思缘教程网

28.看一下蒙版在这种图案的作用下对图层的影响。


photoshop制作波纹效果的动画教程,ps教程,思缘教程网

29.最后是建立动画帧,这就不用说了吧。


photoshop制作波纹效果的动画教程,ps教程,思缘教程网

30.第二帧、、、、、


photoshop制作波纹效果的动画教程,ps教程,思缘教程网

31.、、、、、、、、、


photoshop制作波纹效果的动画教程,ps教程,思缘教程网

32.

photoshop制作波纹效果的动画教程,ps教程,思缘教程网


 

  评论这张
 
阅读(215)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017