1.2自然舒适的配色方案设计

东莞联合技工学校教案编号：QD-751b-35B/1流水号：文化理论课教案（首页）2015~2016学年第一学期课程名称：网页美工任课教师：谭荣生共4页科目网页美工第一章二节课题：自然舒适的配色方案设计授课日期9.11课时2班级高计1431授课方式讲授、演示、上机作业题数1拟用时间20`教学目的掌握表现自然舒适风格的配色技巧掌握使用表现自然舒适风格的颜色进行填充选用教具挂图多媒体重点掌握表现自然舒适风格的配色技巧掌握使用表现自然舒适风格的颜色进行填充难点掌握表现自然舒适风格的配色方案的操作过程教学回顾学生对表现自然舒适风格的配色技巧以及使用表现自然舒适风格的颜色进行填充掌握的都不错。说明审阅签名：东莞联合技工学校教案编号：QD-751b-35B/1流水号：教学过程第1页第一章二节自然舒适的配色方案设计一、课堂导入上次我们讲解了握色彩的基础理论知识、的配色原则，设计自己的作品---网页”尊贵华丽的配色方案设计”的操作本次主要使用表现自然舒适风格的颜色进行填充的讲解与上机操作，最终效果如图1-25所示二、新课讲授操作步骤：(1)启动PhotoshopCS5软件，执行“文件”_“新建”菜单命令，打开“新建”对话框，进行如图1-26所示设置。东莞联合技工学校教案编号：QD-751b-35B/1流水号：(2)背景为默认的白色(R:255；G:255；B:255)。(3)单击工具箱中的“矩形工具”按钮和“钢笔工具”按钮，绘制一个闭合的曲线形状，重命名为“图层2”，效果如图1-27所示。单击工具箱中的“渐变”糕踅按钮，单击属性栏中的“线性渐变”按钮，设置从蓝色(R：21;G：83;B:129)到白色(R:255;G:255;B:255)的线性渐变，如图1-28所示，从上向下边缘拖曳，效果如图1-29所示。(4)绘制图层3的形状。单击工具箱中的“油漆桶工具”按钮，单击工具箱中的“设置前景色工具”按钮，如图1-30所示。东莞联合技工学校教案编号：QD-751b-35B/1流水号：设置前景色RGB值为(R:147;G:147;B:147)，填充效果如图1-31所示。(5)用同样的方法绘制图层4的形状。设置前景色RGB值为(R:255;G:156;B:O)，填充效果如图1-32所示。(6)单击文字工具T披钮，设置文字颜色为灰色(R：107;G：107;B：107)，输入“首页|集团概况|新闻中心|专业介绍|服务中心|商品展示|人才中心|留言咨询”，效果如图1-33所示。(7)用同样的方式编辑左、中、右三栏中的文字，以灰色(R:107;G:107;B：107)为主。调整所有图像、文字的位置，加入企业LOGO及细节图标，该企业的网站就制作完成了，最终效果参见图1-25。东莞联合技工学校教案编号：QD-751b-35B/1流水号：小结：作业：上机实操做出如图1—25的配色方案东莞联合技工学校教案编号：QD-751b-35B/1流水号：