（中职）Flash CS6动画制作（第2版）2.4教学课件（）.ppt

《（中职）Flash CS6动画制作（第2版）2.4教学课件（）.ppt》由会员分享，可在线阅读，更多相关《（中职）Flash CS6动画制作（第2版）2.4教学课件（）.ppt（15页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、（中职）Flash CS6动画制作（第2版）2.4教学课件（工信版）L/O/G/O项目二项目二 BannerBanner设计与制作设计与制作任务任务4 4 设计制作设计制作BannerBanner主题主题任务目标1 12 23 3了解Banner主题设计风格 掌握Banner主题设计技巧 掌握Banner主题设计动画的制作 1.了解Banner主题设计风格 在进行设计之前，首先应该与用户沟通，了解用户想要表达的主题，然后确定设计的风格，有针对性地对Banner主题进行设计，形象鲜明的展示所要表达的内容。下面通过一些实例来了解常见的Banner主题设计风格。1时尚风 图2-4-1所示为两个Ban

2、ner设计，其都有共同的特点，大标题、模特，报刊潮流杂志风。这类风格主要用于衣饰、鞋帽等流行单品的展示。图2-4-1 时尚风示例1.了解Banner主题设计风格 2复古风 复古风的特点是传统元素和复古图案，图2-4-2所示的左边的Banner中文字使用了水墨感觉的书法字体，右边的Banner则是包含了传统的赛龙舟剪纸元素，非常切合端午节的主题。图2-4-2 复古风示例 1.了解Banner主题设计风格 3清新风 清新风的特点就是画面清爽、唯美，色彩搭配清新自然，图2-4-3所示的banner，就给人十分清丽和透亮的感觉。图2-4-3 清新风示例4炫酷风 这种风格通常比较多的使用深色背景，常用有

3、质感的元素与光影特效，图2-4-4所示的Banner色彩华丽，引人入胜。图2-4-4 炫酷风示例1.了解Banner主题设计风格 5简约风 简约风的特点就是极简主义、大空间，图2-4-5所示的banner没有任何过多的装饰元素，整体感觉就是非常的简洁大方。图2-4-5 简约风示例6欧美风 在艺术作品、商品等事物，在整体上呈现出欧美事物的面貌，被称为欧美风。图2-4-6所示的某珠宝的B2C网 站的Banner。图2-4-6 欧美风示例2.掌握Banner主题设计技巧 在实际的工作中经常会遇到不同Banner主题设计的需求，从设计成本考虑用户不会给太多的设计时间，那么如何才能在短时间内做出一个成功

4、的banner呢？下面总结出一些Banner主题设计的技巧一起分享。1思考主题定位（1）考虑对象的定位 因为分类内容不同，门户网站各个频道有着不同的风格，所以在做设计的时候也要考虑这个因素，图2-4-7所示为女性频道的定位是女性，所以这个Banner的设计风格也很贴合这个定位。图2-4-7 女性频道主题Banner2.掌握Banner主题设计技巧 （2）考虑专题的定位 频道和专题的定位有时是有冲突的，当存在风格冲突的情况下，尽量以贴合专题的定位为主，也尽可能避免偏离频道风格。图2-4-8所示是女性频道下的一个怀旧专题，所以在画面上就呈现出一些老上海怀旧的感觉。图2-4-8 怀旧主题Banner

5、2.掌握Banner主题设计技巧 2创造力对主题的艺术化表现（1）新感觉重塑严肃话题 图2-4-9所示为抗洪救灾的新闻专题，画面中洪流、闪电、阴暗的天空、淹没的城市，角落处的武警官兵抗洪，让整体灾难中透出希望，哀而不伤，在洪流之中浮现主题文字，很自然的融入画面。设计时应该考虑的不仅仅是对画面的掌控力，还要把握专题的主导。图2-4-9 新闻主题Banner2.掌握Banner主题设计技巧 （2）幽默感呈现轻松话题 在设计一些轻松且具有娱乐感的主题时，更应该用天马行空的创意营造轻松诙谐的氛围。图2-4-10所示的这个专题banner，以拔河的形式来表现70后和80后的冲突，画面诙谐有趣，让人深思。

6、图2-4-10 娱乐主题Banner2.掌握Banner主题设计技巧 （3）小情调充实主题创意 有时候一点小小的创意也会让banner增色不少。图2-4-11所示的这个Banner，冰雪里的不仅仅是车，还是文字。从背景到文字都体现出冰雪体验的主题内容。图2-4-11 商业主题Banner案例 2-4-1 复古主题设计动画3.3.掌握掌握BannerBanner主题设计动画的制作主题设计动画的制作 本例是东方意蕴设计工作室网站的Banner导航动画。在彩色图案和黑白色图案相结合的背景下，沿藤蔓飞舞的蝴蝶，下落的文字，营造出复古的氛围，呼应网站主题，效果如图2-4-12所示。图2-2-12 复古主

7、题设计动画效果本节小结 在本节里主要学习了Banner主题设计相关的知识，介绍了几类Banner主题设计的风格、特点，和读者分享了Banner主题设计中运用到的几点小技巧，最后结合实际范例讲解了Banner主题设计动画的制作方法。希望读者能够举一反三学会制作简单的Banner主题动画。模拟实训一、实训目的 1了解Banner主题设计的风格。2掌握Banner主题设计的技巧。3能够制作简单的Banner主题设计动画。二、实训内容1此例是为科技公司设计的Banner动画，在极具个性的工业化风格背景的映衬下，加上文字特效。整体色彩搭配极具科技感，引人入目，效果如图2-4-22所示。（提示：元件的制作，逐帧和补间动画的运用）图2-4-13 现代主题设计动画效果