网页设计教学与实验内容7由刀豆文库小编整理，希望给你工作、学习、生活带来方便，猜你可能喜欢“网页设计实验7选”。
教课程名称：网页设计与制作
学七
教学题目：Photoshop图层的应用 讲授内容：
图层的概念 图层的基本操作。一．图层的概念
图层是对图像进行各种合成效果的重要途径。
不同图层中的图像可以进行独立操作，更改图层的顺序和属性可以改变图像的合成效果。
▪ ▪
▪ ▪ 背景图层：默认为锁定，未解锁不允许更改。
调整图层：调整图层中的色彩调整对其下方的所有图层产生作用。填充图层：纯色填充、渐变填充和图案填充。图层样式：投影、发光、浮雕等效果。
二．新建图层
1．单击“图层”面板的新建按钮创建新图层。2．复制图层可产生新图层。3．输入文字时可生成新图层。三．复制图层
将需复制的图层拖至新建图层按钮上，形成图层的“副本”。四．删除图层
选择需删除的图层，单击“删除图层”按钮，或将图层拖至“删除图层”按钮。五．合并图层
向下合并、合并可见图层、拼合图层。六．调整图层顺序
直接拖动图层或选择“图层/排列”命令。七．链接图层
固定当前图层和链接图层间的相对位置，链接后视为一个整体，可进行移动、缩放、旋转、色彩调整和合并等操作。
案例文件：讲授案例彩色圆点.psd 选择需要链接的多个图层（注：使用Ctrl键），单击“链接图层”按钮。八．锁定图层
防止图层被误操作，可将图层锁定。“锁定透明像素”、“锁定图像像素”、“锁定位置”、“锁定全部”。九．对齐和分布图层
选择多个图层，在工作区顶端“选项”面板中使用对齐和分布图层按钮。案例文件：讲授案例彩色圆点.psd 十．图层属性
图层名称、不透明度、显示隐藏。
十一．应用举例——背景特效制作（参照“讲授案例背景特效.psd”）
1.新建800×600 px的黑色画布。
2.选择20px的黄色（#fdd000）画笔工具，调整为硬度100%、间距150%的虚线。3.新建“图层1”，按住Shift绘制长短不
一、疏密有致的垂直虚线。4.新建“图层2”，改变画笔颜色为绿色（#218f49），画笔直径为9px，按步骤3，随意绘制另一色彩的垂直虚线。
5.新建“图层3”，改变画笔颜色及画笔直径，按步骤3，随意绘制另一色彩的垂直虚线。
6.选择直排文字工具，输入“Effect Design”。
7.复制文字图层多份，分别改变各图层文字的大小、不透明度以及位置。8.合并所有图层，保存于“实验素材”文件夹，命名“我的背景特效.jpg”。十二．案例操作要点总结：
画笔色彩、间距、直径；直线；图层自由变换；图层不透明度。
实验内容
一．根据教学案例的说明，完成“背景特效”。
二．根据“实验素材水晶按钮.psd”，完成水晶按钮的特效。制作过程如下：
1.新建200×80像素，分辨率72，白色背景的画布。2.新建“图层1”，前景色设置为“绿色”（#45b035）。
3.选择圆角矩形工具，属性设置为“填充像素”，半径40像素，在图层1中绘制圆角矩形。4.设置图层1的“图层样式”，选择“投影”，90度，不透明度40%，距离2像素。选择“内阴影”，不透明度80%，距离13像素，大小21像素。5.选择圆角矩形工具，属性设置为“路径”，半径80像素。6.新建“图层2”，在图层2上绘制圆角矩形路径。
7.打开“路径”面板，单击“将路径作为选区载入”按钮。
8.设置前景色为白色，选择渐变工具，属性设置渐变样式为“前景到透明”和“线性渐变”，在选区中从上到下绘制渐变色。9.按Ctrl+D取消选区，选择“图层1”，按Ctrl键同时单击图层面板中“图层1”的缩略图，将图层1的选区载入。
10.选择矩形选框工具，单击“与选区交叉”属性按钮，在“图层1”中绘制选区，使选区交叉后仅保留圆角矩形选框的下1/4部分。
11.使用“选择/羽化…”命令，将交叉后的选区羽化，羽化值为5像素。
12.选择“图像/调整/色阶…”命令，在对话框中拖动滑块，使羽化后的选区内容变亮。之后取消选区。
13.选择横排文字工具，输入“确定”文本，并调整文本至按钮中央，设置文本的“图层样式”为“投影”。此时效果已完成。
14.删除“路径”面板中的路径。合并图层，保存为jpg格式的图像，命名为“水晶按钮.jpg”。
实验一、优秀网站赏析 1.实验目的要求通过对不同类型、不同风格、不同特色的优秀网站的欣赏，使学生对网站制作课程有一个初步了解，诱发学生的学习兴趣。同时指导学生分析各类......
《网页设计》实验教学大纲《网页设计》实验教学大纲开课实验室：网络技术实验室 课程学时：36 课程名称：网页设计 课程编号：12412219 实验学时：36 面向专业：动画 一、实验教学目的和......
2011-2012学年第一学期网页设计与制作课程考查内容 考查对象：安防091、安防092、管理091 考查内容：制作一个微型网站，主题包括1.个人求职网站；2.个人主页（关于自己、某个你感兴趣......
《电子政务网页设计与制作》实验教案实验名称 IIS的安装与调试实验类型：演示型√ 验证型□ 综合型□ 设计型□ 实验类别：基础√ 专业基础□ 专业□ 实验要求：必做√ 选做□ 实......
《网页设计与制作》序号：学号：姓名：班级：学院：进入二十一世纪，互联网进一步普及，人们的网络生活进一步丰富，网络已经成为人们之间沟通交流的另一种方式。作为一名大学生，学习如何设计......
