UI前端设计
袁安翠

1
2
3
4
5
6
7
8
9

任务2 网页Banner的绘制

发布时间:2022-03-05 00:38   发布人:袁安翠   浏览次数:1521



 网页Banner绘制 】

            

       我们打开一个网站,最醒目最具视觉冲击力的部位就是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. 培养团队合作能力。

课程思政——传统文化教育

                 

效果图

                                                    

           舞者.jpg


【 视频讲解】

知识储备


    1、Banner分类

    2、套索工具栏抠图

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

    4、钢笔抠图

    5、抠图案例


任务实现


    1Banner设计任务分析

    2、Banner背景区绘制

    3、点缀与文案

    4背景点缀


拓展任务实现


    1Banner配图绘制

    2、Banner文案绘制


【 资料下载 】

活页教材

         网页Banner绘制

课程教案

          网页Banner绘制

演示文稿

       

        3、网页banner的绘制.pdf


任务工单

          网页Banner绘制

素材下载

     舞者配图.png       

        舞者.jpg

       拓展Banner素材.rar

       抠图素材.rar

课后同步项目

        教育Banner绘制

练习题

      1、练习

疑难问题解答

    1、什么是图层混合模式?voice.jpg