UI前端设计
袁安翠

1
2
3
4
5
6
7
8

逼真镜头的绘制

发布时间:2018-05-16 11:52   发布人:袁安翠   浏览次数:5270

 任务2:逼真镜头的绘制 】

        

    经过前面几个项目的学习,学生对界面设计有了一定的了解,实际动手操作能力有所提高,但操作熟练度还有进步的空间。

   本任务要求学生熟练掌握PS中图层的使用,并能利用图层及图层样式进行逼真镜头的设计。

      

【 一分钟导学视频 】



能力目标

知识目标

素质目标

1.能够了解UI图标设计的相关理论知识及设计原则。

2.能熟练操作PS中图层,并能利用图层及图层样式进行逼真镜头的设计。


1.掌握UI图标设计的相关理论知识及设计原则。

2.掌握PS中图层的使用,并能利用图层及图层样式进行逼真镜头的设计。


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

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

3. 培养团队合作能力。


学习任务

重点、难点

突破方法

1. 认识图层。

2. 制作吊坠。

3. 网络小图标的绘制。

4. 逼真镜头的绘制。

 

1. 图层的灵活应用。

2. 网络小图标绘制。

3. 逼真镜头的绘制

2. 教学难点:逼真镜头的绘制

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

【 视频讲解】

课前知识储备视频

案例讲解视频

1、图层介绍 

2、图层样式的应用1

3、图层样式的应用2

4、网络小图标的绘制1

5、网络小图标的绘制2


1、逼真镜头图标的绘制1

2、逼真镜头图标的质感的提升2


【 资料下载 】

单元设计

word.jpg图层的使用与逼真镜头的绘制

课程教案

word.jpg图层的使用与逼真镜头的绘制

演示文稿

ppt.jpg图层的使用与逼真镜头的绘制

任务工单

word.jpg图层的使用与逼真镜头的绘制

素材下载

1、图层样式素材tupian.jpg

2、网络小图标素材tupian.jpg

3、吊坠素材tupian.jpg

4、逼真镜头图标tupian.jpg

图层样式素材.zip

课内同步项目

 金属质感图标

qvod.jpg案例讲解

课外拓展项目

 制作卡通相机图标

qvod.jpg案例视频

试题解答

 练习

疑难问题解答

 1、什么是图层样式?voice.jpg



  • 张期飞 2018-06-14 16:04:43
    特别好
  • 冷宜城 2018-06-14 16:10:37
    特别棒
  • 杜善更 2018-06-20 17:56:31
    挺好的
  • 王思涵 2018-06-21 20:36:51
    渐变真好用,学到了