![电子商务视觉营销](https://wfqqreader-1252317822.image.myqcloud.com/cover/71/27738071/b_27738071.jpg)
1.6.3 设计制作水果商品海报
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P36_5931.jpg?sign=1739672168-D684GHEOex06Mi3sFNiEbUyOqGy1OPW1-0-881f4bc1e92a59d0dfb5c3d62b6fde27)
步骤01 新建一个文件,图像大小为1920×650像素,分辨率为72像素/英寸,如图1-51所示。将文件存储为“水果商品海报.psd”,如图1-52所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P36_5896.jpg?sign=1739672168-D4rEot1gN2KuTU0YFDYjGOhqQnN7vz4Q-0-a9e92e9ce46865562593deef5bf1995c)
图1-51 新建文档
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P36_5897.jpg?sign=1739672168-BNbN9WgCY9MRDzjGcxjpF9VRJGAxSDWB-0-a653401bcf3cf828a040b219639dd16b)
图1-52 保存文件
提示:为了避免由于操作或者硬件的原因造成文件丢失,在新建文档后要及时保存文档。并在以后的制作过程中养成时刻保存文件的习惯。
步骤02 设置前景色为RGB(255,68,95),使用“油漆桶工具”在画布中单击填充画布,如图1-53所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P36_5926.jpg?sign=1739672168-GFi7y8XFZCB75VReTVuwbaOBO9uWAiGj-0-e6f5d08e6a3736835a18de29c7c59613)
图1-53 填充画布
提示:海报的主图为草莓,因此背景色使用了草莓的颜色。为了有所区分,降低了颜色的纯度。与草莓图像同色搭配时,既丰富又统一。
步骤03 打开文件“素材\第1章\雨点.jpg”,将该图片拖曳到“水果商品海报”设计文档中。调整图片位置,如图1-54所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P36_5927.jpg?sign=1739672168-0MRE8s2okUuTWPi9gHkCTrVou8aTfKfH-0-c1645a51d8d6b4ed5d09db28e986e1c2)
图1-54 插入“雨点”图片
步骤04 打开“图层”面板,选中“雨点”图层,更改图层的混合模式为“滤色”选项,图像效果如图1-55所示,滤色“图层”面板如图1-56所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P37_5967.jpg?sign=1739672168-46GBtwQtwcc93jZt9BGYjrrUKFrSo0MA-0-218a9252e74a9847700c7280e7872b5a)
图1-55 图层混合模式效果
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P37_5968.jpg?sign=1739672168-R8acC0fRNFXu3od1Plft14evxXxvJ47r-0-1db52620089bc75c143a1550bca865da)
图1-56 滤色“图层”面板
步骤05 单击“添加图层蒙版”按钮,为“雨点”图层添加一个图层蒙版,设置前景色为黑色,并使用“画笔工具”在画布中进行涂抹,如图1-57所示,蒙版“图层”面板如图1-58所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P37_5972.jpg?sign=1739672168-Uu513HgRpfID1kBYpM76rfptENXLexFc-0-4b59a42ea556a531ba2be2ff83fbb137)
图1-57 矢量蒙版效果
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P37_5973.jpg?sign=1739672168-oVULwcnKZmkSbHYQFQFBFWHB8RNmxNNJ-0-e894bd50aff7fa3726463a1a6e883e8e)
图1-58 蒙版“图层”面板
步骤06 新建图层,修改图层名称为“椭圆1”,设置前景色为白色,使用“画笔工具”在页面中单击,绘制如图1-59所示效果。设置该图层混合模式为“叠加”,完成效果如图1-60所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P37_5977.jpg?sign=1739672168-74YXcEpOZkVjPdkmUY6Vt8S6DINIc1Y0-0-37138bd00a9b7053cabc9051eb633a3f)
图1-59 绘制图形
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P37_5978.jpg?sign=1739672168-O8CENvyJ4yUooGuOn6toMqlzNWs8RHUa-0-69c4a085dabf11809afcda9de5cc75b7)
图1-60 设置图层混合模式
步骤07 打开“素材\第1章\草莓.png”图片文件,将该图片拖曳到设计文档中,调整图片大小位置到如图1-61所示。为该图层添加图层蒙版,设置前景色为“黑色”,使用“画笔工具”在蒙版中绘制,修饰草莓边缘效果,完成效果如图1-62所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P37_5983.jpg?sign=1739672168-TtHPRwqxwT2tlORJC4yGe2VzaEPItHt3-0-c3a5cae2440f03e9d4640bc34e02e400)
图1-61 导入图片
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P37_5984.jpg?sign=1739672168-re5KOI4APzwFsbYKtJikctS3V5NGM7VS-0-9d2b76885c71ca101286276a4a4b46ae)
图1-62 修饰边缘
步骤08 新建图层,调整其顺序到草莓图层下。设置前景色为黑色,使用“画笔工具”绘制如图1-63所示效果。修改图层不透明度为46%,效果如图1-64所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P38_6016.jpg?sign=1739672168-pLx0o67m8x5VGG4ZhzKJxRXXNuX4R2a5-0-6307413c719a65173505931875040a7e)
图1-63 绘制草莓图阴影
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P38_6017.jpg?sign=1739672168-JnfyZIiTno5ZiEEXvzSM8oEGhCr7YrTq-0-3d92835bcd807afdf01536b6416cfdb2)
图1-64 修改图层不透明度
步骤09 使用相同的方式,继续绘制阴影,效果如图1-65所示。使用“横排文字工具”在画布中依次输入文字,文字颜色为RGB(255,234,193),完成效果如图1-66所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P38_6022.jpg?sign=1739672168-esYY2AJf59I9QXpdTVXBCuftVZuWuKmJ-0-478bfdf90ca9e75160a58d10f8698ad7)
图1-65 绘制阴影
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P38_6024.jpg?sign=1739672168-MPPc1DhaIZ9hNUxsy3Uymt3M2xFGBQtH-0-3fc5b0ec9e5a575625aa9ac33cdc916e)
图1-66 输入文字
提示:标题文字采用了临色搭配,并降低了黄色的纯度。页面主题清晰明确又不至于太刺眼。
步骤10 继续使用“横排文字工具”输入如图1-67所示文字。使用“矩形工具”绘制如图1-68所示的图形。新建一个图层组,并修改其名称为“文字”,将文字图层和形状图层都移动到该图层组中,如图1-69所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P38_6041.jpg?sign=1739672168-jKPVCOS5IcHAYQUdUJElo5Opz09d4gQV-0-af5166cdae6c8828687ff5420dddf96d)
图1-67 绘制文字阴影
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P38_6042.jpg?sign=1739672168-ws9KlOYR5JY2ubWaC1Xs2GYbVPg5FH7Q-0-f7e5a508724c6f4d7529dbb216b4a5a0)
图1-68 使用“矩形工具”输入文字
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P38_6043.jpg?sign=1739672168-cA3oG1lVLVyKsSrAxKah1lpTDGA0u6MO-0-595d3a91d379af11f2affcb392b1a9f7)
图1-69 新建图层组
步骤11 单击“添加图层样式”按钮,为该图层组添加“投影”图层样式,设置各项参数如图1-70所示。将“素材\第1章\印记.png”图片文件打开并拖曳到设计文档中,页面效果如图1-71所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P39_6083.jpg?sign=1739672168-cWSUmRNBg65bWiHQyYmp5DxOmdx80wfT-0-80e5ad040bf26028a2e421de9b255fa6)
图1-70 图层样式
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P39_6084.jpg?sign=1739672168-CtEK12RtgOMSjweS6NovlSj0TzaQr4pc-0-cd19e3000e594d0dfebc17ac32c644cc)
图1-71 合成图片素材
步骤12 新建一个名为“文字1”的图层组,将刚刚完成的“文字”图层组拖入到“文字1”图层组下,如图1-72所示。使用“横排文字工具”输入如图1-73所示文字。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P39_6088.jpg?sign=1739672168-14Ere9ITQr5gQGhPsSAj3jDHWXf6loS9-0-c4ae5ab6a2003eaca9ba64a2c99648ca)
图1-72 以“文字1”为名建图层组
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P39_6089.jpg?sign=1739672168-Bk3wvpKEeXelQrKRZnGCteNxxl018tMU-0-34d151ea401073fa9928dbec7ffe9d94)
图1-73 使用“横排文字工具”输入文字
步骤13 新建一个图层,使用“画笔工具”绘制如图1-74所示效果图像。选中该图层,执行“图层”→“创建剪贴蒙版”命令,效果如图1-75所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P39_6093.jpg?sign=1739672168-CIwdRtRoaDzRIXDKNckWxhr9bs8LKaco-0-32b63e22a448586c61668afd8196eeef)
图1-74 绘制图像
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P39_6094.jpg?sign=1739672168-FHA4wblPSkJSrWDmRUROIBaYNFR53ELq-0-cc8634a0efc84fcf1466a8142397b8bc)
图1-75 剪贴蒙版效果
提示:为文字添加剪贴蒙版,实现斑驳的文字效果,能增加页面的层次感。
步骤14 继续使用文本工具输入文本,并执行“编辑”→“自由变换”命令旋转文本,最终效果如图1-76所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P40_20088.jpg?sign=1739672168-1t2kjMtlxx2eYnHM1c69VGgk3OlFAwvR-0-9e3f1708a700b2a7607a4f79e3124ed6)
图1-76 输入文本并旋转
提示:为了不影响标题。文本颜色选择了中性色——白色,既不影响整个页面的色调,又能清晰地表达文本的含义。
步骤15 继续使用相同的方法输入如图1-77所示文本,完成页面的制作。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P40_6172.jpg?sign=1739672168-FQVp8iPgJAK7sGvM8oFjhegtBOyG1PpT-0-17c80dc31689fc47b5adcfc268990209)
图1-77 完成海报制作
提示:设计海报时,为了保证在大多数分辨率下都能够正确显示,海报的核心内容集中在页面中间,其他部分为纯色。当显示分辨率过大时,也能正确显示,不至于出现漏白的情况。
举一反三 设计制作冰激凌商品海报
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P40_6192.jpg?sign=1739672168-UOwAcbxWipczwfrKP6AuDabC3SMlwO5o-0-740eb5545914f492247ecae7f8d0d7c7)
设计制作水果商品海报后,接下来一起完成一个冰激凌商品海报的制作。该海报采用同色系搭配法,结构简单,主题明确。
步骤01 使用粉红色作为海报的背景,并创建同色圆环图形,完成背景图的制作,如图1-78所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P41_6230.jpg?sign=1739672168-MkBhS2YrSphnKdae0c2aDU0aJbFYfsIN-0-0127b6e88d26cc32f3b432294d04afff)
图1-78 制作背景图
步骤02 将红色的核心图导入页面中,并摆放在页面的左侧黄金分割位置,如图1-79所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P41_6231.jpg?sign=1739672168-28RN9ImqRI5sRN8ZlQKIPifImhhX2ewc-0-9b56dad5aefc7817312f57b58090d47b)
图1-79 导入核心图
步骤03 将文字图片导入页面中,摆放在页面的右侧位置,如图1-80所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P41_6235.jpg?sign=1739672168-2HNfOgl2DRmHLDafXKzpEu2gy0O6aOEc-0-720c506c4532ef5a4bfa55b250fd67d3)
图1-80 导入文字图片
步骤04 继续拖入图片素材,完成海报的制作,如图1-81所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P41_6236.jpg?sign=1739672168-YddL8a6IdYtz7kpa76O46Rq6ZsuCMUgN-0-63169746b3bb568714e9cfdceb346967)
图1-81 导入图片素材