![电子商务视觉营销](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=1739243384-MQofaXAq5ED5ojvxGNR2GWRoB1Txm2Vm-0-7996a460e33678b6288a22c2a0b93363)
步骤01 新建一个文件,图像大小为1920×650像素,分辨率为72像素/英寸,如图1-51所示。将文件存储为“水果商品海报.psd”,如图1-52所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P36_5896.jpg?sign=1739243384-0Mf44Zvt2JZkk6grwaW0jbDSbuaDpoid-0-280f954c3548cac4eb22433abefefaa7)
图1-51 新建文档
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P36_5897.jpg?sign=1739243384-4uGR4WVNv6wE5bFbPYRJ7iDHNx3V6aB5-0-90818f35ae6c5d4fab05fcac55709dce)
图1-52 保存文件
提示:为了避免由于操作或者硬件的原因造成文件丢失,在新建文档后要及时保存文档。并在以后的制作过程中养成时刻保存文件的习惯。
步骤02 设置前景色为RGB(255,68,95),使用“油漆桶工具”在画布中单击填充画布,如图1-53所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P36_5926.jpg?sign=1739243384-Q4scvXiwRmlGRRK8csapT6WB9lsiGj0n-0-2df0b64eb42c6a11383c39ac24759f3a)
图1-53 填充画布
提示:海报的主图为草莓,因此背景色使用了草莓的颜色。为了有所区分,降低了颜色的纯度。与草莓图像同色搭配时,既丰富又统一。
步骤03 打开文件“素材\第1章\雨点.jpg”,将该图片拖曳到“水果商品海报”设计文档中。调整图片位置,如图1-54所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P36_5927.jpg?sign=1739243384-nvK4bMlocbRIQ5VAHVcyeVbT0YY5P6Fz-0-0f1a8fefa1eeb9eb6716d63a90a8b40b)
图1-54 插入“雨点”图片
步骤04 打开“图层”面板,选中“雨点”图层,更改图层的混合模式为“滤色”选项,图像效果如图1-55所示,滤色“图层”面板如图1-56所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P37_5967.jpg?sign=1739243384-4PLB0ZimFpzptpgQnejRww08A81Ipk6k-0-421a57efd6a8fcded7d19fb55934bae8)
图1-55 图层混合模式效果
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P37_5968.jpg?sign=1739243384-mWIx8sEwzSxTrB1bRx4nzjwSa3zHFLUv-0-aa3e518283841b45d3c18193833480c8)
图1-56 滤色“图层”面板
步骤05 单击“添加图层蒙版”按钮,为“雨点”图层添加一个图层蒙版,设置前景色为黑色,并使用“画笔工具”在画布中进行涂抹,如图1-57所示,蒙版“图层”面板如图1-58所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P37_5972.jpg?sign=1739243384-mXwNd7NkO649PpQdy6xyw29g6Z7sGJi9-0-c9b6bd4129ba432981abffaae1fc7e3f)
图1-57 矢量蒙版效果
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P37_5973.jpg?sign=1739243384-zw5xr92UUwdb6l8hHkorjgK8HJNkIDC1-0-b8b11a8bf42ab43fa8970fe77e2669b7)
图1-58 蒙版“图层”面板
步骤06 新建图层,修改图层名称为“椭圆1”,设置前景色为白色,使用“画笔工具”在页面中单击,绘制如图1-59所示效果。设置该图层混合模式为“叠加”,完成效果如图1-60所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P37_5977.jpg?sign=1739243384-QUGCXRZkwMgJ3k5RIaVNF4hWegsqZCVb-0-850c375c3f54b48176be36ce09f48915)
图1-59 绘制图形
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P37_5978.jpg?sign=1739243384-aMbNuEByf4B19UmMZ59WPw3D25pHUYSa-0-aadccb900255a1555cd3f6830e3aff5f)
图1-60 设置图层混合模式
步骤07 打开“素材\第1章\草莓.png”图片文件,将该图片拖曳到设计文档中,调整图片大小位置到如图1-61所示。为该图层添加图层蒙版,设置前景色为“黑色”,使用“画笔工具”在蒙版中绘制,修饰草莓边缘效果,完成效果如图1-62所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P37_5983.jpg?sign=1739243384-LMF0iAQq4WgiftxaeMuTJWxW33SdfIBM-0-be840e6ab4ac014595013232a6ea4c40)
图1-61 导入图片
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P37_5984.jpg?sign=1739243384-hYQh96MJsWDLoqt1GSn6dvVf2qlAqNoB-0-8dcd6b90a461d12029ccf3780a5429fb)
图1-62 修饰边缘
步骤08 新建图层,调整其顺序到草莓图层下。设置前景色为黑色,使用“画笔工具”绘制如图1-63所示效果。修改图层不透明度为46%,效果如图1-64所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P38_6016.jpg?sign=1739243384-OXif4ydKRO9yy9y6D34t2Z7UO2F6BepL-0-f497919cfdee796c9239cd9b8bcc41e1)
图1-63 绘制草莓图阴影
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P38_6017.jpg?sign=1739243384-FVQZMmPf1VKnF6tssgPrh4xZO8MNLxE2-0-3a0e909abf797af598dda91817b0e5cd)
图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=1739243384-g0V7ODEfcYCOgPv7C6HfbNXiEBXFIPup-0-6ae92d7d39e3f4611e09582981111c67)
图1-65 绘制阴影
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P38_6024.jpg?sign=1739243384-7zag8qgCU3Obc6uHgAP81BMcCd6Rrdsy-0-b64370cced9a25bd12d1130cdde287ce)
图1-66 输入文字
提示:标题文字采用了临色搭配,并降低了黄色的纯度。页面主题清晰明确又不至于太刺眼。
步骤10 继续使用“横排文字工具”输入如图1-67所示文字。使用“矩形工具”绘制如图1-68所示的图形。新建一个图层组,并修改其名称为“文字”,将文字图层和形状图层都移动到该图层组中,如图1-69所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P38_6041.jpg?sign=1739243384-W5seEMeuwFzqNhF9F7tMQlItWZtNnPDl-0-1fb20f2bc7193517fc6a6be59a3b6812)
图1-67 绘制文字阴影
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P38_6042.jpg?sign=1739243384-tn8hzIpdE1vYV3eYbI5l1UNWSlJnq9N0-0-127fc3d975b0ba3fb81f8370324a7074)
图1-68 使用“矩形工具”输入文字
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P38_6043.jpg?sign=1739243384-rnBDXXZ6IX3rrWiNQVybvEuRPnbrD3vN-0-0ae84ac33a2ff46123d3974bb4e130c2)
图1-69 新建图层组
步骤11 单击“添加图层样式”按钮,为该图层组添加“投影”图层样式,设置各项参数如图1-70所示。将“素材\第1章\印记.png”图片文件打开并拖曳到设计文档中,页面效果如图1-71所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P39_6083.jpg?sign=1739243384-cdP8uggUtfxtMEi1OBM8z932OXLBfzGr-0-6a140d8bcf9cae9a161920715de814b0)
图1-70 图层样式
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P39_6084.jpg?sign=1739243384-2ItWoA8TW06U847cifCEnO1l7vWLyvvD-0-fc8faca80df92dd9ffe497afe271a064)
图1-71 合成图片素材
步骤12 新建一个名为“文字1”的图层组,将刚刚完成的“文字”图层组拖入到“文字1”图层组下,如图1-72所示。使用“横排文字工具”输入如图1-73所示文字。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P39_6088.jpg?sign=1739243384-r6TXraWL8wPPS8TyY6g3kExPA9Keduui-0-66d8535fd14816ec6c5d4e05e5f4bd01)
图1-72 以“文字1”为名建图层组
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P39_6089.jpg?sign=1739243384-Pk2KyKiOxECADdAdsUEWp0eodk8F1zdk-0-39f9ed2adfa4b9e530768e2514690a6a)
图1-73 使用“横排文字工具”输入文字
步骤13 新建一个图层,使用“画笔工具”绘制如图1-74所示效果图像。选中该图层,执行“图层”→“创建剪贴蒙版”命令,效果如图1-75所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P39_6093.jpg?sign=1739243384-vTLgKRyuO5zSC0ITHZ7KoZltEmQZz1M7-0-df48bfcceb2ab8d1d79d10b579bac7bf)
图1-74 绘制图像
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P39_6094.jpg?sign=1739243384-cDJ5f7tq0axXauv0VH8B3dfl3zX05GWy-0-a6f748832e68aaa6e8c6ea34bca4685a)
图1-75 剪贴蒙版效果
提示:为文字添加剪贴蒙版,实现斑驳的文字效果,能增加页面的层次感。
步骤14 继续使用文本工具输入文本,并执行“编辑”→“自由变换”命令旋转文本,最终效果如图1-76所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P40_20088.jpg?sign=1739243384-OfsFKlbmdASq6u9DXGwjoILcVHu9TA9f-0-e43c6bf6d54275d89138962cf84edf95)
图1-76 输入文本并旋转
提示:为了不影响标题。文本颜色选择了中性色——白色,既不影响整个页面的色调,又能清晰地表达文本的含义。
步骤15 继续使用相同的方法输入如图1-77所示文本,完成页面的制作。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P40_6172.jpg?sign=1739243384-leTGF6giW9dzI6cilX4ka6K4xlrDPmzU-0-646c2174c9a18fd82f065239706f6374)
图1-77 完成海报制作
提示:设计海报时,为了保证在大多数分辨率下都能够正确显示,海报的核心内容集中在页面中间,其他部分为纯色。当显示分辨率过大时,也能正确显示,不至于出现漏白的情况。
举一反三 设计制作冰激凌商品海报
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P40_6192.jpg?sign=1739243384-HDPELNk1BHd2gUJxVUyWLaN2ILfheDCF-0-2943ce1e6f54bfaad5876d88a683cd5d)
设计制作水果商品海报后,接下来一起完成一个冰激凌商品海报的制作。该海报采用同色系搭配法,结构简单,主题明确。
步骤01 使用粉红色作为海报的背景,并创建同色圆环图形,完成背景图的制作,如图1-78所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P41_6230.jpg?sign=1739243384-zr8VHhPd4yI2e5nh4dqJX3OYZxhZZij5-0-3a5d6fce3fb7a4241e82391c6d48245f)
图1-78 制作背景图
步骤02 将红色的核心图导入页面中,并摆放在页面的左侧黄金分割位置,如图1-79所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P41_6231.jpg?sign=1739243384-uOtaZ8RyGlabZE8tOWMfWAjxiGzBshUm-0-05a371d1b89958fd6b60f772c745fb9e)
图1-79 导入核心图
步骤03 将文字图片导入页面中,摆放在页面的右侧位置,如图1-80所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P41_6235.jpg?sign=1739243384-7RJL8WRLVkXJjWQIA1ZLxrNCsGjUAawz-0-af9cd764713733d0a1e062121d6e448d)
图1-80 导入文字图片
步骤04 继续拖入图片素材,完成海报的制作,如图1-81所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P41_6236.jpg?sign=1739243384-1UU22zLjTZBXlyUFTodgCwPvkdVpUezC-0-04e3dc11a40a6828e5bf909a3481082f)
图1-81 导入图片素材