民俗古玩网页
- 2021-12-02
- 来源/作者： tlvi.net / 腾龙视觉
- 5 次浏览
民俗古玩网页的页面设计以古玩器皿为画面的主体图像，形成古色古香的画面气氛，给人一种怀旧的视觉印象。页面上各视觉元素按照其形态的大小、色彩、明暗、轻重等关系在页面上平衡地进行布局。通过协调各个要素在主次、强弱的差异关系，来取得设计视觉平衡的美感以及内容上的统一。如图9-21所示，为本实例的完成效果。
图9-21 本实例完成效果
技术提示
民俗古玩网页顾名思义就是以介绍古玩器皿为主。在本实例的制作中使用了大量的素材图片，对这些素材图片的修饰操作包括：调整图片的颜色、更改图片的混合模式、为图片添加图层样式效果等。通过对素材图片的修饰，使图片和谐的统一在一幅画面中。整幅图像以黑红两种色调为主，使画面具浓厚的中国特色，如图9-22所示，为本实例的制作流程。
图9-22 本实例制作流程
制作步骤
（1）启动Photoshop，执行“文件”→“新建”命令，参照图9-23所示设置对话框，创建一个名为“民俗古玩网页”的新文档。
图9-23 设置“新建”对话框
（2）设置前景色为红色（R171、G0、B11），按下<Alt+Delete>键，使用前景色填充背景。接着执行“文件”→“打开”命令，打开本书附带光盘
\“Chapter-09”文件夹内的“布料.jpg”文件，使用工具箱中的
“移动”工具，将该文档中的图像拖动到创建的新文档中，如图9-24所示。
图9-24 添加素材图像
（3）使用
“矩形选框”工具，在视图中绘制一个矩形选区，然后单击“图层”调板底部的
“创建新的填充或调整图层”按钮，在弹出的菜单中执行“色相/饱和度”命令，参照图9-25所示设置对话框，对选区内的图像色调进行调整。
图9-25 调整图像色调
（4）再次单击“图层”调板底部的“创建新的填充或调整图层”按钮，在弹出的菜单中执行“亮度/对比度”命令，对打开的“亮度/对比度”对话框进行设置，调整图像，如图9-
图9-26 调整图像亮度
（5）设置前景色为黑色，选择工具箱中的
“画笔”工具，然后设置选项栏，接着对添加的“亮度/对比度 1”调整图层的蒙版进行编辑，制作出如图9-27所示的图像效果。
提示：将棕色图像的边缘部位进行提亮处理，使其与下面步骤中绘制的黑色图像放在一起时，增强了立体效果。
图9-27 编辑蒙版
（6）单击“图层”调板底部的
“创建新图层”按钮，新建“图层 2”，确定前景色为黑色，使用工具箱中的
“矩形”工具，在视图相应位置绘制一个黑色矩形图像，如图9-28所示。
图9-28 绘制矩形图像
（7）单击“图层”调板底部的
“添加图层蒙版”按钮，为“图层 2”添加图层蒙版，然后使用“画笔”工具，对蒙版进行编辑，制作出黑色矩形两侧的过渡效果，如图9-29所示。
图9-29 添加并编辑蒙版
（8）打开本书附带光盘\Chapter-09\“屏风.psd”文件，将该素材图像拷贝到“民俗古玩网页”文档中，在“图层”调板中生成“图层 3”，然后对“图层 3”的混合模式和不透明度进行设置，如图9-30所示。
图9-30 添加素材图像
（9）单击“图层”调板底部的
图9-31 设置图层样式
（10）打开本书附带光盘\Chapter-09\“瓷器01.psd”文件，使用“移动”工具，将该文档中的图像拖动到“民俗古玩网页”文档中的相应位置，并为图像添加“投影”和“内发光”图层样式效果，如图9-32所示。
图9-32 添加“图层样式”效果
（11）在“图层”调板中新建“图层 5”，配合<Shift>键，将“图层 5”和瓷器图像所在“图层 4”同时选中，按下<Ctrl+E>键，将两个图层合并为一个图层，如图9-33所示。
提示：通过执行此项操作，可以将添加图层样式的图层转换为普通图层，便于对图像进行调整。
图9-33 合并图层
（12）使用
“矩形选框”工具，在瓷器图像的底部绘制选区，然后按下<Delete>键，将选区内的图像删除，并取消选区，如图9-34所示。
图9-34 删除部分图像
（13）依次将本书附带光盘\Chapter-09\“装饰物.psd”和“瓷器02.psd”文档中的图像拷贝到“民俗古玩网页”文档中，在“图层”调板中生成“图层 6”和“图层 7”，如图9-35所示。
图9-35 添加素材图像
（14）确定“图层 6
”为当前可编辑状态，按下<Ctrl>键的同时单击该图层前的图层缩览图，将装饰物图像作为选区载入，然后单击“图层”调板底部的
“创建新的填充或调整图层”按钮，在弹出的菜单中执行“色阶”命令，参照图9-36所示对打开的“色阶”对话框进行设置，调整图像的色调。
图9-36 调整图像色调
（15）参照图9-37所示为“色阶 1”调整图层添加“外发光”图层样式效果。
提示：为图像添加发光效果，使图像在画面中更加突出，拉开与背景的层次关系。
图9-37 添加“外发光”效果
（16）在“图层 6”的下方新建“图层 8”，设置前景色为淡黄色（R255、G241、B202），然后使用
图9-38 绘制发光图像
（17）对图像进行复制，并调整复制图像的大小和位置至右侧瓷器图像的下方，如图9-39所示。
图9-39 复制图像
（18）下面将本书附带光盘\Chapter-09\“木质按钮栏.jpg”素材图像拷贝到“民俗古玩网页”文档中，然后执行“图像”→“调整”→“色相/饱和度”命令，调整图像色调，如图9-40所示。
图9-40 调整图像
（19）新建一个图层，设置前景色为黄色（R248、G219、B143），使用工具箱中的“直线”工具，在视图的上侧配合<Shift>键，绘制如图9-41所示的边框图像，并为图像添加“投影”
效果。提示：也可以使用铅笔工具，按下<Shift>键来绘制直线，最后效果与直线工具绘制的效果一样。
图9-41 绘制边框图像
（20）打开本书附带光盘\Chapter-09\“铜板.psd”文件，将该图像拷贝到“民俗古玩网页”文档中的左上角，然后再将该图像所在图层的混合模式设置为“亮度”，如图9-42所示。
图9-42 添加铜板图像
（21）使用“矩形选框”工具，在铜板图像的下侧绘制选区，确定铜板图像所在“图层 11”为当前可编辑状态，单击“图层”调板底部的
“添加图层蒙版”按钮，为该图层添加图层蒙版，效果如图9-43所示。
图9-43 将部分图像遮盖
（22）将本书附带光盘\Chapter-09\“窗
户.jpg”和“花纹.psd”文档中的图像分别拷贝到“民俗古玩网页”文档中的相应位置，并参照图9-44所示效果为花纹图像添加“投影”效果，然后设置该图像所在图层的混合模式为“点光”，不透明度为“80%”。
图9-44 添加素材图像
（23）接下来再将本书附带光盘\Chapter-09\“铜钱.psd”文档中的图像拷贝到“民俗古玩网页”文档中的相应位置，然后参照图9-45所示为图像添加“斜面和浮雕”图层样式效果。
图9-45 设置浮雕效果
（24）最后在视图中添加相关的文字信息，完成实例的制作，如图9-46所示。如果读者在制作过程中遇到什么问题，可打开本书附带光盘\Chapter-09\“民俗古玩网页.psd”文件进行查看。
图9-46 完成效果
