我们打开一个网站，最醒目最具视觉冲击力的部位就是Banner广告位。客户浏览时都有先看图片，再看文字的浏览习惯，所以我们要在Banner设计上做文章，通过独特的Banner设计，吸引用户的眼球。为了实现较好的视觉效果，要求同学们多多带着欣赏的眼光留意日常遇到的界面，培养我们的审美观，多浏览专业网站，提高我们的欣赏水平。

【 任务引入 】

【 项目思维导图 】

学习任务

重点、难点

突破方法

1.Banner的分类；

2.PS中抠图的不同方法；

3.合成类Banner的绘制。

重点：1. Banner的分类；

          2.PS不同的抠图方法；

          3.合成类Banner的绘制；

难点：1.PS中不同的抠图方法；

          2.合成类Banner的绘制。

采用翻转课堂、项目导入的教学模式，采用分组讨论、案例教学、演示动画等教学方法，运用在线教学平台。

知识目标

能力目标

素质目标

1.掌握常见的Banner类型；

2.掌握多种抠图方法；

3.掌握合成类Banner的绘制。

1.能够熟练进行各种素材的抠图；

2.能进行合成类Banner的绘制。

1. 养成积极主动学习意识；

2. 养成勤于动手的习惯；

3. 培养团队合作能力。

课程思政——梦想

效果图

【 视频讲解】

知识储备

    1、Banner分类

    2、套索工具栏抠图

    3、快速选择工具与魔棒抠图

    4、钢笔抠图

    5、抠图案例

任务实现

    1、Banner设计任务分析

    2、Banner背景区绘制

    3、点缀与文案

    4、背景点缀

拓展任务实现

    1、Banner配图绘制

    2、Banner文案绘制

【 资料下载 】

单元设计

         网页Banner设计

课程教案

          网页Banner设计

演示文稿

        3、网页banner的绘制.pdf

任务工单

          网页Banner设计

素材下载

     舞者配图.png       

        舞者.jpg

       拓展Banner素材.rar

       抠图素材.rar

课内同步项目

         教育Banner绘制

练习题

       1、练习1

疑难问题解答

     1、HBuilder需要注册才能使用吗？