[首页]
[文章]
[教程]
首页
Web开发
Windows开发
编程语言
数据库技术
移动平台
系统服务
微信
设计
布布扣
其他
数据分析
首页
>
设计
> 详细
Photoshop将制作出真实好看的水波涟漪动画实例教程
时间:
2016-01-03 10:27:19
阅读:
497
评论:
0
收藏:
0
[点我收藏+]
最终效果如下
1.新建一个400乘800的透明文档
2.用40像素铅笔工具,在文档左上角画一横线。可借助信息面板来确定编辑位置
3.直线画好后载入选区,按一下ctrl+alt+t组合键——复制变换——0坐标值状态下方向键向下移动80像素(呈等距)。载入选区的目的是不让复制后的对象生成新图层
4.确定后连续按ctrl+shift+alt+T组合键8次,复制8个横条(共10个),然后取消选区。下来按住ctrl键单击箭头处——在当前图层下方新建图层——然后填充白色并合并图层1和2
5.执行滤镜>模糊>高斯模糊——数值参考图示
6.调整一下色阶,增强一下对比
7.下来拉一根参考线做个模拟视窗便于观察。注意信息面板的Y坐标值,这根参考线以下显示的部分是我们之后编辑动画需要的区域。有人会问为什么要这样做?那是因为要让它在接下来的动画制作中不间断无障碍的循环播放。当初画直线的宽度是40像素,因为等距,所以白色也是40像素,二者相加是80像素,我计划用4帧完成这个动画制作,所以每复制一层向下移动20像素,4层一共移动80像素,正好形成一个循环
8.为了快速准确,我们还是采取复制变换的方法。按一下ctrl+alt+T组合键,在属性栏红框内输入数字20(向下方移动),然后按确定
9.接下来按ctrl+shift+alt+T组合键2次复制两层(共四层)。这时你可以做个试验——关闭下面三层的眼睛观察下副本3和参考线的位置,然后按住alt键由下往上单击图层的眼睛两遍,看看是不是无间断的循环
10.下来用裁剪工具在参考线下方裁出一个400乘400的正方形形状
11.裁剪大小的示意图
12.开始制作效果,滤镜>扭曲>水波。数值供参考
13.逐层为图层加入水波滤镜效果。快捷方式为ctrl+f
14.注意了,下面这几步很关键。再次用裁剪工具在图中你认为合适的区域裁出一个400称400的形状。留意中心点(当然你也可以不按中心
15.单击菜单栏,图像>画布大小——单击箭头所指——画布向右、向下扩展;同时将高度改为1600,宽度不变。也就是说原图是400乘400,现在要把4个图层无缝竖向排列到一起
16.好了,用移动工具将各图层向下按顺序放至各自位置然后合并
17.合并后单击通道面板下方箭头所指——载入选区,然后按ctrl+C(复制
18.打开一张素材图片
19.继续用裁剪工具将它裁为400乘400大小。为的是和之前水纹图的大小匹配
20.复制一层,再回来将图层1等比放大一点增加一点错落感。(不好意思,这个截图某处有误,但结果已修正。等比缩放需按一下箭头所指的链接按钮
21.再用曲线调节一下,压低亮度增强一点两个图层的明暗
22.单击通道面板下方箭头所指按钮——创建新通道。刚才我们已经ctrl+C复制了水纹图的选区,好了,现在按下ctrl+V(粘贴)。
23.看到了吧,已经将水纹图的全部粘贴至新通道了,虽然看不到全部。此时,蚂蚁线还在
24.单击图层1副本,再单击箭头所指按钮——添加蒙版——为图层1副本添加一个我们设定的蒙版
25.单击箭头所指的链接按钮——取消图层和蒙版的链接。然后打开菜单栏,窗口>动画
26.再次提请注意,这一步最关键,现在童鞋们可能明白这个动画的制作思路了,那么如何才能精确移动蒙版呢?这里有个方法,当然,这也是软件自有的功能——按住alt键单击一下蒙版——这时我们看到的就是蒙版了;单击箭头所指按钮——复制所选帧,然后按住shift键用移动工具向上移动一个图案、、、、、以此类推,逐帧按顺序直至完成。移动过程中还可以用方向键配合来精确移动蒙版位置
27.这个就是错误的,图案虽然无缝但完全可以分清它的边缘
28.完成后是四帧
29.也可以这样,极坐标的效果
最终效果如下
Photoshop将制作出真实好看的水波涟漪动画实例教程
原文:http://www.jb51.net/photoshop/36003.html
踩
(
0
)
赞
(
0
)
举报
评论
一句话评论(
0
)
登录后才能评论!
分享档案
更多>
2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)
最新文章
更多>
2021/09/28 scripts
2022-05-27
vue自定义全局指令v-emoji限制input输入表情和特殊字符
2022-05-27
9.26学习总结
2022-05-27
vim操作
2022-05-27
深入理解计算机基础 第三章
2022-05-27
C++ string 作为形参与引用传递(转)
2022-05-27
python 加解密
2022-05-27
JavaScript-对象数组里根据id获取name,对象可能有children属性
2022-05-27
SQL语句——保持现有内容在后面增加内容
2022-05-27
virsh命令文档
2022-05-27
教程昨日排行
更多>
1.
list.reverse()
2.
Django Admin 管理工具
3.
AppML 案例模型
4.
HTML 标签列表(功能排序)
5.
HTML 颜色名
6.
HTML 语言代码
7.
jQuery 事件
8.
jEasyUI 创建分割按钮
9.
jEasyUI 创建复杂布局
10.
jEasyUI 创建简单窗口
友情链接
汇智网
PHP教程
插件网
关于我们
-
联系我们
-
留言反馈
- 联系我们:wmxa8@hotmail.com
© 2014
bubuko.com
版权所有
打开技术之扣,分享程序人生!