![电子商务视觉营销](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=1738904498-YeHncBqZGz9Wc5SOWIGWKwDQEq760kJB-0-1ab2bd1050475ac56a566bf91d768576)
步骤01 打开Photoshop软件,执行“文件>新建”命令,弹出“新建文档”对话框,设置参数如图1-169所示。将文件另存为“设计制作家具商品海报.psd”,如图1-170所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P58_7044.jpg?sign=1738904498-lsLj6Keoc45PHsYADhaAaWUu6LItxjnd-0-6f7bbdfb39a02dd57e1172f8164f89fb)
图1-169 新建文件
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P58_7045.jpg?sign=1738904498-zqVgZTm3rOH0eDhwzncrlebFizs4EZVi-0-66417c982fea0d99a447286bf8bf8a7d)
图1-170 保存文件
步骤02 新建一个组名为“背景”的图层组,修改“背景”层名称为“图层1”,拖至“背景”组中,如图1-171所示。分别将素材图像打开并拖曳到设计文档中,调整图片位置如图1-172所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P59_7089.jpg?sign=1738904498-wOP5eHNC34EoFQWgTsOOIkGEIQZWrDDM-0-d2b1bc4c904cf9e2574354a44516ce80)
图1-171 图层分组
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P59_20402.jpg?sign=1738904498-oIbmFfnpesjY56zPXnQqRGmP3vNXBDqE-0-f207983e4288b7bda973121aa32c7370)
图1-172 插入图片
步骤03 新建一个组名为“组1”的图层组,如图1-173所示。单击工具箱中的“矩形工具”按钮,设置选项栏上的参数如图1-174所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P59_7095.jpg?sign=1738904498-pdTqO5iihyp4s1vu870V9QCotNcKwrFe-0-6719558894411b6aec9bee2e40dc00cf)
图1-173 创建新组
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P59_7096.jpg?sign=1738904498-0S9fSVblVX6N5j9SM6tsAloLiqiPqfKr-0-9994f73d4b8d2984ff3d374991b74592)
图1-174 矩形属性参数
步骤04 使用“矩形工具”在画布中绘制如图1-175所示的矩形。在“图层”面板中设置图层不透明度70%,“图层”面板如图1-176所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P59_7101.jpg?sign=1738904498-sPcEHTQMr3nJBTqB3b20xh5SAPt0Dl7e-0-fdb2ba43612b4e9a3a90d8ce2d646b88)
图1-175 绘制矩形
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P59_7102.jpg?sign=1738904498-DavINola3UY9t06ucg3OxxYaPoBuaeeR-0-fcfac4da0895eeb18663440dd6a607d8)
图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=1738904498-xAjf9OzjSSgVAh1jocfYeJrfhsH9kiNf-0-17480df6be3d1b2ffef65b412c486291)
图1-177 复制并调整矩形
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P60_7128.jpg?sign=1738904498-AnTaY9pfGBcr9S7QZ2cpuNYMrC7mtBIu-0-5f44dba6072c640d91ea9c52b3898f18)
图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=1738904498-tvzD6CtG7WXubSUeUludukEjoNruT8od-0-d854d9b8659ac83522a0a01f5fb04cfd)
图1-179 输入“现代时尚”文字
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P60_7133.jpg?sign=1738904498-NkdC0gWPfzz04QHKfIMtDoOZnf8lKUPb-0-c593088c5f3c50502ed90ff4de5aeacf)
图1-180 “字符”面板
步骤07 单击工具箱中的“直线工具”按钮,设置选项栏中“填充”颜色为红色,高度为1个像素,在页面中绘制如图1-181所示直线。使用相同的方法绘制如图1-182所示直线。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P60_7138.jpg?sign=1738904498-oL81OwmEl3Wq4ZtX26OKboYlhlptn9iv-0-dd44896501bc8a90791dad254b33100e)
图1-181 绘制直线1
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P60_7139.jpg?sign=1738904498-DTUUjQomCYD5f4IrxyqPILiS9iRIjh33-0-4a039f36ea305e59faba12b5f79e460f)
图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=1738904498-UWHPs79bktEHum3UPLaQREfCJ43QtfWa-0-05ac7d85b423dc0451198f8c10615438)
图1-183 输入文本
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P61_7179.jpg?sign=1738904498-6RoyDfmfI2GLiN5Hut01ZeO72gB87Phv-0-a0871d772945f246377f344cf805376c)
图1-184 “字符”面板
步骤09 新建图层,设置“前景色”为白色,使用“画笔工具”在画布中涂抹,得到如图1-185所示效果,“图层”面板如图1-186所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P61_7183.jpg?sign=1738904498-xj4xzNDdinUaa6h2PUCKl3aBvfjyJ6ko-0-736c8e5c60559642dc09bae3912e2a8a)
图1-185 蒙版效果
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P61_7184.jpg?sign=1738904498-K92QUW2aBxTPmcRJhKOcCoHlVQJdMOPC-0-485be77e218d5a2aeb5b841e127958dc)
图1-186 “图层”面板
步骤10 复制改文字图层,将蒙版删除,修改填充值为0%,为其添加“描边”图层样式,各项参数如图1-187所示,文字效果如图1-188所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P61_7188.jpg?sign=1738904498-LS9qo7AbIxkpvLZILcLiRuJiZObDXzqc-0-4d67a44ffba7d137ce037f73aa8be099)
图1-187 “描边”参数
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P61_7189.jpg?sign=1738904498-wrlnsmq9TYVv0l105PEXJh5gAoIsqvD3-0-2787ad819ac991a59fdec3d168b07ecb)
图1-188 描边效果
步骤11 使用“横排文字工具”输入如图1-189所示文本。将“素材\第1章\皇冠.png”图片打开并拖曳到设计文档中,效果如图1-190所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P62_7212.jpg?sign=1738904498-e8OD20AWzpTYTHV1R0j5aw7NWjTbiUZo-0-a2bb5d59f5fecfc6963232ff5f094288)
图1-189 输入“女王驾到”文字
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P62_7214.jpg?sign=1738904498-Cp8chGp0MQ9uC9ReTaX9brXVFGN7IEib-0-75c10317de3152ca79c2e218ebf43307)
图1-190 导入素材
步骤12 为“皇冠”图层添加“颜色叠加”的图层样式,参数设置如图1-191所示,单击“确定”按钮,图像效果如图1-192所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P62_7217.jpg?sign=1738904498-7fwKCpMw23DPTUMkFAAwJlcTafQs70P2-0-fe50f06f4855a887dfcc1f45babc11b0)
图1-191 设置样式参数
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P62_7218.jpg?sign=1738904498-UhXOCyOQNzvUgx7EDO5Lq1MECm025G36-0-7fdb6963ba4c8510e46630154428e151)
图1-192 图像效果
步骤13 继续使用相同的方法,在页面中输入文字,完成效果如图1-193所示。新建一个图层,使用“画笔工具”在画布中绘制,效果如图1-194所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P62_7222.jpg?sign=1738904498-ogDJn9CZpSOM5P5dHesVSTG1Rs3QMsmH-0-954543b882fc01b232c5a1777eb8c236)
图1-193 输入文字
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P62_7223.jpg?sign=1738904498-e9ccZhDBeY3aMAlWKcGaw8d9LrG7O7VD-0-7d96c8e811187a286e8727a1bcbeae7f)
图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=1738904498-92ljkHsT1oLIZX7mXJAnKVPqJXfSj0Ez-0-bc66ddc66bc4eb626943544ad3e727c3)
图1-195 输入文字效果
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P62_7228.jpg?sign=1738904498-NMGfkAMYAjGWGcyNfuHxatiBdAyqm6qN-0-60797cf4593f29d8a3099b1ea88b1531)
图1-196 “字符”面板
步骤15 按快捷键Ctrl+S保存文件。海报最终效果如图1-197所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P63_7268.jpg?sign=1738904498-smJG710cYBQyFb2J0eIhBpoqKAoJlotx-0-67400940d52f6c0a1ff1bf63c6568857)
图1-197 海报效果图
举一反三 设计制作果蔬商品海报
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P63_7287.jpg?sign=1738904498-J6ZbOEDJuUakQgxfWYGTqCXiEoUBwfSm-0-4e693cf113c17453e7d04747f24600fa)
通过案例的制作,帮助读者了解营销文档对整个页面的影响。接下来制作一个果蔬类商品的海报,加深读者了解文档对视觉营销的作用。
步骤01 完成海报背景图的制作,如图1-198所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P63_7275.jpg?sign=1738904498-yN03UZdyV6lH4YfguqE1Jw1QBYpmrOpu-0-94f434ef67fb0d2ab68f9d08673a855c)
图1-198 完成海报背景图
步骤02 通过FABE法则提炼标题文字,并制作完成,如图1-199所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P63_7276.jpg?sign=1738904498-K0ZnxsLGEQcUqF5rq8brqKQRWhpRCQWV-0-0e505c6b7f75e446182beb768c26076c)
图1-199 提炼并输入标题文字
步骤03 加入刺激文本,促使用户点击,产生流量。添加辅助图,丰富页面内容,如图1-200所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P63_7280.jpg?sign=1738904498-8SGPcnV9RdRLQqpFrybl6cQVtEpyMn3G-0-14c3499d58fc539db1f7c10f161f82e1)
图1-200 添加文本和辅助图