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

a12b3457的博客

 
 
 

日志

 
 

【引用】ps制作水波荡漾动画效果  

2011-04-16 16:22:38|  分类: ps教程 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
本教程介绍如何用Photoshop和ImageReady软件将照片制作成水波荡漾的动画效果。会用到PS的置换滤镜来模拟水中倒影波动的特效。

  最终效果

ps制作水波荡漾动画效果 - 寒情 - 寒情博客

  1、新建一个50 x 50像素文件,背景填充黑色,全选(ctrl+a),拷贝(ctrl+c)。

ps制作水波荡漾动画效果 - 寒情 - 寒情博客

  2、另开新档,大小为50 x 100像素,贴上(ctrl+v)黑色对齐上方。

ps制作水波荡漾动画效果 - 寒情 - 寒情博客

  3、选择菜单:编辑--->定义图案。

ps制作水波荡漾动画效果 - 寒情 - 寒情博客

  4、新建一个500 x 1000像素文件,新增图层,填充任意颜色。选择菜单:图层 > 图层样式 > 图案填充 (上面定义的图)。往下新增图层,合并这两个图层。

ps制作水波荡漾动画效果 - 寒情 - 寒情博客

  5、执行:滤镜 > 模糊 > 高斯模糊,参数设置如下图,然后按Ctrl + A全选,按Ctrl + C 复制。

ps制作水波荡漾动画效果 - 寒情 - 寒情博客

  6、另开新建一个500 x 500像素文件,按Ctrl + V 粘贴。把图往上移, 但不要移到底部。

ps制作水波荡漾动画效果 - 寒情 - 寒情博客

  7、复制图层1 (ctrl+j),然后按v选择移动工具,按住shift键,方向键往下两次(即往下20 pixels)。

ps制作水波荡漾动画效果 - 寒情 - 寒情博客

  8、再复制图层1,拷贝(ctrl+j)。一样按住shift键方向键往下两次(即往下20 pixels)。以此类推,再做3次,共有五个图层,如下图。

ps制作水波荡漾动画效果 - 寒情 - 寒情博客

  9、如果这时候做成动画,会是这样:

ps制作水波荡漾动画效果 - 寒情 - 寒情博客

  10、选择最上面图层,全选(ctrl+a)。执行:滤镜 > 扭曲 > 极座标,选择第一个“平面坐标到极坐标”。

ps制作水波荡漾动画效果 - 寒情 - 寒情博客

  11、下面4个图层也一样, 重复极座标(ctrl+f)。

ps制作水波荡漾动画效果 - 寒情 - 寒情博客

  12、如果这时候做成动画,会是这样:

ps制作水波荡漾动画效果 - 寒情 - 寒情博客

  13、照片的制作方法基本类似。把背景图片适当等比拉大一点,然后用上面的方法制作一组有间隔的同心圆。再用这些同心圆作为蒙版即可。

ps制作水波荡漾动画效果 - 寒情 - 寒情博客

巧用PS仿真绘制实例 精美半透明蜡烛 - 寒情 - 寒情博客
Photoshop CS2 v9.0(安装图解) - 寒情 - 8-com.blog.163.com PS教程之动态水珠 Photoshop CS2 v9.0(安装图解) - 寒情 - 8-com.blog.163.com PS制作动态下雪效果
Photoshop CS2 v9.0(安装图解) - 寒情 - 8-com.blog.163.com Photoshop浮雕文字制作 Photoshop CS2 v9.0(安装图解) - 寒情 - 8-com.blog.163.com Photoshop从头学起
Photoshop CS2 v9.0(安装图解) - 寒情 - 8-com.blog.163.com 用PS输出透明的Gif图像 Photoshop CS2 v9.0(安装图解) - 寒情 - 8-com.blog.163.com Photoshop路径终极教程
Photoshop CS2 v9.0(安装图解) - 寒情 - 8-com.blog.163.com 教您把照片和风景融在一起 Photoshop CS2 v9.0(安装图解) - 寒情 - 8-com.blog.163.com PS常用抠图方法视频教程合集
Photoshop CS2 v9.0(安装图解) - 寒情 - 8-com.blog.163.com PS—gif图片保存优化设置 Photoshop CS2 v9.0(安装图解) - 寒情 - 8-com.blog.163.com PS-->钢管相框制作实例
Photoshop CS2 v9.0(安装图解) - 寒情 - 8-com.blog.163.com PS视频教程全集 Photoshop CS2 v9.0(安装图解) - 寒情 - 8-com.blog.163.com PS制作动态的下雨效果
Photoshop CS2 v9.0(安装图解) - 寒情 - 8-com.blog.163.com PS CS2 v9.0简体中文版下载 Photoshop CS2 v9.0(安装图解) - 寒情 - 8-com.blog.163.com PS抠图技法大集合
博客技巧 电脑学堂 素材基地 清明上河图版本大全 - 寒情 - 8-com 的博客 软件学院 音画视听 精彩图酷
博客代码 书画艺术 游戏大厅 精美边框 顶栏模版 时钟超市
flash素材 影音素材 查看关于本站的更多信息搏客顶栏动态图片(一) - Q仔 - Q仔*网易博客 经典摘录 收藏本站
如果你喜欢此日志,请点击日志左下方的“推荐”,
让大家分享,也算是对寒情的支持,谢谢!
  评论这张
 
阅读(5)| 评论(0)
推荐 转载

历史上的今天

评论

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

页脚

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