边做边学 Animate动漫制作案例教程 课件 04章 广告设计

本章简介：在淘宝、京东以及亚马逊等电子商务网站的发展助力下，电商广告得到了空前的发展。电商广告是引导用户购买产品的重要因素之一，因此电商广告的设计直接影响着网店的营销。本章以多个主题的广告设计为例，讲解广告的设计方法和制作技巧。第4章广告设计课堂学习目标了解广告的设计思路和过程。掌握广告的制作方法和技巧。掌握制作广告的相关工具。素养目标培养商业设计思维。提高广告审美水平。案例分析设计理念操作步骤相关工具实战演练4.1制作运动鞋广告4.1.1案例分析本案例是为YG推出的新款运动鞋设计制作宣传广告，设计要求以低帮运动鞋为主题，以全新的设计理念和独特的表现手法宣传新款产品。4.1.2设计理念在设计制作过程中，使用实景的背景营造出清新舒适的感觉，产品与展示台的完美结合和创意设计，在突出宣传主体的同时，展现出产品的品质和梦幻、知性的特色，加深了顾客的印象；醒目的产品名称起到装饰作用，且宣传性强。效果图4.1.3操作步骤12344.1.4相关工具1．图像素材的格式AnimateCC2019可以导入各种文件格式的矢量图和位图。矢量格式包括：AdobeIllustrator文件、EPS文件或PDF文件。位图格式包括：JPG、GIF、PNG、BMP等格式。4.1.4相关工具2．导入图像素材AnimateCC2019可以识别多种不同的位图和矢量图的文件格式，可以通过导入或粘贴的方法将素材引入到AnimateCC2019中。◎导入到舞台◎导入到库◎外部粘贴4.1.4相关工具3．设置导入位图属性对于导入的位图，用户可以根据需要消除锯齿从而平滑图像的边缘，或选择压缩选项以减小位图文件的大小，以及格式化文件以便在Web上显示。这些变化都需要在“位图属性”对话框中进行设定。在“库”面板中双击位图图标，弹出“位图属性”对话框。“位图属性”对话框4.1.4相关工具4．将位图转换为图形使用AnimateCC2019可以将位图分离为可编辑的图形，位图仍然保留它原来的细节。分离位图后，可以使用绘画工具和涂色工具来选择和修改位图的区域。4.1.4相关工具5．将位图转换为矢量图选中位图，选择“修改>位图>转换位图为矢量图”命令，弹出“转换位图为矢量图”对话框，设置数值后，单击“确定”按钮，位图转换为矢量图。4.1.4相关工具6．测试动画在制作完成动画后，要对其进行测试。可以通过以下几种方法来测试动画。◎应用“播放”命令选择“控制>播放”命令，或按Enter键，可以对当前舞台中的动画进行浏览。在“时间轴”面板中，可以看见播放头在运动。随着播放头的运动，舞台中显示出播放头所经过的帧上的内容。◎应用“测试影片”命令选择“控制>测试影片”命令，或按Ctrl+Enter组合键，可以进入动画测试窗口，对动画作品的多个场景进行连续的测试。◎应用“测试场景”命令选择“控制>测试场景”命令，或按Ctrl+Alt+Enter组合键，可以进入动画测试窗口，测试当前舞台窗口中显示的场景或元件中的动画。4.1.5实战演练—制作化妆品广告使用“导入”命令，导入素材；使用“转换位图为矢量图”命令，将位图转换为矢量图形；使用“文本”工具，输入文字。效果图案例分析设计理念操作步骤相关工具实战演练4.2制作液晶电视广告4.2.1案例分析多维有限公司是一家电商用品零售企业，贩售平整式包装的家具、配件、浴室和厨房用品等。现因春节即将来临，需要制作一款新年宣传片，用于宣传新款液晶电视，设计要求具有浓郁的民俗色彩，以及产品的优惠力度，能够充分表达本次活动的宣传主题和特点。4.2.2设计理念在设计制作过程中，红色和白色的文字背景色调和谐、舒适搭配自然，具有浓郁的传统色彩。将产品图像放在主要位置，突出产品的宣传，围绕产品的功能介绍，使人一目了然，能引导人们的视线关注宣传主体。效果图4.2.3操作步骤12344.2.4相关工具1．视频素材的格式AnimateCC2019版本对导入的视频格式重新作了调整，可以导入FLV、F4V、Mp4和Mov等格式的视频。其中Mp4和Mov格式的视频需要使用播放组件加载外部视频选项导入。而FLV视频格式是当前网页视频观看的主流。4.2.4相关工具2．导入视频素材MacromediaFlashVideo（FLV）文件可以导入或导出带编码音频的静态视频流。适用于通信应用程序，例如视频会议或包含从Adobe的MacromediaFlashMediaServer中导出的屏幕共享编码数据的文件。“导入视频”对话框4.2.4相关工具3．视频的属性在嵌入的视频“属性”面板中可以更改导入视频的属性。选中视频，选择“窗口>属性”命令，弹出嵌入的视频“属性”面板。“属性”面板4.2.5实战演练—制作旅游广告使用“导入视频”命令，导入视频；使用“变形”面板，调整视频的大小。效果图案例分析设计理念操作步骤相关工具实战演练4.3制作文化动态广告4.3.1案例分析创品文化是一家专注于文化推广的公司，致力于将传统文化与现代元素相结合，展示丰富的文化活动和艺术作品。现需要为图形元素展设计制作一个宣传广告，设计要求画面主题明确，风格现代简约，符合文化艺术行业特性，能够突出展览的独特性和文化价值。4.3.2设计理念在设计制作过程中，通过简约的图形元素设计，给人直观的视觉冲击，即丰富了画面，使信息一目了然，也提升了视觉效果；色彩搭配合理，增强视觉层次感，给人品质感；整体设计清新自然，图形简洁而富有艺术感，易激发观众的兴趣和好感。效果图4.3.3操作步骤12344.3.4相关工具1．创建图形元件选择“插入>新建元件”命令，或按Ctrl+F8组合键，弹出“创建新元件”对话框。单击“确定”按钮，创建一个新的图形元件“音乐播放器”。“创建新元件”对话框4.3.4相关工具2．创建按钮元件AnimateCC2019库中提供了一些简单的按钮，如果需要复杂的按钮，还是需要自己创建。选择“插入>新建元件”命令，弹出“创建新元件”对话框。单击“确定”按钮，创建一个新的按钮元件“动作”。“创建新元件”对话框4.3.4相关工具3．创建影片剪辑元件选择“插入>新建元件”命令，或按Ctrl+F8组合键，弹出“创建新元件”对话框。单击“确定”按钮，创建一个新的影片剪辑元件“变形”。“创建新元件”对话框4.3.4相关工具4．转换元件◎将图形转换为图形元件如果在舞台上已经创建好矢量图形并且以后还要再次应用，可将其转换为图形元件。◎设置图形元件的中心点选中矢量图形，选择“修改>转换为元件”命令，弹出“转换为元件”对话框，在对话框的“对齐”选项后有9个中心定位点，可以用来设置转换元件的中心点。“转换为元件”对话框4.3.4相关工具5．改变实例的颜色和透明效果在舞台中选中实例，在“属性”面板中选择“样式”选项的下拉列表。“属性”面板4.3.4相关工具6．创建补间动画补间动画是一种使用元件的动画，可以对元件进行位移、大小、旋转、透明和颜色等动画设置。“时间轴”面板4.3.4相关工具7．创建补间形状如果舞台上的对象是组件实例、多个图形的组合、文字或导入的素材对象，必须先分离或取消组合，将其打散成图形，才能制作形状补间动画。利用这种动画，也可以实现上述对象的大小、位置、旋转、颜色及透明度等变化。“时间轴”面板4.3.4相关工具8．创建传统补间“时间轴”面板4.3.5实战演练—制作空调扇广告使用“导入到库”命令，导入素材；使用“新建元件”命令和“文本”工具，制作图形元件；使用“分散到图层”命令，制作功能动画；使用“创建传统补间”命令，制作补间动画；使用“属性”面板，调整实例的透明度。效果图案例分析设计理念知识要点4.4综合演练—制作手机广告4.4.1案例分析米心手机专营店是一家手机专卖场。该手机店最新推出了手机促销活动，需要制作针对网店的宣传广告，能够体现出新款产品的特点。广告要求内容丰富，重点宣传此次推出新款产品活动。4.4.2设计理念在设计制作过程中，使用深色的背景突出前方的宣传主体，起到衬托的效果；产品实品的展示，与文字一起构成丰富的画面，展现出时尚和现代感；画面整体主次分明，对文字进行具有特色的设计，使消费者快速了解产品信息，并且突出了宣传主体，使画面具有空间感，宣传性强。使用“导入到库”命令，导入素材；使用“新建元件”命令和“文本”工具，制作图形元件；使用“矩形”工具和“颜色”面板，制作高光效果；使用“创建传统补间”命令，制作补间动画；使用“遮罩层”命令，制作遮罩动画；使用“动作”面板，设置脚本语言。4.4.3知识要点效果图案例分析设计理念知识要点4.5综合演练—制作女包广告4.5.1案例分析NEWLOOK是一家女装服饰店，提供多款男女时装、童装、鞋履、钟表、精品配饰及包包等。此次推出的新款女包，产品设计独特，材质精致，配色多样，展现了时尚与创新的完美结合。广告将通过动画形式，突显女包的独特设计和创新理念；营造出既现代又充满个性的品牌形象，吸引目标客户群体的关注与兴趣。4.5.2设计理念在设计制作过程中，我们采用了柔和的浅色背景与粉