(中职）（中职）Illustrator CC平面设计实例教程电子教案第十六讲按钮制作.docx

《(中职）（中职）Illustrator CC平面设计实例教程电子教案第十六讲按钮制作.docx》由会员分享，可在线阅读，更多相关《(中职）（中职）Illustrator CC平面设计实例教程电子教案第十六讲按钮制作.docx（3页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、Illustrator CC平面设计实例教程配套教案第16讲课时内容第7章UI设计-按钮制作授课时间200分钟课时4教学目标1. 交互界面的设计2. 编辑渐变制作按钮的立体效果3. 手机APP界面的设计教学重点1. 掌握利用圆形，通过添加效果制作为立体按钮。2. 掌握通过路经查找器面板制作出高光图形，调整颜色和不透明度。3. 了解掌握将制作的图形添加效果教学难点了解掌握将制作的图形添加效果教学设计教学思路：（1）新建画布，利用圆形，通多添加效果制作为立体按钮；（2）在为立体按钮的表现方面绘制圆形；（3）通过路经查找器面板制作出高光图形，调整颜色和不透明度；（4）本实例的目的是让大家了解利用基本

2、图形绘制立体按钮的方法，在设计过程中结合路经查找器，将图形叠加在按钮上，产生圆润、光滑的高光效果的绘制。教学手段：（1）通过课堂实训案例熟悉设计理念和软件功能；（2）通过课后综合演练提高学生的实际应用能力。教学内容复习提问：1.渐变的作用？2.怎样建立剪贴蒙版？讲授新课：手机按钮设计效果图：案例分析：充分使用椭圆工具和多边形工具的运用，为今后操作更复杂的图形提到基础作用。相关知识： 为图形添加效果执行效果/风格化/内发光，设置为颜色。 用矩形工具画出一个矩形，填充渐变画出一个矩形条填充颜色，调整角度，按Ctrl+D键进行多次复制。画出圆角矩形放到合适的位置，全部选中，单击右键/点击创建剪切蒙版

3、。 输入文字，在三个圆角矩形上的文字加黑色内发光。核心步骤： 新建一个420*560矩形，填充灰色。 用钢笔工具画一个白色三角形，透明度设置50%。 用椭圆工具创建三个圆，将三个圆选中用路径查找器合并，执行效果/风格化/内发光。 用椭圆工具创建三个圆填充灰色，执行效果/模糊/高斯模糊，像素为50。 在制作三个圆加上灰色渐变，放到合适的位置。 .课堂小结本案例让是利用基本图形绘制立体按钮的方法，在设计过程中结合路经查找器，将图形叠加在按钮上，产生圆润、光滑的高光效果的绘制。按钮绘制是UI设计的基础，通过颜色设置以及渐变等多种方法，产生不同效果。作业课后练习：基础案例习题水晶按钮效果图：提高案例习题1手机界面按钮效果图：提高案例习题2手机记步按钮效果图：