完美的网店
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

3.4 制作一个动态的店标

还是以上面的例子为例来制作动态店标,在第2章中有介绍如何用ImageReady来制作简单的动画,本节要制作的简单动态店标也将用到ImageReady,接下来介绍制作流程。

3.4.1 做好店标的构思

既然已经有上面的店标内容在了,这里的构思主要集中在如何实现动画这一步上。考虑到店标的大小及其位置,动画的动作不宜过频过大,最好是比较简单的重复动画。那么这里的设计就主要集中在店名和玫瑰花上。可以把店名制作成闪烁效果,把玫瑰花也制成一闪一闪的效果。效果构思好了,接下来开始一步一步的制作过程。

3.4.2 制作店标动画

制作店标动画的流程如下:

(1)用ImageReady打开上面制作的店标,如图3.17(A)所示。

(2)单击动画面板中的复制当前帧按钮,连续复制4帧,如图3.17(B)所示。

图3.17 设置动画

(3)设置动画:分别在第2帧和第4帧中把“幸福铺子”文字图层隐藏,把其中任意一朵玫瑰花图层隐藏,并在第3帧中把另外一朵玫瑰花图层隐藏,单击“播放”按钮可预览效果。

(4)保存动画:当动画设置完成后,选择“文件”—“将优化结果存储为”命令,打开存储对话框,如图3.18所示,选择存储类型和类型位置单击“保存”按钮即可完成保存。

图3.18 存储动画