
实例16 马赛克动态文字
1.实例特点:
画面时尚清爽,很有夏天的感觉,马赛克的动态文字给人无限遐想,创造了视觉空间感。
2.注意事项:
对蒙版添加动画的时候,要取消蒙版与图层的链接,这样蒙版在运动的时候,图层是不动的。
3.操作思路:
首先创建背景,添加人物、产品和人物等信息,为人物和产品创建位置动画,为接下来要制作的马赛克动态文字作铺垫,最后创建马赛克文字。
最终效果图

资源/第02章/源文件/马赛克动态文字.psd
具体步骤如下:
1.制作背景
(1)执行【文件】|【新建】命令,创建一个宽度为760像素,高度为90像素,分辨率为96像素/英寸的新文档。
(2)打开“资源/第02章/素材/海滩.jpg”文件,将其拖至当前正在编辑的文档中,参照图02-016-1所示调整图像的大小及位置,并为图层添加图层蒙版,在蒙版中绘制渐变,隐藏部分图像,复制并水平翻转图像,创建海滩背景。

图02-016-1 创建背景
(3)打开“资源/第02章/素材/服装店.tif”文件,将人物和衣服图像拖至当前正在编辑的文档中,并参照图02-016-2所示,使用【横排文字工具】添加文字。

图02-016-2 添加文字
2.创建动画
(1)选中人物所在图层,参照图02-016-3中所示的效果,为该图层添加“位置”属性上的关键帧。

图02-016-3 创建人物动画
(2)参照图02-016-4所示,为服装创建位置动画。

图02-016-4 制作服装位置动画
(3)选择硬边方形8像素画笔,在画笔调板中设置“间距”为200%,“大小抖动”为100%,“散布”为1000%,设置颜色为绿色(C:76,M:8,Y:100,K:0),新建图层,参照图02-016-5所示在视图中进行绘制,继续新建图层绘制图像。

图02-016-5 绘制图像
(4)选中第一次创建的画笔图层,设置时间至11帧处,单击“位置”前方码表插入关键帧,设置时间至0帧处,水平向左移动图像,效果如图02-016-6所示,设置时间至10帧处,单击“比透明度”前方码表插入关键帧,设置时间至11帧处,调整“不透明度”参数为0%。

图02-016-6 水平向左移动图像
(5)选中第二次创建的画笔图层,设置时间至11帧处,单击“位置”前方码表插入关键帧,设置时间至0帧处,向右移动图像,效果如图02-016-7所示,设置时间至10帧处,单击“比透明度”前方码表插入关键帧,设置时间至11帧处,调整“不透明度”参数为0%。

图02-016-7 向右移动图像
(6)选中“春季新款上市”文字图层,设置时间至20帧处,单击“不透明度”前方,码表插入关键帧,并设置“不透明度”参数为0%,设置时间至19帧处,调整“不透明度”参数为20%。
(7)复制“春季新款上市”文字图层,参照图02-016-8所示,放大文字,设置时间至15帧处,单击“不透明度”前方码表插入关键帧,设置时间至11帧处,调整图层“不透明度”参数为0%,设置时间至20帧处,调整图层“不透明度”参数为0%。

图02-016-8 放大文字
(8)为上一步骤创建的文字图层添加图层蒙版,去掉蒙版与图层的链接,并参照图02-016-9所示,在蒙版中绘制图像,设置时间至15帧处,单击“图层蒙版位置”前方码表插入关键帧,设置时间至18帧处,水平向右移动图像,完成本实例的制作。

图02-016-9 添加蒙版动画