![电子商务视觉营销](https://wfqqreader-1252317822.image.myqcloud.com/cover/71/27738071/b_27738071.jpg)
1.8.3 设计制作家具商品海报
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P58_7051.jpg?sign=1739672335-aUzGAhNNI7A1sXNJEDSV6uW9qjdhq26O-0-e2aeb6ee6bab3453ccdfe82f0b2dd635)
步骤01 打开Photoshop软件,执行“文件>新建”命令,弹出“新建文档”对话框,设置参数如图1-169所示。将文件另存为“设计制作家具商品海报.psd”,如图1-170所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P58_7044.jpg?sign=1739672335-8C9c6NxzKVq6CbNmZIChJd7mSj8qj0h7-0-0d95fad82e46e368e7bcec0b020dae07)
图1-169 新建文件
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P58_7045.jpg?sign=1739672335-rprrxfou0LuCubvgkjyxOi1B2qDtAz5T-0-3f07e9bb15c69a0d88b1d295dbb1e0b4)
图1-170 保存文件
步骤02 新建一个组名为“背景”的图层组,修改“背景”层名称为“图层1”,拖至“背景”组中,如图1-171所示。分别将素材图像打开并拖曳到设计文档中,调整图片位置如图1-172所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P59_7089.jpg?sign=1739672335-0DOy11UVoS33nMSwRl1p3buWNsvVqYVK-0-0b913ce86a52a9b0f1e04a44940610c3)
图1-171 图层分组
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P59_20402.jpg?sign=1739672335-JCFmrJFkTJpiahA6AluOtrFN7pYyBjY9-0-98f1f78399f33e960b4e403dcabbfdc7)
图1-172 插入图片
步骤03 新建一个组名为“组1”的图层组,如图1-173所示。单击工具箱中的“矩形工具”按钮,设置选项栏上的参数如图1-174所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P59_7095.jpg?sign=1739672335-7MCEcol2FQg8YtDTacYgU3ldLtiD3T8T-0-82908d46d4fa8a188be8477a15724e71)
图1-173 创建新组
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P59_7096.jpg?sign=1739672335-CUOKrBk4JIsJO6SgVB9WCb28rMxXlcZS-0-ffadf2cf9edc02ab452c139f1582d340)
图1-174 矩形属性参数
步骤04 使用“矩形工具”在画布中绘制如图1-175所示的矩形。在“图层”面板中设置图层不透明度70%,“图层”面板如图1-176所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P59_7101.jpg?sign=1739672335-gsCHdlJZybctkAWh4EyPM1JU9RRqczot-0-7e9d244a6c799a02070f524198940732)
图1-175 绘制矩形
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P59_7102.jpg?sign=1739672335-gGq40ac4MWoSGg4Z65zmusm7jdcMsUVv-0-f3cd3d42eb18912577dcbf6a9f50fef8)
图1-176 设置不透明度为70%的“图层”面板
步骤05 复制“矩形1”图层,修改其“填充颜色”为RGB(121,110,116),调整其形状大小如图1-177所示。设置图层不透明度80%,“图层”面板如图1-178所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P60_7127.jpg?sign=1739672335-Rzg6A7VdQLeeoxdfR54yD7jtvvx1YcYj-0-7fd928816ef7705a6a3b3979b5aeaecc)
图1-177 复制并调整矩形
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P60_7128.jpg?sign=1739672335-CtFhV2AQo24heo40tvaAwp0ikrtySa21-0-8e91e753ede042de39eeebdb152d5425)
图1-178 设置不透明度为80%的“图层”面板
步骤06 使用“横排文字工具”在页面中输入如图1-179所示文本,文本颜色为RGB(222,26,38),“字符”面板如图1-180所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P60_7132.jpg?sign=1739672335-EopnGLuzyOjQGUEmRuVJZe0tWgUCLw3i-0-b41bab6cc948edf037a6c6ea27605e06)
图1-179 输入“现代时尚”文字
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P60_7133.jpg?sign=1739672335-TtVpO87KnaIjFxBM0RPrnVSGwZby9dpL-0-d5d30a853e8bec0e80113b9c424be0e5)
图1-180 “字符”面板
步骤07 单击工具箱中的“直线工具”按钮,设置选项栏中“填充”颜色为红色,高度为1个像素,在页面中绘制如图1-181所示直线。使用相同的方法绘制如图1-182所示直线。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P60_7138.jpg?sign=1739672335-FUOs4VfQ4ChkRQYbeL9dru6WLrvKYHAp-0-78a0e0882afcb87996ea6fbdc0af3224)
图1-181 绘制直线1
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P60_7139.jpg?sign=1739672335-WWAbO8uoYodER5HYHzJPtc7aYXPIJGaS-0-7e0bb3366128112430740a2695de8cfa)
图1-182 绘制直线2
步骤08 使用“横排文字工具”按钮在页面中输入如图1-183所示文本。文本颜色为RGB(236,39,51),“字符”面板如图1-184所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P61_7178.jpg?sign=1739672335-4web4w0sE60n5BkfQ9vTig3N6Q3tr48R-0-37325a61f1a0376e43bd75ba8bca1155)
图1-183 输入文本
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P61_7179.jpg?sign=1739672335-Qm6GxNUX3QBXgvktqLZ8Qjy52Ome7bw8-0-1c21ad187eaa9c82e83e69cb1754c18f)
图1-184 “字符”面板
步骤09 新建图层,设置“前景色”为白色,使用“画笔工具”在画布中涂抹,得到如图1-185所示效果,“图层”面板如图1-186所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P61_7183.jpg?sign=1739672335-0WSKnXK1nQbl70BrDWtw2DrUXdtJHTIX-0-33f953f160729d3ec634d9b9886c892a)
图1-185 蒙版效果
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P61_7184.jpg?sign=1739672335-XLEKpcXGoh1wYeppQmQLMNDoln7XMB5B-0-5739964eba2b81064237c18325a3c38e)
图1-186 “图层”面板
步骤10 复制改文字图层,将蒙版删除,修改填充值为0%,为其添加“描边”图层样式,各项参数如图1-187所示,文字效果如图1-188所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P61_7188.jpg?sign=1739672335-eo3SAoOGhmYnEWYuEXfQCyuoHHdOKzsY-0-61817b336e7e77194f0bb47a73d6f7fc)
图1-187 “描边”参数
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P61_7189.jpg?sign=1739672335-Vp5JSt0IDuVWNX5mT2OXmCLzqtBkUxmT-0-6bec79a02edfb192d4774ac0b5671a11)
图1-188 描边效果
步骤11 使用“横排文字工具”输入如图1-189所示文本。将“素材\第1章\皇冠.png”图片打开并拖曳到设计文档中,效果如图1-190所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P62_7212.jpg?sign=1739672335-Op8j4LmwRqhliLppIyAVZJZKOw5gsIFA-0-49f3f04ebdc46d8a4a808495882f369f)
图1-189 输入“女王驾到”文字
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P62_7214.jpg?sign=1739672335-HYBbqHRD8soPMqFVq5ggVD8TFksdbBwN-0-5c3eca22a5c84f02db0256ab82d576a7)
图1-190 导入素材
步骤12 为“皇冠”图层添加“颜色叠加”的图层样式,参数设置如图1-191所示,单击“确定”按钮,图像效果如图1-192所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P62_7217.jpg?sign=1739672335-VSr52Y0jQpGPULpDPBhOVlOV6C7b4LUd-0-234aa937d0a56a35be511589ed1fc9a7)
图1-191 设置样式参数
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P62_7218.jpg?sign=1739672335-q2jzclacr6oDWDkJFysdyM69ER5j2vvF-0-eb5e0fc334b532dbf025346c06317195)
图1-192 图像效果
步骤13 继续使用相同的方法,在页面中输入文字,完成效果如图1-193所示。新建一个图层,使用“画笔工具”在画布中绘制,效果如图1-194所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P62_7222.jpg?sign=1739672335-19qK3IcyPur0EGZWrqFYdGzf357TZOtV-0-2c23526d65b2ac83f37c62e596a868ae)
图1-193 输入文字
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P62_7223.jpg?sign=1739672335-yiKghhtQ9wCy1L1yWyxMOH7ILxOobUmG-0-d61e738346f726a0d00f411023afb732)
图1-194 使用画笔绘制
步骤14 使用“横排文字工具”,在画布中输入如图1-195所示文本,文本颜色为RGB(221,39,36),“字符”面板如图1-196所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P62_7227.jpg?sign=1739672335-AC2Pjv7QwBRkiu8ivKkwlJHPB7Zul9mN-0-f32353d0ffdd098b350e46d8679e4a58)
图1-195 输入文字效果
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P62_7228.jpg?sign=1739672335-CAN87kro347RA2gMViVI6pzw1w8rqYcW-0-d7a050a2a4ef7a3e438e7d5d3289afe1)
图1-196 “字符”面板
步骤15 按快捷键Ctrl+S保存文件。海报最终效果如图1-197所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P63_7268.jpg?sign=1739672335-IJAFJh4oWzCm5WotYIftAsa1c4hGGfm5-0-0e86ca3b0a725044e843cc7f4055a288)
图1-197 海报效果图
举一反三 设计制作果蔬商品海报
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P63_7287.jpg?sign=1739672335-QhdknORE8SmdN3DTXv0P8KaSa9t4ueHj-0-eb312b243b8d13b562acc3ce583c9f7b)
通过案例的制作,帮助读者了解营销文档对整个页面的影响。接下来制作一个果蔬类商品的海报,加深读者了解文档对视觉营销的作用。
步骤01 完成海报背景图的制作,如图1-198所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P63_7275.jpg?sign=1739672335-7yJ5oGvnQE80kzJF80ZoVynkYo1sTPL9-0-fcaa6d4499f1e9005a401d5a37574d68)
图1-198 完成海报背景图
步骤02 通过FABE法则提炼标题文字,并制作完成,如图1-199所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P63_7276.jpg?sign=1739672335-StYH3SisKi8zADW0qMMl5pTezmWkPJUY-0-23855247b45365a2030d77b4d2b4377b)
图1-199 提炼并输入标题文字
步骤03 加入刺激文本,促使用户点击,产生流量。添加辅助图,丰富页面内容,如图1-200所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P63_7280.jpg?sign=1739672335-3mOxjuFukWm1Z7XwXl4Zn2KddYyWFcaS-0-99b00b87987e3a31f3d00d9285662575)
图1-200 添加文本和辅助图