
实例17 旋转的动态文字
1.实例特点:
3D旋转的动态文字给人很强的视觉冲击力。
2.注意事项:
在制作旋转文字的时候,要注意插入关键帧时的文字旋转角度。
3.操作思路:
整个实例将分为三个部分进行制作,首先创建背景,然后制作倒计时滚动时间条,最后制作旋转的动态文字。
最终效果图

资源/第02章/源文件/旋转的动态文字.psd
具体步骤如下:
1.创建背景
(1)执行【文件】|【新建】命令,创建一个宽度为270像素,高度为240像素,分辨率为100像素/英寸的新文档,并使用【渐变工具】,参照图02-017-1所示,填充白色到黄色(C:1,M:15,Y:38,K:0)的径向渐变。

图02-017-1 添加径向渐变
(2)新建“图层1”,参照图02-017-2所示,使用【矩形选框工具】绘制形状。

图02-017-2 绘制图像
(3)参照图02-017-3所示,使用【横排文字工具】添加文字。

图02-017-3 添加文字图像
(4)参照图02-017-4所示,使用【竖排文字工具】添加文字,并新建图层,使用【矩形选框工具】绘制白色填充的矩形。

图02-017-4 绘制白色矩形
2.制作滚动的数字动画
(1)参照图02-017-5所示,使用【竖排文字工具】在矩形上输入数字0~9,复制图层得到4列文字,效果如图02-017-6所示。

图02-017-5 创建数字

图02-017-6 复制数字
(2)将白色矩形图像载入选区,分别选中数字图层,单击【图层】调板底部的【添加矢量蒙版】按钮,添加图层蒙版,隐藏矩形以外的数字,并取消蒙版与图层的链接,效果如图02-017-7所示。

图02-017-7 添加图层蒙版
(3)选中第一列和第三列,参照图02-017-8所示,上下移动调整数字的位置,设置时间至3秒处,分别单击“位置”前方码表插入关键帧。

图02-017-8 添加关键帧
(4)设置时间至4秒处,参照图02-017-9所示,上下移动调整数字的位置,设置时间至3秒4帧处,分别单击这两个图层的“不透明度”前方码表插入关键帧,设置时间至3秒处,调整图层“不透明度”参数为0%。

图02-017-9 设置数字动画
(5)选中“图层1”设置时间至1秒10帧处,单击“不透明度”前方码表插入关键帧,设置时间至28帧处,调整图层“不透明度”参数为0%。
(6)复制“图层1”将图像旋转15度,效果如图02-017-10所示。

图02-017-10 添加【内发光】图层样式
3.制作旋转的动态文字
(1)选中“图层1 副本”图层,设置时间至20帧处,参照图02-017-11所示,移动图像,然后单击“位置”前方码表插入关键帧,设置时间至1秒处,参照图02-017-12所示,移动图像。

图02-017-11 添加关键帧

图02-017-12 移动图像
(2)继续上一步骤的操作,分别在20帧、25帧、1秒处插入不透明度关键帧,并分别调整“不透明度”参数为0%、100%、0%。
(3)设置时间至20帧处,复制“图层1”并45度旋转图像,参照图02-017-13所示,调整图像的位置,然后单击“位置”前方码表插入关键帧,设置时间至0帧处,向左上方移动图像至视图以外,效果如图02-017-14所示。

图02-017-13 添加关键帧

图02-017-14 移动图像
(4)继续上一步骤的操作,设置时间至10帧处,单击“不透明度”前方码表插入关键帧,设置时间至20帧处,调整图层“不透明度”参数为0%。
(5)将“开大送”和“业放”文字转换为3D文字,设置“深度”为0,分别在1秒21帧、2秒05帧、2秒21帧、3秒6帧、3秒24帧处,使用【3D对象旋转工具】参照图02-017-15所示,旋转3D对象,在“3D对象位置”属性上插入关键帧。

图02-017-15 创建3D文字
(6)分别在1秒20帧、2秒01帧、2秒12帧、2秒20帧,使用【3D对象旋转工具】参照图02-017-16所示,旋转3D对象,在“3D对象位置”属性上插入关键帧,完成本实例的制作。

图02-017-16 制作文字旋转动画