珠宝制造公司网页-平面设计-菜鸟图库

珠宝制造公司网页

2021-12-02
来源/作者： tlvi.net / 腾龙视觉
4 次浏览

珠宝制造公司网页的页面设计比较抽象，在页面的左下角设计安排了大小不同的三颗红宝石，成为整幅画面的点题之笔。而右侧的红色图像又与之遥相呼应，整幅画面对比鲜明，视觉效果突出。在调和过程中，若要使红色的调和不排斥对比，要适当控制红色的分量。如图8-2所示，为本实例的完成效果。

图8-2 本实例完成效果

技术提示

在本实例的制作过程中，通过编辑素材图片来制作背景图像，使背景图像达到丰富多变的视觉效果，非常具有科技感、现代感，在画面中效果最突出的就是红颜色的运用。其中左下角的红宝石图像通过设置图层样式制作出来，如图8-3所示，为本实例的制作流程。

图8-3 本实例制作流程

制作步骤

（1）启动Photoshop，执行菜单中的“文件”→“新建”命令，打开“新建”对话框，参照图8-4所示设置对话框，创建出一个空白文档。

图8-4 设置“新建”对话框

（2）执行“文件”→“打开”命令，打开本书附带光盘\Chapter-08\“背景1.jpg”文件，使用工具箱中的“移动”工具，将该文档中的图像拖动到创建的空白文档中，在“图层”调板中生成“图层 1

”，如图8-5所示。

图8-5 添加素材图像

（3）单击“图层”调板底部的“添加图层蒙版”按钮，为“图层 1”添加图层蒙版，使用工具箱中的“画笔”工具，对添加的蒙版进行编辑，将视图下侧的部分图像遮盖，如图8-6所示。

提示：为图像添加蒙版可以来隔离和保护图像的各个区域，方便以后对图像进行修改和调整，但是应慎用“应用图层蒙版”命令。

图8-6 编辑蒙版

（4）单击“图层”调板底部的“创建新的填充或调整图层”按钮，在弹出的菜单中执行“亮度/对比度”命令，参照图8-7所示设置对话框，调整图像。

图8-7 调整图像

（5）打开本书附带光盘\Chapter-08\“背景2.jpg”文件，将该素材图像拷贝到“珠宝制造公司网页”文档中，生成“图层 2”。为“图层 2”添加图层蒙版，并对蒙版进行编辑，如图8-8所示。

图8-8 编辑图层蒙版

（6）在“图层”调板中将“图层 2”的混合模式设置为“强光”，然后单击调板底部的“创建新的填充或调整图层”按钮，在弹出的菜单中执行“色相/饱和度”命令，参照图8-6所示设置对话框，调整图像的色调，如图8-9所示。

图8-9 调整图像色调

（7）将本书附带光盘\Chapter-08\“背景3.

jpg”文档中的图像拷贝到“珠宝制造公司网页”文档中，并对图像所在“图层 3”的混合模式和不透明度参数进行设置，如图8-10所示。

提示：将三幅图片进行调整并相互融合，得到丰富多变的视觉效果，具有科技感。

图8-10 设置图层混合模式和不透明度参数

（8）新建“图层 4”，使用工具箱中的“钢笔”工具在视图中绘制路径，然后使用“直接选择”工具，对绘制的路径进行调整，如图8-11所示。

图8-11 绘制路径

（9）按下<Ctrl+Enter>键，将路径转换为选区，设置前景色为红色（R255、G0、B0），按下<Alt+Delete>键，使用前景色填充选区，按下<Ctr

l+D>键，取消选区，如图8-12所示。

图8-12 转换选区并填充颜色

（10）复制“图层 4”，创建“图层 4 副本”，执行“编辑”→“变换”→“旋转180度”命令，将复制的图像旋转180度，然后参照图8-13所示调整图像的位置。

图8-13 调整图像位置

（11）使用“矩形选框”工具，选择部分图像，然后使用“移动”工具，配合<Shift>键，向左移动选区内的图像，接着再将选区取消，如图8-14所示。

提示：按下<Shift>键的同时移动图像，可以使图像平移或者呈45度倍数移动。

图8

-14 修改图像

（12）再次绘制矩形选区将部分图像选取，按下<Ctrl+T>键，执行“自由变换”命令，将图像向右拉长，调整完毕后按下<Enter>键，完成变换操作，并将选区取消，如图8-15所示。

图8-15 变换图像

（13）新建“图层 5”，设置前景色为白色，使用“椭圆”工具，配合按下<Shift>键，绘制一个正圆图像，然后再使用“自定形状”工具，绘制一个箭头路径，如图8-16所示。

提示:如果“自定形状拾色器”中没有该箭头图形，可单击拾色器右上角的黑色三角图形，在弹出式菜单中选择“全部”命令，在弹出的对话框中单击“确定”按钮，使所有形状图形显示。

图8-16 绘制图像和路径

（14）按下

<Ctrl+Enter>键，将路径转换为选区，按下<Delete>键，删除选区内的图像并取消选区，效果如图8-17所示。

图8-17 修改图像

（15）新建“图层 6”，设置前景色为红色（R254、G26、B13），使用工具箱中的“矩形工具”在视图右侧绘制一个红色矩形图像，如图8-18所示。

图8-18 绘制红色矩形图像

（16）新建“图层 7”，设置前景色为紫色（R62、G0、B0），使用工具箱“圆角矩形”工具，在刚绘制的矩形图像的上方绘制圆角矩形图像，如图8-19

所示。

图8-19 绘制紫色圆角矩形图像

（17）按下<Ctrl>键的同时，单击“图层 6”前的图层缩览图，将图层中的矩形图像作为选区载入，然后确定“图层 7”为当前可编辑状态，按下<Delete>键，删除选区内的图像并取消选区。使用同样方法制作出红色矩形图像下部边缘的白色图像效果，如图8-20所示。

图8-20 绘制图像

（18）创建一个新图层，使用“矩形选框”工具，绘制一个矩形选区，然后选择“渐变”工具，参照图8-21所示设置选项栏，在选择内由上至下绘制渐变色，并将图像所在图层的混合模式设置为“亮度”。

提示：按下<Shift>键的同时向下拖动鼠标可以拖出垂直的渐变线，为图像添加均匀的渐变效果。

图8-21

绘制渐变色

（19）保持选区的浮动状态，复制前面绘制的渐变图像所在“图层 9”，创建“图层 9副本”图层，将该图层的混合模式设置为“正常”。设置前景色为红色（R255、G70、B60），背景色为灰色（R50、G50、B50），执行“滤镜”→“渲染”→“分层云彩”命令，多次按下<Ctrl+F>键，重复上次滤镜操作，制作出如图8-22所示的图像效果，然后将选区取消。