UI前端设计
袁安翠

1
2
3
4
5
6
7
8
9

任务3 微质感图标绘制

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


 微质感图标设计 】

           

      今天我们来讲解微质感图标的绘制。通过本任务的学习,要求同学们熟悉微质感图标的绘制方法,掌握渐变与图层样式的使用,对常用的微质感图标绘制模式有所了解。为了保证较好的视觉效果,同学们在绘制过程中要有耐心还要细心,具有勇于创新敢于尝试的创新精神。


 

【 任务引入 】

 

 

【 项目思维导图 】


学习任务

重点、难点

突破方法

1.渐变工具的使用;

2.蒙版认识;

3.画笔工具的使用;

4.蒙版与剪切蒙版的应用;

5.微质感图标的设计。

重点:1. 渐变工具使用;

          2.蒙版工具的使用;

          3.画笔工具的使用;

难点:1.PS的基本工具的使用;

          2.微质感相机图标的绘制。

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

知识目标

能力目标

素质目标

1.掌握渐变工具的使用;

2.掌握画笔工具的使用;

3.掌握蒙版工具的使用;

4.了解微质感图标设计的要点。

1.能够熟练应用PS进行简单的操作;

2.能进行微质感图标的绘制。

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

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

3. 培养团队合作能力。

课程思政——创新精神

                 

效果图

                                                               微质感图标22.png

【 视频讲解】

知识储备


    1渐变填充

    2蒙版认识

    3画笔工具

    4、画笔的高级设置

    5、图层蒙版与剪切蒙版的使用


任务实现


    1、微质感相机图标任务分析

    2微质感相机图标的绘制1

    3微质感相机图标的绘制2


拓展任务实现


    1地图图标的绘制1

    2地图图标的绘制2


【 资料下载 】

活页教材

         微质感图标绘制

课程教案

          微质感图标绘制

演示文稿

       4、微质感图标的绘制.pdf

任务工单

          微质感图标绘制

素材下载

   微质感图标2.png

         地图-5.png

课内同步项目

           1地图图标的绘制1

           2地图图标的绘制2

练习题

        1、练习

疑难问题解答

        1、透明渐变效果是怎么产生的