1、教 学 目 标,一、制作斑纹形背景 二、使用圆角矩形工具绘制按钮基本形状 三、使用图层样式面板制作立体按钮,导入新课,1、样式面板从哪里可以打开? (窗口-样式) 2、以往使用图层样式我们都制作出怎样的效果?,启动photoshop,“文件”-“新建”,白色,新授课,课前准备,启动photoshop,“文件”-“新建”,透明色,任务一:制作斑纹背景,任务 提出,分组 探究,归纳 总结演示,制作步骤: 1、先打开那个1*3像素的透明文件,在文件上把 上一个像素填充为白色,如图: ,使用“编辑”“定 义图案”命令将该图案定义为“自定义图案” 2、再打开新建的另一个文件,填充黄色背景,在画布上用“编
2、辑”-“填充”命令进行自定义图案填充。,任务二:绘制按钮基本形,任务 提出,分组 探究,归纳 总结演示,1、单击 钮,半径设100像素 2、将前景色调为黑色,在工具栏上选择“填充像素”按钮,在“图层”面板,新建图层,拖动鼠标,绘制圆角矩形。 3、使用 绘制矩形,删除图形中间两块矩形区域 4、设填充为75%(在图层面板顶端),任务三:绘制按钮,任务 提出,分组 探究,归纳 总结演示,1、图层-图层样式或双击图层面板 2、依据图示设置参数,任务三:绘制按钮,任务三:绘制按钮,任务三:绘制按钮,任务三:绘制按钮,任务三:绘制按钮,任务三:绘制按钮,任务三:绘制按钮,任务三:绘制按钮,知识归纳,三、使用图层样式面板制作立体按钮,一、制作斑纹形背景(编辑菜单:定义图案、图案填充),二、使用圆角矩形工具绘制按钮基本形状,综合练习,制作圆形按钮,复制图层样式的小窍门:使用快捷菜单“拷贝图层样式” 命令和“粘贴图层样式”命令,任务四:输入文字,任务 提出,分组 探究,归纳 总结演示,1、单击 钮 2、输入文字 3、使用图层样式面板调节,总结,一、制作斑纹形背景(编辑菜单:定义图案、图案填充)二、使用圆角矩形工具使用圆形选区工具绘制按钮基本形状三、使用图层样式面板制作立体按钮,作业,1、制作心形、花形、脚丫形三个网页按钮 2、研究:使用图层样式面板制作立体金属字,