【登录】 【注册】
进入此贴详细完整版>> Photoshop CS3教程:时间轴动画制作动感按钮中华游戏网 > 制图教程

主题:Photoshop CS3教程:时间轴动画制作动感按钮
作者:mingjun030
时间:2011-12-01 21:01

应用实例
[attachment=87844]
此教程仅适用于完整版PSCS3或以上版本


新建一个文档,用PS默认大小即可.新建一层,用圆角矩形工具画一个圆角矩形.(大小自定,可参照实例)

设置样式
[attachment=87845]
[attachment=87846]
[attachment=87847]

  
新建一层,(高光层)用圆角矩形工具画一个路径

转为选区,并拉出一个白色到透明的渐变

在按扭层上新建文字层  再复制文字层,将新文字层位置错开(位置如下效果).并选择这两个文字层使用水平居中对齐将两个文字层栅格化,选择上一层单击右键向下合并

[attachment=87848]

用矩形选框在文字层做一个选区.(宽度比第一步的圆角矩形略小,居中,羽化值看情况自定)并为文字层添加蒙板(这样相当于只有选区内的文字可见)

开始做动画罗,请打开窗口/动画.并按一下右下角的帧动画与时间轴动画的切换按扭.切换到时间轴动画.

先做一下文档设置(时间轴右上方的小三角)
[attachment=87849]
(30帧速率的意思是该动画30帧/s ,2秒内就相当于有60帧。)


为了能无缝结合,做好参考线,摆好文字层的位置.断开图层与其蒙板的链接,开启文字层前面的小钟.自动生成一个关键帧.(小棱角)

将拉杆拖到右端

再将文字层移动位置,第二个中字的位置与前一个中字的位置有一点点小出入,比前一字靠右一点点.一定要注意哦.拉杆所在位置又自动生成一个关键帧了

[attachment=87850]

点一下播放按钮看一下效果.

效果OK就可以保存了,一定要循环设置为永远哦,要不然我们只能看到他播放一次就不动了





1楼:路易斯(2011-12-05 05:16)

支持!!!你是学这方面的?
2楼:锋少(2011-12-05 06:02)

不错阿!!!

进入此贴详细完整版>> Photoshop CS3教程:时间轴动画制作动感按钮 返回顶部


COPYRIGHT © 2006-2024 中华游戏网 cnyouw.cn. ALL RIGHTS RESERVED. SITEMAP