- 1、本文档共13页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
第六单元 网页素材制作
任务一 网页文字设计
一、提出任务
1.任务目标
能够。
。
。
能够。
。
。
教学难点
。
⑶ 掌握图层样式的编辑。
⑷ 使用图层样式生成图层特效。
3. 教学方法
任务驱动学习和协作学习、探究学习相结合
4. 课时安排
2课时
. 教学环境
Ctrl+N键新建一个图像文件,设置其宽度为600像素,高度为800像素,背景色为黑色,分辨率72像素/英寸。选择【路径】调板,使用【钢笔工具】,选择【路径】调板,绘制一个英文大写字母X形状的路径。单击【路径】调板上的【将路径作为选区载入】按钮,将会生成X形状的选区,切换到【图层】调板,新建图层1,并填充白色。
2.选择【样式】调板,载入【Web样式】库文件,对图层1使用【带投影的蓝色凝胶】样式,将【填充】设置为100%。
3.选择【文字工具】输入数字9,调整文字大小,并旋转文字角度如图7-7所示。单击【图层】调板【添加图层蒙版】按钮,使用【画笔工具】,选择黑色,呈现数字和字母套在一起的效果。
4.对数字9使用【带投影的红色凝胶】样式,如果需要编辑,双击【图层】调板,弹出【图层样式】对话框,设置【图案叠加】,选择一种图案,并降低【颜色叠加】的不透明度,使图案效果呈现出来。也可以单击【图层】调板上的【添加图层样式】按钮自己设置。
5.再使用同样的方法,制作数字6,为该图层添加蒙版,选择【带投影的黄色凝胶】样式,并进一步编辑,制作完成后的【图层】调板如图所示。
教师与学生分别操作
如果对【样式】调板中的既定样式效果不太满意,可以在图层样式调板中重新编辑或修改其中的参数。
有些复杂效果需要使用多个图层的图层样式叠加实现,该练习中文字的突起边缘和内部的凹陷效果就需要在两个图层中分别实现。
图层样式显示在【图层】控制调板上。
图层名称后有(f标记,表示该图层应用了图层样式。
学生分组练习
拓展练习:
1.观察下图文字投影效果,通过编辑图层样式来实现。
2.通过编辑图层样式实现透明文字效果。
3.认真观察下图金属质感的文字效果,通过编辑图层样式来实现。
任务二 旅游网页标题文字
一、提出任务
1.任务目标
能够。
。
。
能够。
。
。
教学难点
。
⑶ 掌握图层样式的编辑。
⑷ 使用图层样式生成图层特效。
3. 教学方法
任务驱动学习和协作学习、探究学习相结合
4. 课时安排
2课时
. 教学环境
任务三 网页宣传插图
一、提出任务
1.任务目标
能够。
。
。
能够。
。
。
教学难点
。
⑶ 掌握图层样式的编辑。
⑷ 使用图层样式生成图层特效。
3. 教学方法
任务驱动学习和协作学习、探究学习相结合
4. 课时安排
2课时
. 教学环境
-27所示,效果如图。
选择图层1,执行【编辑】【变换】【水平翻转】菜单命令,将图像进行水平翻转,再执行【编辑】【变换】【缩放】命令分别调整图层1和图层2的图像大小,如图所示。
将图层2的【不透明度】设置为60%,使用【移动工具】调整图层1与图层2的位置,完成操作后【图层】调板如图所示。
教师与学生分别操作
变换命令的快捷键是Ctrl+T键。
图层的【混合模式】决定着当前图层的像素如何与其下层的像素相混合。应用各种不同的【混合模式】能出现许多奇特的效果。在缺省的情况下,图层的混合模式为【正常】,这表明此图层设置不带有混合的属性。
当为图层设置指定一种混合模式时,当前的图像就成为合成图像。Photoshop图层的混合模式共有23种,分别是:【正常】、【溶解】、【变暗】、【正片叠底】、【颜色加深】、【线形加深】、【变亮】、【滤色】、【颜色减淡】、【线形减淡】、【叠加】、【柔光】、【强光】、【亮光】、【线形光】、【点光】、【实色混合】、【差值】、【排除】、【色相】、【饱和度】、【颜色】以及【亮度模式】。
学生分组练习
拓展练习:
1.运用图层的混合模式,生成如图所示效果。
2.使用渐变工具与运用图层的混合模式,生成如图所示效果。
(操作提示:尝试使用不同图层混合模式,观察效果。)
3.运用图层的混合模式,生成如图所示效果。
1
文档评论(0)