![实战应用:Photoshop网店美工设计](https://wfqqreader-1252317822.image.myqcloud.com/cover/989/31728989/b_31728989.jpg)
Example 03 蒙版合成精美画面
案例展示
![](https://epubservercos.yuewen.com/9E4FB5/17180243704467806/epubprivate/OEBPS/Images/img00091002.jpg?sign=1738949510-axtr7O0HpT1TwlFKAJlhhxe1ynq1sZ1o-0-54e8d7764931ea757b65ea7d8d338c25)
光盘路径
素材文件:光盘素材\素材文件\第4章\Example 03\4-4.jpg、4-5.png~4-7.png
结果文件:光盘素材\结果文件\第4章\Example 03\4-3.psd
多媒体教学文件:光盘素材\教学文件\第4章\Example 03\4-3.mp4
设计分析
难易难度:★★★☆☆
操作提示:本案例通过介绍图层蒙版的强大功能,将一张背景图与中景图进行合成,使画面无缝衔接,合成效果自然和谐,最后添加海报中的其他元素形成一张完整的海报。图层蒙版应用广泛,在首页、详情页的设计中经常用到。
技能要点:画笔工具、图层蒙版。
步骤详解
01新建文件。执行“文件→新建”命令(新建快捷键:【Ctrl+N】),在打开的“新建”对话框中,设置宽度为1920像素,高度为700像素,分辨率为72像素/英寸,如下图(左)所示。
02置入背景。执行“文件→置入”命令,在打开的“置入”对话框中,选择素材文件4-4.jpg,置入后调整图像大小和位置,按【Enter】键确定置入,如下图(右)所示。
![](https://epubservercos.yuewen.com/9E4FB5/17180243704467806/epubprivate/OEBPS/Images/img00092001.jpg?sign=1738949510-UL2KYHaUPsIlP7qS7BnCrtuXbayZ0ob7-0-1cc500cc1a50e3f2cee5f221b8defcee)
03置入合成素材。置入素材文件4-5.png,此时可观察到素材两边的衔接处特别明显,如下图(左)所示。
04创建图层蒙版。单击“图层”面板底部的“添加图层蒙版”按钮,为“4-5”图层添加图层蒙版,如下图(右)所示。
![](https://epubservercos.yuewen.com/9E4FB5/17180243704467806/epubprivate/OEBPS/Images/img00092003.jpg?sign=1738949510-JVIDRtz5NcfOxVF5PdbQZ15FnkeACn88-0-b77df24ee5074d829734aae2ca37ef31)
05设置画笔。选择“画笔工具”,单击属性栏的下拉按钮,在弹出的下拉菜单中选择“画笔预设”选取器,设置画笔的笔尖、大小和硬度,如下图(左)所示。
06选中蒙版。单击“4-5”图层的图层蒙版缩览图,确定蒙版为绘制对象,如下图(中)所示。
07绘制蒙版。设置前景色为黑色,在画面左侧的衔接处单击,将4-5素材边缘打造出渐隐的效果,如下图(右)所示。
![](https://epubservercos.yuewen.com/9E4FB5/17180243704467806/epubprivate/OEBPS/Images/img00092005.jpg?sign=1738949510-XAGTNXEqWwMRGS0GlFcrj0NhxZfwCXA5-0-91122fd96fe50146ee387ff775173708)
技能拓展
图层蒙版的原理
图层面板中有两个图层,其中上面的图层添加了图层蒙版,通过在蒙版中进行填充黑色就会使上面的图层内容隐藏,如果填充灰色就是半透明状态,如果填充白色就没有隐藏效果。案例中正是利用了这一原理,将“画笔工具”的硬度设置得很低,让画笔笔尖边缘呈灰色,这时再绘制在蒙版上,就会呈现出若隐若现的效果。
08编辑蒙版。依次使用“画笔工具”在画面边缘单击,打造出海市蜃楼的效果,如下图(左)所示。
09蒙版效果。此时,“4-5”图层的蒙版中有我们绘制的笔触效果,如下图(右)所示。
![](https://epubservercos.yuewen.com/9E4FB5/17180243704467806/epubprivate/OEBPS/Images/img00093002.jpg?sign=1738949510-0g5K8LDgHAuDiLo67z1xSMsKTNAPeyge-0-27532ed787e5d515a777064fcaf20242)
10添加产品素材。置入素材产品文件4-6.png,放置到画面中间合适的位置,如下图(左)所示。
11添加文案。置入文案素材文件4-7.png,放置到画面中上方,如下图(右)所示。
![](https://epubservercos.yuewen.com/9E4FB5/17180243704467806/epubprivate/OEBPS/Images/img00093003.jpg?sign=1738949510-cmcKYAGlnteEYMFsfXdb1vSp7JTvVNiw-0-0d52f22447d7a1baeba09ec632f2236f)