第十一章　网店商品动态图像展示设计方法（课件）-《网店视觉营销》同步教学（北京理工大学出版社）

第十一章　网店商品动态图像展示设计方法 １１.１　动态图像处理技术 １１.２　应用Ｆｌａｓｈ技术的商品动态展示方法 １１.３　商品３６０°动态展示方法 １１.４　商品ＧＩＦ动画展示方法 返回 1 １１.１　动态图像处理技术 １１.１.１　动态图像的特征 动态图像（ＤｙｎａｍｉｃＩｍａｇｅ）是由一组在时间上不断变化的若干帧的静态图像组成的序列，是视觉上运动的图像。动态图像可分为视频和动画两类，实际上两者没有严格的区分，一般认为，如果每一帧画面是实时获取的自然景物的真实图像则称为视频，通常由视频摄像设备获得；而每一帧画面是由计算机或人工制作的具有真实感的图形则称为动画。 动态图像的实现是建立在人类视觉暂留的基础之上的。视觉暂留是指人在观察物体之后，物体的映像在人眼的视网膜上保留一个短暂时间（０.１秒）的一种生物现象。当以足够快的速度连续地、每次略微改变物体的位置和形状，人眼的视觉暂留效应则感觉到物体在连续运动。 下一页 返回 １１.１　动态图像处理技术 如果按一定顺序排列的一系列静态画面以一定速度连续播放时，人眼则将感受到连续的动态效果。例如，电影是以２４帧／秒的速率放映，且采用遮挡板遮挡２４次／秒来实现克服视觉暂留，从而使人看到连续流畅且无闪烁的画面。 动画是一种通过将一系列差别很小的单个相邻的画面，以一定速率连续放映而产生的动态视觉的技术。动画信息是存储在记录媒体上，如胶片、磁带、磁盘、光盘等；其放映是通过灯光投影、电视屏幕、显示器以及投影仪等放映设备进行的。电视视频图像的更新速率是２５帧／秒（ＰＡＬ制），而二维动画的更新速率一般是８～１５帧／秒。 上一页 下一页 返回 １１.１　动态图像处理技术 动态图像具有连续性的特点，图像在时间轴上以帧为运动单位，属于离散型媒体类。动态图像比静态图像表示的范围广，表现力强。 动态图像具有时延性特点，动态图像数据量大，必须被压缩后才能在计算机中应用。计算机的容量和速度直接影响图像质量。 动态图像具有相关性特点，图像帧之间的关联是动态图像连续动作形成的基础，也是进行压缩和其他处理的条件。动态图像对错误的敏感性较低。 上一页 下一页 返回 １１.１　动态图像处理技术 １１.１.２　动态图像的获取 动态图像信息处理包括：图形动画、数字图像处理以及视频、动画压缩等相关技术。常用的有代表性的动态图像编辑与制作软件有Ｐｒｅｍｉｅｒｅ、ＧｉｆＡｎｉｍａｔｏｒ、Ｆｌａｓｈ、３Ｄｍａｘ和Ｍａｙａ等。用于商品展示的动态图像的获取可以通过以下三种途径。 （１）制作Ｆｌａｓｈ动画图像。Ｆｌａｓｈ是网络上动画常见表现形式。Ｆｌａｓｈ动画可以实现很多效果，比如移动、放大、缩小、跳动、旋转、扩散、渐强和渐弱、分割、排列组合等。Ｆｌａｓｈ在音画作品中被广泛使用。 上一页 下一页 返回 １１.１　动态图像处理技术 （２）制作Ｇｉｆ动画图像。Ｇｉｆ动画是动画图片，通过对多图层的图片，按时间进行不同的切换，以达到动画的效果。 （３）制作３Ｄ动画图像。３Ｄ动画是通过３Ｄｍａｘ软件制作的动态图片，由于可以表现图像三维的效果，所以又称为三维动画。３Ｄ动画虽然效果好，但由于文件很大，其动画图像需要经过压缩处理后才能采用。 １１.１.３　动态图像制作的相关概念 （１）关键帧。 关键帧是指对象在舞台上产生变化的每一帧，它用来定义动画中的变化，包括对象的运动和特点（如大小和颜色）、在场景中添加或删除对象以及添加帧动作等。 上一页 下一页 返回 １１.１　动态图像处理技术 当动画发生变化时或希望发生动作时，必须使用关键帧。 （２）逐帧动画。 逐帧动画也称关键帧动画，它是通过一帧一帧显示动画的图像序列而实现运动的效果。逐帧动画是从传统动画基础上引申而来的。卡通片就属于逐帧动画。 （３）实时动画。 实时动画也称算法动画，它是采用各种算法实现物体的运动。算法包括运动学算法、动力学算法、随即运动算法等。实时动画一般不需要记录在存储体中，运行时计算机对输入的数据进行快速处理，在人眼觉察不到的时间内将结果随时计算显示出来。电子游戏机中的动画一般都是实时动画。 上一页 下一页 返回 １１.１　动态图像处理技术 （４）对象移动。 在实时动画中，屏幕上一个局部图像或对象在二维平面上沿某一固定轨迹做步进运动。运动的对象和物体本身的大小、形状及色彩等效果不变。用此方式可实现背景上前景的运动。该前景可以是一个物体，也可以是一段或几个文字。其优点是无须生成动画文件。 （５）运动控制。 运动控制也称模拟运动，它是指计算机先确定每个物体的位置和相互关系，建立其运动轨迹和速度，选择平移、旋转、扭曲等运动形式，再确定物体形体的变态方式和变异速度。 上一页 下一页 返回 １１.１　动态图像处理技术 （６）动画数据与动画文件。 由一帧帧静止图像的有序排列组成，并采用连续播放静止