请选择 进入手机版 | 继续访问电脑版
收藏本站腾讯微博新浪微博
邮件列表客服QQ 800003860切换到窄版
点点网模板设计大赛 phpchina

经典论坛

 找回密码
 注册

QQ登录

只需一步，快速开始

蓝色理想 最新研发动态 用悬赏 三天解决问题 解决访问速度慢 论坛支持农历生日 - 给官方提建议

论坛活动及任务 归纳网站最新活动 地图任务 邮件更新任务:保护帐号安全

积分换实物，来参加蓝色理想积分兑换吧！ 联系招聘客服 蓝色理想帮你找工作！ 万元奖励等你拿——点点网模板设计大赛

经典论坛 › 论坛 › 平面设计区 › Adobe Photoshop 专栏 › 涟漪效果 (动画)
返回列表 发新帖
查看: 8771|回复: 26

[作品] 涟漪效果 (动画) [复制链接]

djwuwuwu　楼主
帖子
857
体力
1689
威望
7
发表于 2008-5-13 06:21:05 |显示全部楼层






这个效果, 是旗帜飘扬效果的延伸...

旗帜飘扬的运动方式是水平的...


如果用极座标变形为圆形...
就可得到涟漪效果了...


有兴趣的... 可以先理解一下旗帜飘扬教程... 旗帜飘扬 (动画)



[ 本帖最后由 djwuwuwu 于 2008-5-17 20:19 编辑 ]
附件: 你需要登录才可以下载或查看附件。没有帐号？注册
西部数码顶级域名注册商39元抢注！

使用道具 举报

wndao009　

文刀

高级会员

帖子
417
体力
1371
威望
0
居住地
山东省 临沂市
发表于 2008-5-13 11:14:12 |显示全部楼层
这个效果不错,动画涟漪效果如何作,版主能不能具体讲讲!

[ 本帖最后由 wndao009 于 2008-5-13 11:27 编辑 ]
你有什么不开心的事? 说出来让大家开心一下.
租服务器，上51IDC | [长沙]招聘:PHP经理10K/WEB前端6K/PHP开发6K

使用道具 举报

zmsam　

皮蛋

高级会员

帖子
712
体力
499
威望
1
居住地
湖南省 长沙市
发表于 2008-5-13 11:15:04 |显示全部楼层
很少用PS做动画..上教程.啥也不说了.那个旗帜的动画.理解了一下.因为.第一次做.有好多不明白的地方..

使用道具 举报

5281271　
帖子
597
体力
702
威望
0
居住地
广东省 深圳市
发表于 2008-5-13 11:19:09 |显示全部楼层
不错不错。
支持。在PS里波纹过度这么好呵呵LZ是不是磨了很多时间啊。
不过我还是喜欢在FLASH里面用遮照做。呵呵那样快。

使用道具 举报

leeiio　
帖子
12
体力
65
威望
0
居住地
浙江省 杭州市
发表于 2008-5-13 11:59:32 |显示全部楼层

回复 zmsam 在 3# 的帖子

知道原理的話同樣可以在別的軟件里實現這個效果。

使用道具 举报

zmsam　

皮蛋

高级会员

帖子
712
体力
499
威望
1
居住地
湖南省 长沙市
发表于 2008-5-13 14:44:34 |显示全部楼层
楼主.波浪的线条不扩大..怎么做到的?

想了方法去做.可是没有成功..望版版给点思路..

使用道具 举报

djwuwuwu　楼主
帖子
857
体力
1689
威望
7
发表于 2008-5-13 14:59:25 |显示全部楼层
原帖由 zmsam 于 2008-5-13 14:44 发表
楼主.波浪的线条不扩大..怎么做到的?

想了方法去做.可是没有成功..望版版给点思路..



我正在想教程要怎么写
==================================================================================
教程开始...

一．先定义图案
1. 50x50 填充黑色 全选(ctrl+a) 拷贝(ctrl+c)


2. 另开新档 50x100 贴上(ctrl+v)黑色对齐上方


3. 编辑--->定义图案

二．制作位移图
1. 500x1000 新增图层 任意填充颜色 填满--->0


2. 图层样式---> 图案填充 (上面定义的图)
   往下新增图层 合并这两个图层


3. 高斯模糊  然后全选 拷贝


4. 另开新档 500x500 贴上


5. 把图往上移, 但不要移到底部
   那里的高斯模糊不一致


6. 复制图层1 (ctrl+j)  然后按v(移动工具)
   按住shift键 方向键往下 两次(即往下20 pixels)


7. 再复制 图层 1 拷贝(ctrl+j)
   一样按住shift键 方向键往下 两次(即往下20 pixels)


以此类推 再做3次 共有五个


如果这时候做成动画... 会是这样:


8. 进行极座标
   选择最上面图层 全选(ctrl+a) 极座标


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


如果这时候做成动画... 会是这样:


9. 储存位移图...
   先裁切... 全选裁切即可 裁掉图层以外部份


按掉上面四个眼睛 储存 psd 格式 档名 RippleMap_001


10. 图层1 拷贝 则储存为 RippleMap_002
    以此类推 共5个RippleMap


到这里 可视做一套模板...
以后要制作涟漪效果 从下一步开始即可
不用每次都从头开始

三. 制作涟漪效果

1. 贴上你要涟漪的图


   复制4次, 放到各位移图下方


2. 从最下面的图开始 使用 置换 滤镜


设置如下:

然后选取 RippleMap_001.psd

得到变形如下...


3. 对上面位移图重复使用滤镜(ctrl+f)


4. 继续变形 这次选择 RippleMap_002.psd
   以此类推...


5. 然后 对最上面的位移图 设置图层样式 來表現明暗效果
   (可尝试其他模式) 新增这个图层样式

把这个图层样式 套用到其他位移图

6. 裁切一下就可以做动画了 :)




[ 本帖最后由 djwuwuwu 于 2008-5-13 20:23 编辑 ]
附件: 你需要登录才可以下载或查看附件。没有帐号？注册

使用道具 举报

zmsam　

皮蛋

高级会员

帖子
712
体力
499
威望
1
居住地
湖南省 长沙市
发表于 2008-5-13 15:06:04 |显示全部楼层

回复 djwuwuwu 在 7# 的帖子

我现在主要的问题就是卡在那个波浪怎么形成.

使用道具 举报

djwuwuwu　楼主
帖子
857
体力
1689
威望
7
发表于 2008-5-13 15:18:26 |显示全部楼层
原帖由 zmsam 于 2008-5-13 15:06 发表
我现在主要的问题就是卡在那个波浪怎么形成.





会做这个就会做了

把他极座标一下
附件: 你需要登录才可以下载或查看附件。没有帐号？注册

使用道具 举报

wndao009　

文刀

高级会员

帖子
417
体力
1371
威望
0
居住地
山东省 临沂市
发表于 2008-5-13 20:49:39 |显示全部楼层
做成这样了,不对啊,

改成柔光好点！（图像优化图像色失真了！）



[ 本帖最后由 wndao009 于 2008-5-13 21:02 编辑 ]
附件: 你需要登录才可以下载或查看附件。没有帐号？注册
你有什么不开心的事? 说出来让大家开心一下.

使用道具 举报

djwuwuwu　楼主
帖子
857
体力
1689
威望
7
发表于 2008-5-13 22:39:34 |显示全部楼层


大家多多研究哈
附件: 你需要登录才可以下载或查看附件。没有帐号？注册

使用道具 举报

freeroot　

特聘作家

中级会员

帖子
495
体力
794
威望
0
发表于 2008-5-14 03:02:16 |显示全部楼层
不错
局是不太真实
上面那张倒影偶觉得颜色应该淡一点
貌似倒影应该很淡的颜色

使用道具 举报

swfo　

小麦子

高级会员

帖子
234
体力
564
威望
0
居住地
大洋洲 澳大利亚
发表于 2008-5-14 12:12:37 |显示全部楼层
天啦，好看，学学

使用道具 举报

wndao009　

文刀

高级会员

帖子
417
体力
1371
威望
0
居住地
山东省 临沂市
发表于 2008-5-16 16:20:24 |显示全部楼层
再做一个,请版主评评.大图片缩小转成GIG后还是有些失真.

为什么要这样设置呢?


[ 本帖最后由 wndao009 于 2008-5-16 16:24 编辑 ]
附件: 你需要登录才可以下载或查看附件。没有帐号？注册
你有什么不开心的事? 说出来让大家开心一下.

使用道具 举报

Sychen　

思臣

银牌会员 手机认证 

帖子
465
体力
1486
威望
0
居住地
湖北省 武汉市
发表于 2008-5-16 16:45:20 |显示全部楼层
这种动画，看起来很有意思，又学习了！
天助自助者！

使用道具 举报

djwuwuwu　楼主
帖子
857
体力
1689
威望
7
发表于 2008-5-16 19:55:55 |显示全部楼层




原帖由 wndao009 于 2008-5-16 16:20 发表
再做一个,请版主评评.大图片缩小转成GIG后还是有些失真.

为什么要这样设置呢?
88373


感觉还不错... 明暗可以不用那么强调...
光影变化不是 photoshop 的强项

以前看过贴子说 波影运动只是垂直...
所以我把水平位移设为 0

   希望没记错





[ 本帖最后由 djwuwuwu 于 2008-5-16 20:16 编辑 ]
附件: 你需要登录才可以下载或查看附件。没有帐号？注册

使用道具 举报

GBLM　
帖子
2
体力
14
威望
0
发表于 2008-5-17 16:47:22 |显示全部楼层
我想问问为什么IR做gif时预览时画质很好，但一做出来以后保存画质怎么那么差呢？

使用道具 举报

djwuwuwu　楼主
帖子
857
体力
1689
威望
7
发表于 2008-5-17 19:57:40 |显示全部楼层


原帖由 GBLM 于 2008-5-17 16:47 发表
我想问问为什么IR做gif时预览时画质很好，但一做出来以后保存画质怎么那么差呢？

IR 我没用过... 我用的是 CS3

储存的时候, 要做些设定...
繁简版翻译有所不同
请自行比对测试

=================================================


[ 本帖最后由 djwuwuwu 于 2008-5-17 20:00 编辑 ]
附件: 你需要登录才可以下载或查看附件。没有帐号？注册

使用道具 举报

GBLM　
帖子
2
体力
14
威望
0
发表于 2008-5-19 14:19:28 |显示全部楼层
不管怎样设置总是有点失真;
但还是非常感谢楼主的指点!

使用道具 举报

zhuxiaobei　
帖子
15
体力
72
威望
0
居住地
江苏省 南京市
发表于 2008-5-29 10:26:45 |显示全部楼层
上面有些不规则的波纹是怎么做的？

使用道具 举报

pschina　
帖子
10
体力
30
威望
0
居住地
江苏省 无锡市
发表于 2008-5-29 10:38:16 |显示全部楼层
谢谢，版主，学习了！

使用道具 举报

djwuwuwu　楼主
帖子
857
体力
1689
威望
7
发表于 2008-5-29 10:40:15 |显示全部楼层
原帖由 zhuxiaobei 于 2008-5-29 10:26 发表
上面有些不规则的波纹是怎么做的？



透视变形

整个做完之后, 透视变形

使用道具 举报

wyihua9　
帖子
23
体力
61
威望
0
居住地
广东省 广州市
发表于 2010-5-25 23:18:43 |显示全部楼层
请问那个动画是怎么做出来的？  怎么动起来？谢谢

使用道具 举报

C2H5OH　
帖子
6
体力
32
威望
0
居住地
江西省 南昌市
发表于 2010-5-26 13:48:02 |显示全部楼层
LZ 请问置换对象怎么选的，我的置换滤镜用不了，郁闷。
附件: 你需要登录才可以下载或查看附件。没有帐号？注册

使用道具 举报

C2H5OH　
帖子
6
体力
32
威望
0
居住地
江西省 南昌市
发表于 2010-5-26 13:49:28 |显示全部楼层
发错了
附件: 你需要登录才可以下载或查看附件。没有帐号？注册

使用道具 举报

mamin0706　
帖子
13
体力
159
威望
0
居住地
浙江省 宁波市
发表于 2010-6-1 15:25:55 |显示全部楼层
这个效果可以值得学习的

使用道具 举报

linzhongzhou　
帖子
118
体力
1475
威望
0
居住地
浙江省 金华市
发表于 2010-6-2 12:16:02 |显示全部楼层
谢谢分享，学习了。

使用道具 举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Html Smilies
您需要登录后才可以回帖 登录 | 注册

Archiver|手机版|安久科技提供CDN|blueidea.com ( 京ICP备05002321号 )  

GMT+8, 2012-2-13 08:54 , Processed in 0.152105 second(s), 10 queries , Gzip On, Memcache On.

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部