第六单元网页素材制作Word文档下载推荐.docx
- 文档编号:20356872
- 上传时间:2023-01-22
- 格式:DOCX
- 页数:16
- 大小:2.48MB
第六单元网页素材制作Word文档下载推荐.docx
《第六单元网页素材制作Word文档下载推荐.docx》由会员分享,可在线阅读,更多相关《第六单元网页素材制作Word文档下载推荐.docx(16页珍藏版)》请在冰豆网上搜索。
二、教学目标
1.知识目标
⑴能够进行图层基本操作。
⑵理解图层样式概念。
⑶掌握图层样式的基本使用方法。
⑷明确图层样式的编辑。
2.能力目标
能够使用图层样式进行效果,进行图层样式的编辑。
3.情感目标
通过使用图层样式生成图层特效。
三、教学分析与准备
1.教学重点
2.教学难点
⑴理解图层样式概念。
⑵掌握图层样式的使用方法。
⑶掌握图层样式的编辑。
⑷使用图层样式生成图层特效。
3.教学方法
任务驱动学习和协作学习、探究学习相结合
4.课时安排
2课时
5.教学环境
多媒体网络教室
四、学习过程
教学环节及手段
教学内容
备注
组织课堂
导入新课
明确目标
学习新课
教师可以结合PPT演示文稿讲解。
比较不同操作方法的特点与作用。
通过PPT课件给出窗口每个部分的说明
部分操作,根据教学情况可让学生进行协同学习或学生练习
通过任务学习法加深学生对知识的理解,组织学生分组讨论
教师启发演示
稳定学生情绪,准备上课。
网页设计中的文字效果在整体版面设计中非常重要,甚至有画龙点睛的作用。
一款具有明艳色彩、立体感和质感的文字会更多的吸引人们的视线。
在下面的任务中,我们就来制作一个这样的质感文字。
1.按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.打开素材文件,选择工具箱中的【横排文字工具】,设置前景色为红色,在文字工具属性栏中设置合适的字体与字号,输入英文字母,生成一个名为GoldenShore(黄金海岸)的文字图层。
2.双击该文字图层,调出【图层样式】控制调板,设置文字的【投影】、【内发光】、【斜面和浮雕】,使文字出现具有阴影和浮雕的立体效果,效果如图。
3.复制文字图层,生成名为GoldenShore副本的文字图层,图层调板如图。
4.选择工具箱中的【横排文字工具】,设置前景色为黄色,将GoldenShore副本的文字图层设置为黄色立体文字效果。
5.选择灰色文字图层,单击【图层】调板【添加图层蒙版】按钮,使用【画笔工具】,设置前景色为黑色,选择合适的直径大小,硬度为100%,选择蒙版在文字上单击,呈现字母表层剥落的效果。
为图层创建效果有3种方式:
1.选择控制面板上的【样式】。
2.单击【添加图层样式】按钮弹出快捷菜单。
3.执行【图层】>
【图层样式】命令,弹出图层样式子菜单,它包含了【添加图层样式】。
1.观察下图标志效果,运用图层样式,设置如图所示效果。
2.运用图层样式,制作下图文字效果。
3.使用自定义形状工具,编辑图层样式,制作如图效果。
任务三网页宣传插图
一幅唯美的网页插图会给人留下深刻印象,图片内容不仅要符合网站主题,还要突出产品特色。
在本次任务中,我们使用三张素材图片制作一个品牌香水网页插图。
主体形象为香水瓶,女性柔韧的侧面剪影与花朵的轮廓,把香水的服务对象和特点体现出来,对产品起到良好的宣传作用。
打开三个素材文件,将花朵和人物图像复制到香水瓶文件中,生成图层1和图层2。
将文花朵和人物素材件关闭。
将图层1和图层2的图层混合模式都设置成【正片叠底】,如图6-27所示,效果如图。
选择图层1,执行【编辑】>
【变换】>
【水平翻转】菜单命令,将图像进行水平翻转,再执行【编辑】>
【缩放】命令分别调整图层1和图层2的图像大小,如图所示。
将图层2的【不透明度】设置为60%,使用【移动工具】调整图层1与图层2的位置,完成操作后【图层】调板如图所示。
变换命令的快捷键是Ctrl+T键。
图层的【混合模式】决定着当前图层的像素如何与其下层的像素相混合。
应用各种不同的【混合模式】能出现许多奇特的效果。
在缺省的情况下,图层的混合模式为【正常】,这表明此图层设置不带有混合的属性。
当为图层设置指定一种混合模式时,当前的图像就成为合成图像。
Photoshop图层的混合模式共有23种,分别是:
【正常】、【溶解】、【变暗】、【正片叠底】、【颜色加深】、【线形加深】、【变亮】、【滤色】、【颜色减淡】、【线形减淡】、【叠加】、【柔光】、【强光】、【亮光】、【线形光】、【点光】、【实色混合】、【差值】、【排除】、【色相】、【饱和度】、【颜色】以及【亮度模式】。
1.运用图层的混合模式,生成如图所示效果。
2.使用渐变工具与运用图层的混合模式,生成如图所示效果。
(操作提示:
尝试使用不同图层混合模式,观察效果。
)
3.运用图层的混合模式,生成如图所示效果。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 第六单元 网页素材制作 第六 单元 网页 素材 制作