《网店视觉营销设计》 课件 模块6任务3 设计与制作动态横幅推广图.pdf

•（一）任务工单

•任务目的：利用图形图像处理软件，设计和制作动态横幅广告图，通过简单的GIF动画，呈

现丰富的视觉动态效果和视觉冲击，提高广告营销推广效果。

•任务描述：利用提供的童鞋素材图片，借助Photoshop的时间轴功能，通过创意设计、文

字特效等方式，实现“爱尚服饰”网店首页新款儿童运动鞋动态横幅推广图的制作。

•知识目标：时间轴的应用，色彩运用，文字效果。

•能力目标：能利用图形图像处理软件，选择使用合适素材，能熟练使用时间轴功能，设计并

实现动态推广促销图的制作。

•思政元素：国产运动鞋品牌如安踏、鸿星尔克、361度、回力、特步、李宁等品质越来越好，

大有赶超国际大牌Nike、Adidas等趋势，为国产运动品牌的强势崛起自豪！

•（二）任务情境

爱尚服饰网店在春暖花开时节，采购到一批童鞋，物美价廉。为更好地让来店顾客看

到并能购买这批童鞋，公司计划在网店首页投放大幅面横幅广告，让来店顾客第一眼就能

看到这批童鞋的推广信息。横幅推广广告采用动态图片，让推广的信息动起来，活起来。

•（三）任务解析

根据春暖花开、童鞋两个关键信息，拟定横幅推广广告的主题是“穿上新鞋去踏

青”。创设城市儿童踏青的主场景：城市、草地、小花、蜻蜓等元素，让漂亮、可爱的

童鞋在草地踏青的意境，本部分的设计和制作已经完成。在这个基础上，制作动态展示

这批商品的推广信息。主要是体现最新款产品，产品材质和设计特点，新品上市优惠价

格等核心推广信息。效果如图所示。

•（四）知识准备

•知识准备一了解横幅推广图

横幅推广图（也习惯称为Banner图）一般位于网店店招和导航条下方，占据的区域

比较大，是店铺首页的重要组成元素，也是顾客优先会看到的内容。此区域一般展示店铺

当前正在实施的促销或推广活动或产品。横幅推广图还有一种常见形态就是轮播图，由一

组同尺寸的静态图片，由程序控制在店铺首页间隔固定时间，轮换播出。如图所示。

•（四）知识准备

•知识准备二横幅推广图的一般制作要求

①单品横幅推广图主要用于推广某一新品或者爆品。单品横幅推广图一般包含商品图片、商

品名称、商品价格、促销价格、促销时间、抢购按钮等主要元素。

②活动横幅推广图用于推广店铺中的活动，比如参与的平台活动（6.18、11.11、12.12、聚

划算等）或是店铺自己的活动（周年庆、年终巨惠、特殊时段等）。活动横幅推广图一般

包含活动主题、活动具体内容、活动时间等元素。

③店铺横幅推广图用于推广本体网店，推广图中一般包含店铺名称、店铺主营、店铺标语、

店铺特色、店铺手淘二维码等信息。

•（四）知识准备

•知识准备三Photoshop时间轴动画

时间轴动画是PhotoshopCS3以后的

版本新增的功能。时间轴动画只需要在动

画运行时间中设定各图层的关键帧，在关

键帧相应位置上改变图层的属性，就能自

动生成动画。如图所示时间轴动画各功能

按钮说明。

•（四）知识准备

•知识准备三Photoshop时间轴动画

①时间轴面板默认以创建帧动画模式打开，可以显示动画中的每

个帧的缩略图。底部的帧工具依次为“转换为视频时间轴”、

“选择循环选项”、“选择第一帧”、“上一帧”、“播放动

画”、“下一帧”、“过度动画帧”、“复制所选帧”、“删

除所选帧”。转换为视频时间轴：将当前动画面板模式由帧

动画模式转换为时间轴动画模式。此模式可显示文档图

层的帧持续时间和动画属性。

②“过渡动画帧”可以减少创建动画效果（如渐现、渐隐、移动

等）所需时间。创建过渡帧后，对生成的每一帧再进行个别编

辑。设定过渡动画帧的起始帧和结束帧属性，就可以在这两帧

中产生位置、不透明度等效果的平均过渡。如果是移动，则在

起始帧设定起点位置，在结束