分享

服饰网页

 如颖随行 2013-02-25

在本节的实例学习中,将制作一幅牛仔服饰网页的页面效果,完整的形象形态一旦被打破,人们的注意力就会上升,适形的裁切使图像内容更突出并可以将主体形象于环境融合到一起,表达一种粗狂的文化气息,如图10-2所示,为本实例的完成效果。

图10-2 本实例完成效果技术提示

本实例的制作分为两部分:一部分是背景的制作,另一部分是添加装饰元素及文字。在背景制作中,结合素材图片,调整其色调,并对其中一幅素材图片与另一幅图片相接的边缘制作出扭曲效果,使图像能过渡自然,相互融合在一起。在为图像添加装饰元素时,要注意使图像与整体效果所要传达的中心一致,更改图像所在图层的混合模式能够很便捷的将图像与背景进行融合,并且在绘制字体的时候尽量制作出斑驳的效果,使之与画面的整体风格相统一。如图10-3所示,为本实例的制作流程。

图10-3 本实例制作流程制作步骤1. 制作背景

(1)运行Photoshop,执行“文件”→“新建”命令,打开“新建”对话框,参照图10-4所示设置对话框,创建一个“牛仔服饰网页”的空白文档。

图10-4 “新建”对话框

(2)执行“文件”→“打开”命令,打开本书附带光盘\Chapter-10\“砖墙.jpg”文件,使用“移动”工具,将砖墙图像拖移到“牛仔服饰网页”文档中,并调整大小和位置,如图10-5所示。

图10-5 调整图像

(3)使用

图10-6 复制图像

(4)接下来使用工具箱中的“加深”和“减淡”工具,参照图10-7所示对砖墙图像的局部颜色进行调整。

提示:使用加深和减淡工具通过在图层上涂抹,为图像添加明暗关系,在绘制过程中要注意调整画笔的大小和曝光度。

图10-7 调整图像

(5)按下<Ctrl>键,同时单击“图层 1”前的缩览图,将“图层 1”载入选区,单击“图层”调板底部的“创建新的填充或调整图层”按钮,在弹出的菜单中选择“色相/饱和度”命令,打开“色相/饱和度”对话框,参照图10-8所示设置对话框,调整砖墙图像的颜色。

图10-8 设置“色相/

(6)使用以上添加调整图层方法,再为图像添加“亮度/对比度”和“色彩平衡”调整图层,参照图10-9~10-10所示设置对话框参数。

图10-9 设置“亮度/对比度”对话框

图10-10 设置“色彩平衡”对话框

(7)设置前景色为黑色,选择工具箱中的“画笔”工具,在砖墙图像上面进行涂抹,效果如图10-11所示。

提示:为图像有选择的进行上色,将不需要的进行遮罩。把画笔设置为硬画布蜡笔可以制作出斑驳的墙面效果。

图10-11 编辑蒙版

(8)执行“文件”→“打开”命令,打开本书附带光盘\Chapter-10\“墙壁纹理1.jpg”文件,使用“移动”工具,将纹理图像拖移到“牛仔服饰网页”文档中,创建“图层 2”。

(9)按下<Ctrl+T>键执行“自由变换”命令,调整其大小和位置,接着在变换框上右击,从弹出的菜单中选择“水平翻转”命令,将图像水平翻转,如图10-12所示。

(10)执行“图像”→“调整”→“亮度/对比度”命令,打开“亮度/对比度”对话框,参照图10-13所示设置对话框,将图像调亮。

图10-13 设置“亮度/对比度”对话框

(11)下面执行“图像”→“调整”→“色相/饱和度”命令,打开“色相/饱和度”对话框,如图10-14所示设置对话框,调整图像色调。

提示:在“色相/饱和度”对话框中若将“饱和度”设置为-100,图像将会转换为灰度图像,与“去色”命令效果相同。

图10-14 设置“色相/饱和度”对话框

(12)使用“矩形选框”工具,在纹理图像左侧绘制选区,接着执行“滤镜”→“扭曲”→“水波”命令,打开“水波”对话框,参照图10-15所示设置对话框,为选区内图像添加水波效果,并取消选区。

提示:执行水波命令可以根据选区中像素的半径将选区径向扭曲。“起伏”选项设置水波方向从选区的中心到其边缘的反转次数。还要指定如何置换像素:“水池波纹”将像素置换到左上方或右下方,“从中心向外”向着或远离选区中心置换像素,而“围绕中心”围绕中心旋转像素,读者可以在操作中尝试一下。

图10-15 添加水波效果

(13)单击“图层”调板底部的“添加图层样式”按钮,在弹出的菜单中择“投影”命令,打开“

图10-16 添加投影效果

(14)打开本书附带光盘\Chapter-10\“墙壁纹理2.jpg”文件,将其拖移到“牛仔服饰网页”文档中,创建“图层 3”,参照图10-17所示调整其大小和位置,并将其水平翻转。

图10-17 添加素材图片

(15)在“图层”调板中设置“图层 3”的混合模式为“叠加”,效果如图10-18所示。

图10-18 设置图层混合模式

(16)新建“图层

4”,使用“矩形”选框工具在文档底部绘制选区并填充为白色,然后按下<Ctrl+D>键取消选区,如图10-19所示。

图10-19 绘制选区并填充

(17)单击“图层”调板底部的

图10-20 编辑蒙版2. 添加装饰元素和文字

(1)执行“文件”→“打开”命令,打开本书附带光盘\Chapter-10\“牛仔服.jpg”文件。使用“魔棒”工具,在牛仔服图像的背景上单击,创建选区,接着按下<Ctrl+Shift+I>键,将选区反转,选取牛仔服图像,如图10-21所示。

图10-21 创建选区

(2)使用“移动”工具,将选区内图像拖移到“牛仔服饰网页”文档中,创建“图层 5”,参照图10-22所示调整其大小和位置。然后在“图层”调板中设置“图层 5”的图层混合模式为“强光”。

图10-22 设置图层混合模式

图10-23 调整图像

(4)在“图层”调板中新建图层,使用“矩形选框”工具绘制选区,填充为黑色并取消选区。然后执行“滤镜”→“扭曲”→“海洋波纹”命令,打开“海洋波纹”对话框,参照图10-24所示设置对话框,为图像添加海洋波纹效果。

提示:执行海洋波纹命令可以将随机分隔的波纹添加到图像表面,使图像看上去像是在水中。用此方法制作出粗糙的边缘效果。

图10-24 设置“海洋波纹”对话框

(5)使用“魔棒”工具,在黑色图像边缘白色部位单击,选择白色区域,按下<Delete>键,将选区内图像删除,然后取消选区,如图10-25所示。

图10-25 删除图像

(6)接下来将黑色图像复制,将其水平翻转和垂直翻转,并调整其位置,使黑色图像四周边缘显出波纹效果,接着将黑色图像所在图层合并。然后调整图层顺序,将黑色图像下面的图片显出来,如图3-26所示。

图10-26 调整图像

图10-27 添加图层样式效果

(8)打开本书附带光盘\Chapter-10\“花纹.tif”文件,将花纹图像拖移到“服饰网页”文档中,参照图10-28所示分别调整其大小和位置。

图10-28 添加花纹图像

(9)在“图层”调板中,将顶部花纹图像所在图层的混合模式设为“强光”。然后为右侧花纹添加“外发光”图层样式,如图10-29所示。

提示:将两幅图像很好的结合在一起,最好的方法就是调整图像所在图层的混合模式。在操作中应根据具体情况来设置不同的混合模式。

图10-29 调整图像

(10)将两个花纹图像复制,参照图10-30所示分别调整副本图像的大小和位置,并更改左下角花纹图像所在图层的混合模式。

图10-30 复制图像并调整

(11)使用“横排文字”工具,在文档顶部输入字母,如图10-31所示。完成后执行“图层”→“栅格化”→“文字”命令,将文字图层转化为普通图层。

图10-31 输入文字

(12)执行“滤镜”→“扭曲”→“海洋波纹”命令,如图10-32所示设置“海洋波纹”对话框,为字母添加海洋波纹效果。然后使用“魔棒”工具,在字母边缘白色部位单击,将白色区域选取并删除。

提示:只有在对文字进行栅格化处理后,使文字图层变为普通图层,才能对文字图像使用滤镜命令,但其内容不能再作为文本编辑。

图10-32 添加海洋波纹效果

(13)调整字母的旋转角度和位置,然后在“图层”调整中将字母所在图层的混合模式设置为“正片叠底”,效果如图10-33所示。

图10-33 设置图层混合模式

(14)将字母复制,参照图10-34所示分别调整大小和位置,并将其中一组字母颜色设为灰蓝色。

图10-34 复制文字并调整

(15)接着在文档中添加其他相关文字信息和装饰图像。确定“图层”调板顶端的图层为当前可编辑状态,单击“图层”调板底部的“创建新的填充或调整图层”按钮,在弹出的菜单中选择“亮度/对比度”命令,如图10-35所示设置对话框参数,将画面整体颜色调亮。

图10-35 调整亮度

图10-36 完成效果

原文出处

推荐阅读-Photoshop分类教程

PS入门教程 PS路径教程 PS滤镜教程 PS图层教程 PS通道教程 PS画笔笔刷

PS工具教程 PS创意制作 PS插画制作 PS成签制作 PS海报制作 PS壁纸制作

PS动画制作 PS影楼后期 PS美容教程 PS美白教程 PS磨皮教程 PS清晰修复

PS调色教程 PS边框纹饰 PS排字教程 PS字效教程 PS仿手绘 PS鼠绘教程

PS网页元素 PS抠图教程 PS图片合成 PS非主流 PS视频教程 PS软件资源

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多