1.8.3 设计制作家具商品海报
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P58_7051.jpg?sign=1739534359-GPLfMtetKhajsdRkzAYNZbwNbTM7WNTf-0-c4c7186a20c7b9d94688f24bfca653a8)
步骤01 打开Photoshop软件,执行“文件>新建”命令,弹出“新建文档”对话框,设置参数如图1-169所示。将文件另存为“设计制作家具商品海报.psd”,如图1-170所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P58_7044.jpg?sign=1739534359-q09L8nNxEQ7bTZbxMv2isKh3BqRjUC1H-0-2122c85ab6e89dd7abee73728322f700)
图1-169 新建文件
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P58_7045.jpg?sign=1739534359-0AikpVLclD6MuIdmeHE6DDbMyb9ZOzaP-0-f943e9d95bec3b0052e21a6c24c784f8)
图1-170 保存文件
步骤02 新建一个组名为“背景”的图层组,修改“背景”层名称为“图层1”,拖至“背景”组中,如图1-171所示。分别将素材图像打开并拖曳到设计文档中,调整图片位置如图1-172所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P59_7089.jpg?sign=1739534359-LIapI4nHgfwwb4ozzcnaceGkOICpaGcC-0-6b4214b86dcaccfcd17bb45f3969bc69)
图1-171 图层分组
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P59_20402.jpg?sign=1739534359-2Le8SBAB6vJq0a32KU1IoDte9lXdAt7k-0-412f2a8e551d2f6dffae8fe1ff9a92b2)
图1-172 插入图片
步骤03 新建一个组名为“组1”的图层组,如图1-173所示。单击工具箱中的“矩形工具”按钮,设置选项栏上的参数如图1-174所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P59_7095.jpg?sign=1739534359-s6f4ynKvoUI9w2Zmntbw2nIFdaAC0aXq-0-755309e2408050340c4a59b23dcea998)
图1-173 创建新组
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P59_7096.jpg?sign=1739534359-4OASByX8wcUaEDRUTZVaKhTZnSq355G1-0-21e33863e6ba0573cb1eae4207b5c1ed)
图1-174 矩形属性参数
步骤04 使用“矩形工具”在画布中绘制如图1-175所示的矩形。在“图层”面板中设置图层不透明度70%,“图层”面板如图1-176所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P59_7101.jpg?sign=1739534359-yDrvXnHnlOd9zF2JrVB84XEjpWTNCof7-0-0de050a598b7c64d025728cf015511b4)
图1-175 绘制矩形
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P59_7102.jpg?sign=1739534359-MwHCiuxpBs3fYXDgjXg8zqDYkRGN69fk-0-357f68ce258b7bb10ee27f9fae3550bf)
图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=1739534359-ZHxTlEM32XfXJuZVQDdT0YhDzZXHejEm-0-9a4490b65c97bb099b93ca1898dd16fa)
图1-177 复制并调整矩形
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P60_7128.jpg?sign=1739534359-kmbUb8jwXRya3Pn3C6yDRICl8a3LKFrE-0-226a59854be2e1858484ddb93c67eddf)
图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=1739534359-bOjIWqk1495wuyV1FQ4mp0UZ4rjo7ENj-0-60dda131f98478f417e58dc072440fd1)
图1-179 输入“现代时尚”文字
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P60_7133.jpg?sign=1739534359-WXfa1oDlzkt6btqfaCgkkIkAJEALoz4A-0-238c91b3526ea067624e19f5875fdbba)
图1-180 “字符”面板
步骤07 单击工具箱中的“直线工具”按钮,设置选项栏中“填充”颜色为红色,高度为1个像素,在页面中绘制如图1-181所示直线。使用相同的方法绘制如图1-182所示直线。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P60_7138.jpg?sign=1739534359-2gdPP2rGJa7zBfmKVp8Fab62PAgGBcbM-0-c1b1e0b8457c2ab46f49edb511dae235)
图1-181 绘制直线1
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P60_7139.jpg?sign=1739534359-cWth93MeDEMzpfZjSvtste01OrTmNRKD-0-96c979797c2f2d51695a97dfcdb46404)
图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=1739534359-VLxI4x3j9aMQM0d9kX7oO9Z7Bf7fCcWC-0-2fac7b353b80522fe7de0d0f7f328c1b)
图1-183 输入文本
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P61_7179.jpg?sign=1739534359-C304sWr0V577kw44tvfCuUMhm7gpoRR5-0-6ea1e73244a026ad6143ee1c16420574)
图1-184 “字符”面板
步骤09 新建图层,设置“前景色”为白色,使用“画笔工具”在画布中涂抹,得到如图1-185所示效果,“图层”面板如图1-186所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P61_7183.jpg?sign=1739534359-9K4Mm7mlFU9m4W6MyjNjbXRXMVAkh4rG-0-004a7eeebf7f378f15856204ebcaec13)
图1-185 蒙版效果
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P61_7184.jpg?sign=1739534359-8QAWBzLWcc0TexfUwwp4rzPWO0ihIwqz-0-b4dd0464825b740a6df985d78febd30d)
图1-186 “图层”面板
步骤10 复制改文字图层,将蒙版删除,修改填充值为0%,为其添加“描边”图层样式,各项参数如图1-187所示,文字效果如图1-188所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P61_7188.jpg?sign=1739534359-eZr1gE8rVO4MXdvbWdGppyTKpPBTjtzU-0-32a7e4f2431a55454d978b615d23fd38)
图1-187 “描边”参数
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P61_7189.jpg?sign=1739534359-FAgwBrAeSu0A2QkpI1AdTUjqZ3XAK2mZ-0-35a717e38068e3fc806e38eb3fd7ec3a)
图1-188 描边效果
步骤11 使用“横排文字工具”输入如图1-189所示文本。将“素材\第1章\皇冠.png”图片打开并拖曳到设计文档中,效果如图1-190所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P62_7212.jpg?sign=1739534359-B7uDpAFgJ25GxyHCJ4tLxfdxnHXGQBE0-0-dbfc22853732cb3667d777f19b1e68b8)
图1-189 输入“女王驾到”文字
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P62_7214.jpg?sign=1739534359-drjkh4y5UbuwAkVsM9Hz0ChhHZfjR66p-0-ab457b44f21fc801e1aacecf15d3572a)
图1-190 导入素材
步骤12 为“皇冠”图层添加“颜色叠加”的图层样式,参数设置如图1-191所示,单击“确定”按钮,图像效果如图1-192所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P62_7217.jpg?sign=1739534359-3a9FZpQjHIedQXEKqu1ZzhWt3h6wnmcm-0-a0758d6a055f9ff228383b38f8b0de17)
图1-191 设置样式参数
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P62_7218.jpg?sign=1739534359-dfpfq6UM8jYZE9CFlvMbbctkottpBARB-0-d6abc69092c412bb904e2425a3b9043a)
图1-192 图像效果
步骤13 继续使用相同的方法,在页面中输入文字,完成效果如图1-193所示。新建一个图层,使用“画笔工具”在画布中绘制,效果如图1-194所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P62_7222.jpg?sign=1739534359-OxiV1tLbEMYeUivDSv7lRF9GSLTuZCLd-0-047b054ddb6499773f5f3a29d659eb52)
图1-193 输入文字
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P62_7223.jpg?sign=1739534359-x1vLxLnt92rFpfnkofl2aFcMErpqZbGA-0-7614eb9cd0c39abbd888fea172628d29)
图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=1739534359-Pu2gK4U3qutBEEEEJD7AmyyGBYFUHNFM-0-7a164509d1d1005ac189b5230b38fcc7)
图1-195 输入文字效果
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P62_7228.jpg?sign=1739534359-InQcefh8QgKnhdR87wm1c6mitIgMIeIy-0-62542dffb8ecb1838fe37737f0500dac)
图1-196 “字符”面板
步骤15 按快捷键Ctrl+S保存文件。海报最终效果如图1-197所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P63_7268.jpg?sign=1739534359-zmYAhGcYdKTfkLZ6hrd7wyziWHC4lcku-0-0cd1a861b53753cff76a64fddee97f7b)
图1-197 海报效果图
举一反三 设计制作果蔬商品海报
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P63_7287.jpg?sign=1739534359-NLPESgTn3nWhiqRgXc4Q2a6HHylji5fc-0-980091efc807f79e1aae23516e26922f)
通过案例的制作,帮助读者了解营销文档对整个页面的影响。接下来制作一个果蔬类商品的海报,加深读者了解文档对视觉营销的作用。
步骤01 完成海报背景图的制作,如图1-198所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P63_7275.jpg?sign=1739534359-xqRVEAihVUAhiwRu4vuFAzULZqGNCCPx-0-fb27b7147dc3df7414f8240079a7793d)
图1-198 完成海报背景图
步骤02 通过FABE法则提炼标题文字,并制作完成,如图1-199所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P63_7276.jpg?sign=1739534359-wsfTOuQy4ID2MSdJAqKKpptt2crR12Rw-0-36586b07daa85aa6737baac7d9f94a77)
图1-199 提炼并输入标题文字
步骤03 加入刺激文本,促使用户点击,产生流量。添加辅助图,丰富页面内容,如图1-200所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P63_7280.jpg?sign=1739534359-Bn5mOPU8ktudUXOGz4eerHXNIUxiD5aK-0-ef3551968999c8a4238862bb46864d0a)
图1-200 添加文本和辅助图