![电子商务视觉营销](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=1739672984-31FGa0liTBWU3uFikUgoud3dhyyYAWXK-0-d5a34cf90d73482561f87ddfda562e57)
步骤01 打开Photoshop软件,执行“文件>新建”命令,弹出“新建文档”对话框,设置参数如图1-169所示。将文件另存为“设计制作家具商品海报.psd”,如图1-170所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P58_7044.jpg?sign=1739672984-2QD5eTKVfK1eyEZudcCkNzHGFW4FnMoZ-0-f1c85e3500d8e0278563d5bc52553d1e)
图1-169 新建文件
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P58_7045.jpg?sign=1739672984-eOWgXIUvPLOYZJhQmtEClAntMaE4eYx9-0-10bf939a9b1baa536c9aac79de726db6)
图1-170 保存文件
步骤02 新建一个组名为“背景”的图层组,修改“背景”层名称为“图层1”,拖至“背景”组中,如图1-171所示。分别将素材图像打开并拖曳到设计文档中,调整图片位置如图1-172所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P59_7089.jpg?sign=1739672984-03Oc37Xq01Qimby45c5TEOZLM1bZBy9a-0-412609054ca7188d09d86fbfa672081b)
图1-171 图层分组
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P59_20402.jpg?sign=1739672984-iPOxGz0VGjZUQVa780qHiMvnSO7INbLQ-0-e44e2710bf72121e080f2fb4e6a6aef7)
图1-172 插入图片
步骤03 新建一个组名为“组1”的图层组,如图1-173所示。单击工具箱中的“矩形工具”按钮,设置选项栏上的参数如图1-174所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P59_7095.jpg?sign=1739672984-3F3UgTbAY6C6j84R6ZMojCpobgnihRhq-0-3896d56a875bcb0ee8878df3860c8c82)
图1-173 创建新组
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P59_7096.jpg?sign=1739672984-IHCzExCYbAj5xVB769v3onC4mOiAHc2M-0-ff3c8d9d04473fbf48f417dce0b10ddb)
图1-174 矩形属性参数
步骤04 使用“矩形工具”在画布中绘制如图1-175所示的矩形。在“图层”面板中设置图层不透明度70%,“图层”面板如图1-176所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P59_7101.jpg?sign=1739672984-X23eV7ee4UR3AZJrD7L4VG5lnR2mwCIu-0-d7e430a2ce1b44acece9b5a548d19bc9)
图1-175 绘制矩形
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P59_7102.jpg?sign=1739672984-kxcVee78vWCpmJdDsW3irUD1tMpvqMTA-0-dbc9a9f0f38b7745bdfeb868929b40cf)
图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=1739672984-izc08aDcsmi2xfL8eUczLd8H7eLfruh2-0-6f83e69f0cbd24e1faf035be1efdb117)
图1-177 复制并调整矩形
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P60_7128.jpg?sign=1739672984-e4WgZoyilpZqnOv6EK15wLiskAyEg39j-0-e264f627bb1a7b9c8253f81f06bb8ea7)
图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=1739672984-kzPQSs8OxxXM3OyXtniA0inGnfaEZ3D0-0-494fea3ec59e5fa1d791092b897cec28)
图1-179 输入“现代时尚”文字
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P60_7133.jpg?sign=1739672984-sUQ6DmyRF5UH7OoxVIubsl4oKJf7L8z3-0-8401e73b0b98650acad75854060b92c4)
图1-180 “字符”面板
步骤07 单击工具箱中的“直线工具”按钮,设置选项栏中“填充”颜色为红色,高度为1个像素,在页面中绘制如图1-181所示直线。使用相同的方法绘制如图1-182所示直线。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P60_7138.jpg?sign=1739672984-J4XfFLtua3d1lQTFjUc8qQUPgAQKG7Tb-0-2dcc83abade10e11b5c974f551105771)
图1-181 绘制直线1
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P60_7139.jpg?sign=1739672984-1OVcjCIK9uOxxMIHVTAhmE0lsAzUv9uP-0-0313d8a70da96dfddaf870d5d5fdfea0)
图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=1739672984-BA16lZbONDZ1fJo6gnIgqFWPN1H5Nn0B-0-e969177b162ac06aad60ceb7a6010cbd)
图1-183 输入文本
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P61_7179.jpg?sign=1739672984-T44X5kAcxSIhECX88RAvh8AOJfB7LhH1-0-a05fc1af4bc5774df572451699d48b67)
图1-184 “字符”面板
步骤09 新建图层,设置“前景色”为白色,使用“画笔工具”在画布中涂抹,得到如图1-185所示效果,“图层”面板如图1-186所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P61_7183.jpg?sign=1739672984-BlwfKd0nsIxLKRNeE3vJ0r4vZoQSdtnV-0-2000c46970606ba2c75e9f9bcf8789bd)
图1-185 蒙版效果
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P61_7184.jpg?sign=1739672984-6hcsB3F7giln9hp1624GU98lwLrC8Yqy-0-8e229539e5c6e747cb945c87546ba0fa)
图1-186 “图层”面板
步骤10 复制改文字图层,将蒙版删除,修改填充值为0%,为其添加“描边”图层样式,各项参数如图1-187所示,文字效果如图1-188所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P61_7188.jpg?sign=1739672984-pqyC1aAFHAbGOUUcujstZbfqdDzQSH8J-0-1a33fbd1c471108a63fade5e5f9fe8d2)
图1-187 “描边”参数
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P61_7189.jpg?sign=1739672984-3k4sItKCArxdJ9gjtcPBUoN6Aats4pKl-0-3b81e4a05cb830d168a40fe1de502b44)
图1-188 描边效果
步骤11 使用“横排文字工具”输入如图1-189所示文本。将“素材\第1章\皇冠.png”图片打开并拖曳到设计文档中,效果如图1-190所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P62_7212.jpg?sign=1739672984-2giEomwHXjQIerb9S3Zrn9bzRjMJqOLd-0-b4b51ee5e169716b48d90aa652fc0d83)
图1-189 输入“女王驾到”文字
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P62_7214.jpg?sign=1739672984-70cr63OQzLR2Xd0fPZ6LwDLpOFHhxkpB-0-94a79e3a8abf96f3eafc130cbeb17a6a)
图1-190 导入素材
步骤12 为“皇冠”图层添加“颜色叠加”的图层样式,参数设置如图1-191所示,单击“确定”按钮,图像效果如图1-192所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P62_7217.jpg?sign=1739672984-BHKVXCNLHe0yG5LfooCXPgZyG04ueysE-0-7b373ff1cd3e161812ef9f2ed270eb2f)
图1-191 设置样式参数
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P62_7218.jpg?sign=1739672984-SVbKClYeMGWeNoQ8PNVpjog1jcQj39Ea-0-71b4981d906597f62d7d0a0124e9da23)
图1-192 图像效果
步骤13 继续使用相同的方法,在页面中输入文字,完成效果如图1-193所示。新建一个图层,使用“画笔工具”在画布中绘制,效果如图1-194所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P62_7222.jpg?sign=1739672984-ucQT24165I2CRuBUJV7W4zPnpM3SD2W6-0-1c7174e1472680d9db1dd14d01be44b9)
图1-193 输入文字
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P62_7223.jpg?sign=1739672984-XvN2TtJDNFQZ06AKWpigTrQpj6HizfRP-0-ae1aa926f21de76a65dd12e322bd2799)
图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=1739672984-DeQrIvEeWhhGkij4F7bDqaBo9GaKpIFy-0-3587c01679e0acc08997e7cf21019d4b)
图1-195 输入文字效果
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P62_7228.jpg?sign=1739672984-BCzJmoH8yzqDV3U75ADK1xv1T59QnrEt-0-d876a28d3158551263d2f866014d966c)
图1-196 “字符”面板
步骤15 按快捷键Ctrl+S保存文件。海报最终效果如图1-197所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P63_7268.jpg?sign=1739672984-87hy5V49bpWaGicWm1shLBEMFrTyQbUl-0-aa541b9311a7f6b2fe122566cbb6339e)
图1-197 海报效果图
举一反三 设计制作果蔬商品海报
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P63_7287.jpg?sign=1739672984-6OlWYylWCPA7NHKPJRp8wyxYQYwVVELL-0-e39928c675dab49bf4f0cb03c214105d)
通过案例的制作,帮助读者了解营销文档对整个页面的影响。接下来制作一个果蔬类商品的海报,加深读者了解文档对视觉营销的作用。
步骤01 完成海报背景图的制作,如图1-198所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P63_7275.jpg?sign=1739672984-9qruaJw8dLN2wWd1pL7UI1czHqRJJi70-0-5d49daf00002975398f700ff8907ca5e)
图1-198 完成海报背景图
步骤02 通过FABE法则提炼标题文字,并制作完成,如图1-199所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P63_7276.jpg?sign=1739672984-O7KzN0Of81IHwVJtU3AfeQQgs3QrqWjm-0-a21184c9759ef4cba4c2c026baf9850f)
图1-199 提炼并输入标题文字
步骤03 加入刺激文本,促使用户点击,产生流量。添加辅助图,丰富页面内容,如图1-200所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P63_7280.jpg?sign=1739672984-w4v7toSJa25DVSisy27863BsoLoAVntL-0-f76d65eaa5e00e26392a75dec06ec2b7)
图1-200 添加文本和辅助图