![零基础学视觉设计](https://wfqqreader-1252317822.image.myqcloud.com/cover/447/34752447/b_34752447.jpg)
2.2.3 设计通信宣传广告
本案例设计一个通信宣传广告,使用径向渐变的背景色作为整个画面的背景,使画面产生层次感,主题文字内容使用纯色文字,并对文字进行纯色描边处理,加强文字的效果,底部通过色块和其他图形来分割画面,使得画面的形式更加丰富,整个广告画布让人感觉清晰、整洁。
☆实战 设计通信宣传广告☆
源文件:第2章\2-2-3.psd
视频:第2章\2-2-3.mp4
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P35_13577.jpg?sign=1738899711-lYXAM0iePc8fiWNMHVDmkFi5AdMEzLxj-0-8355291646cbbe5729ba827e29412f4a)
微视频
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P35_13580.jpg?sign=1738899711-4J97nSZCSVXZRoSjWHPrG5pIEyTwXaAu-0-cf1161476fdc340359e46c42fbee847d)
素材
Step01 打开Photoshop,执行“文件>新建”命令,弹出“新建”对话框,设置如图2-13所示,单击“确定”按钮,新建一个空白文档。按组合键Ctrl+R,显示文档标尺,从标尺中拖出参考线,定位4边的出血区域,如图2-14所示。
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P36_13626.jpg?sign=1738899711-XOm68pRksTqQ6c7h9teUgO2n6qVgItkA-0-b662d4393fd3420afb036f107a663b38)
图2-13 设置“新建”对话框
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P36_13627.jpg?sign=1738899711-HTj2KniuoqZxbmRMcLQZEdZ54HQyN5F6-0-ebdcb165d6660cb3ff5b546913a2a6e7)
图2-14 拖出参考线定位出血
Step02 使用“渐变工具”,打开“渐变编辑器”对话框,设置渐变颜色,如图2-15所示。单击“确定”按钮,完成渐变颜色的设置,在画布中拖动鼠标填充径向渐变,效果如图2-16所示。
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P36_13634.jpg?sign=1738899711-pOFAKsGZpYjN5YazICsGayPPk0opPJVf-0-fbf03b94eb95c2a4e07cc7a6cef0d5f1)
图2-15 设置“渐变编辑器”窗口
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P36_13635.jpg?sign=1738899711-WDauoweAl1qVAlnZktSqtzgKJnibBWAf-0-c7ab1ef3434d4fd3d6a9bcfbc4275e24)
图2-16 填充径向渐变
Step03 新建名称为“主题文字”的图层组,打开并拖入素材图像“素材\22301.tif”,调整到合适的位置,如图2-17所示。使用“横排文字工具”,在“字符”面板上对相关选项进行设置,在画布中单击并输入文字,如图2-18所示。
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P36_13642.jpg?sign=1738899711-1888ilSBC7Q0A4JYyaJM8VbUFEuDvzmK-0-e131a845e97e74838d0528ec0c475e32)
图2-17 拖入素材
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P36_13643.jpg?sign=1738899711-vrFmyUR0kOf8zeuyPQ4lEs3YNbXXu7az-0-544cf01244d83699c2f04ce0d68ef31d)
图2-18 输入文字1
Step04 执行“文字>转换为形状”命令,将文字转换成形状图形,使用“直接选择工具”,对文字相应的锚点进行调整,从而得到需要的文字效果,如图2-19所示。为该图层添加“描边”图层样式,弹出“图层样式”对话框,对相关选项进行设置,如图2-20所示。
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P37_13703.jpg?sign=1738899711-Uz2AJdvQke8tmruKFBKqWoSmFzv6W3Vi-0-6810739396d1c2768cee37283ffa7ac4)
图2-19 对文字形状路径进行调整
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P37_13704.jpg?sign=1738899711-kAtS8WFXUt3kQWyg2KZOHcitFtfgXkIs-0-70d812e08f1350c73719ec0c52ca6504)
图2-20 设置“描边”图层样式
Step05 单击“确定”按钮,完成“图层样式”对话框设置,效果如图2-21所示。使用相同的制作方法,完成其他文字效果的制作,如图2-22所示。
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/P37.jpg?sign=1738899711-XN9NEkEJo04U18t28ITLkoycu0czrRwK-0-ab451cd24d396cf9da9bcf56feff195b)
图2-21 应用图层样式效果1
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P37_20582.jpg?sign=1738899711-VcIET99cTXU3bGyKndC1kXMGM79ji1FU-0-0f67f3ab6ce6caf5cec0eedb36aa6e05)
图2-22 完成其他文字内容制作
Step06 使用“钢笔工具”,在选项栏中设置“工具模式”为“形状”,“填充”为CMYK(78,33,0,0),“描边”为无,在画布中绘制形状图形,如图2-23所示。使用“矩形工具”,在“选项”栏上设置“路径操作”为“减去顶层形状”,在刚绘制的图形上减去一个矩形,效果如图2-24所示。
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P37_13739.jpg?sign=1738899711-tjdJJnb5H6JIlKvNzL2j3hRZURKJQb9V-0-00c212b4bdbe0e12faf2a0ec584c2d6e)
图2-23 绘制形状图形1
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P37_13740.jpg?sign=1738899711-kawkyK9hatqxUJ5IXJ3bUh5jM32ZPCEO-0-c0944cb2fe8831c61f18c2f4c64c73b8)
图2-24 减去矩形
Step07 使用相同的制作方法,完成相似图形的绘制,输入文字并对文字进行旋转操作,效果如图2-25所示。在“主题文字”图层组上方新建名称为“用户”的图层组,使用“圆角矩形工具”,设置“填充”为CMYK(78,33,0,0),“描边”为无,“半径”为100像素,在画布中绘制圆角矩形,如图2-26所示。
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P38_13758.jpg?sign=1738899711-PIkvGX1mlMO26cg2X90tW68AGKUu7wF3-0-86b0d891059924b2a8f8d7265048c7ce)
图2-25 完成图形绘制
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P38_13760.jpg?sign=1738899711-a72b6v84DKVM58OAd46qoSJ403jAunpp-0-670ad0ef0824ca6ddfd6f5a1c80b9a50)
图2-26 绘制圆角矩形1
Step08 打开“属性”面板,对刚绘制的圆角矩形的4个圆角半径分别进行设置,效果如图2-27所示。使用“圆角矩形工具”,在“选项”栏上设置“路径操作”为“减去顶层形状”,“半径”为50像素,在刚绘制的圆角矩形上减去一个圆角矩形,得到需要的图形,效果如图2-28所示。
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P38_13767.jpg?sign=1738899711-hTG59M9azth0fY5v5EPCSZ8LIx24th5c-0-001c5ba458b7b4bccef5fe0f284f2917)
图2-27 分别设置各圆角半径值
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P38_13769.jpg?sign=1738899711-aDSF6NotF33tZnbM0g0sSpnRx0HfLE08-0-7746531f6cafdfc845c7e59c841b9e8d)
图2-28 减去图形得到需要的图形
Step09 使用“椭圆工具”,设置“填充”为白色,“描边”为CMYK(78,33,0,0),“描边宽度”为6点,在画布中按住Shift键绘制正圆形,如图2-29所示。使用相同的制作方法,完成相似图形的绘制,如图2-30所示。
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P38_13776.jpg?sign=1738899711-yA3k1rentuyoCmkHNjIlAEmkmB7GpOFQ-0-8a353f4b21832275060697b31ba0189a)
图2-29 绘制正圆形
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P38_13778.jpg?sign=1738899711-nxByrHb0pmGLbHpl2aLIGIjQg4DDUDmR-0-edabdefdbf9b72717ba2c12c739929c1)
图2-30 绘制相似图形
Step10 使用“横排文字工具”,在“字符”面板上对相关选项进行设置,在画布中单击并输入文字,如图2-31所示。使用相同的制作方法,输入其他文字,效果如图2-32所示。
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P39_13814.jpg?sign=1738899711-flwNIRCJydzwLhFEj8POSKc8O1vFu3Ro-0-78929cca6c9d4149e30b536df8416e65)
图2-31 输入文字2
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P39_13816.jpg?sign=1738899711-XYONlbDBAIiwDXaYQ8YkE0qQ7obnSqRZ-0-284d03d51d744d40a3ac69ab008e486b)
图2-32 输入文字3
Step11 使用相同的制作方法,可以完成相似内容的制作,效果如图2-33所示。打开并拖入素材图像“素材\22302.tif”,调整到合适的大小和位置,如图2-34所示。
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P39_13823.jpg?sign=1738899711-VZMNVihS6fr1qHQbSPRY4VtpN0UFfxE1-0-cfa8c99228d59e032258de198920defa)
图2-33 制作出相似的内容
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P39_13825.jpg?sign=1738899711-xRUd0sLz4y2RJTQABWiteb1Y6mvd0UhZ-0-e95e5cec386345252b663ccb4c3bb55f)
图2-34 拖入素材图像
Step12 新建名称为“二维码”的图层组,使用“钢笔工具”,设置“填充”为CMYK(74,22,3,0),“描边”为无,在画布中绘制形状图形,如图2-35所示。使用相同的制作方法,在画布中输入文字,并对部分文字进行调整,效果如图2-36所示。
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P39_13832.jpg?sign=1738899711-JMk2NJZO4JPHjI60EEEUaUGr8jz3mrEf-0-3c3bc1e8b95ca47a1fb8e01114cf7b4f)
图2-35 绘制形状图形2
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P39_13834.jpg?sign=1738899711-e5nMisozAUtIKdAiGK82xOEv95gByDiF-0-966a03be8c2e237ebcca41acc424a0a9)
图2-36 输入文字并调整
Step13 使用“横排文字工具”,在“字符”面板上对相关选项进行设置,并在画布中输入文字,如图2-37所示。为该图层添加“渐变叠加”图层样式,弹出“图层样式”对话框,对相关选项进行设置,如图2-38所示。
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P40_13860.jpg?sign=1738899711-zzJWE4MNXH1BHnrIGjLyY09jrbGDLORg-0-ee192e255e5b1180643b8e3152b91c67)
图2-37 输入文字4
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P40_13862.jpg?sign=1738899711-B7pixUWwayENpZGN0w0jz5937kk9iJFz-0-8c0d4564685c4e45882a940c11947583)
图2-38 设置“渐变叠加”图层样式
Step14 单击“确定”按钮,完成“图层样式”对话框设置,效果如图2-39所示。使用相同的制作方法,完成相似文字效果的制作,如图2-40所示。
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P40_13869.jpg?sign=1738899711-AB9ncMYqhXPiAYUM7GxvDUrtdqdUxet0-0-02713abcebeb969770934e41d3e7d694)
图2-39 应用图层样式效果2
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P40_13870.jpg?sign=1738899711-IxggKzJf84viQpSdsqcr1UQtYIQ3uloU-0-ca60483e04b180adf84ad9032b541a58)
图2-40 输入其他文字并应用图层样式
Step15 新建名称为“组1”的图层组,使用“圆角矩形工具”,设置“填充”为CMYK(56,48,45,0),“描边”为无,“半径”为25像素,在画布中绘制圆角矩形,如图2-41所示。打开“属性”面板,修改刚绘制的圆角矩形的圆角半径值,效果如图2-42所示。
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P40_13877.jpg?sign=1738899711-cpn22oVxs98xSxDf8ZnQhTTYcwnOllqT-0-07d569aeef75700d5c7448206c22b557)
图2-41 绘制圆角矩形2
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P40_13878.jpg?sign=1738899711-JNFurHF8ExvXAjiWpsh4SUVLIJLu9TuD-0-105d22f9cda4401f464d8a0c6bf92c03)
图2-42 修改圆角矩形的圆角半径值
Step16 使用“直接选择工具”,选中相应的锚点进行拖动调整,得到需要的图形,如图2-43所示。使用相同的制作方法,完成相似图形的绘制,如图2-44所示。
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P41_13926.jpg?sign=1738899711-eAZyijhemECFNzOXjLISS3Vyv2FgcyTz-0-bddb1e66f0ab917acf21c239ed05e760)
图2-43 调整形状图形
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P41_13927.jpg?sign=1738899711-zldH8kIalmg4LAirRDrA1GlB5usc9Fdq-0-3b58b0976da89a4e1bf2097dc8c1d460)
图2-44 绘制相似的形状图形
Step17 使用“钢笔工具”,设置“填充”为CMYK(48,39,38,0),“描边”为无,在画布中绘制形状图形,如图2-45所示。使用相同的制作方法,可以完成相似内容的制作,效果如图2-46所示。
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P41_13935.jpg?sign=1738899711-s3EyJ8ArLmQbTWzmKNYSGKH3C1G6jYRx-0-3b1e928d8901c3a52e3f9c338d2f2670)
图2-45 绘制形状图形3
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P41_13936.jpg?sign=1738899711-1cI1AUfya6Zvh7PvaN87Srp01PJIy9O3-0-ef213f8dbf89001bcee465fc428c3701)
图2-46 图形效果1
Step18 使用相同的制作方法,完成该部分其他内容的制作,效果如图2-47所示。在“二维码”图层组上方新建名称为“底部”的图层组,使用相同的制作方法,完成底部内容的制作,效果如图2-48所示。
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P41_13944.jpg?sign=1738899711-Au0aGy6QGNHek8WWc99G6eyuNRocYEmE-0-a681c04a27d5d98dcd3c7b139bb42b83)
图2-47 图形效果2
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P41_13945.jpg?sign=1738899711-hDj3lhv2IQ1jmRHEOebQwUUbwJMfVv7c-0-266101336ef677845c6c26a2dbdfe273)
图2-48 完成底部内容的制作
Step19 完成该通信宣传广告的设计制作,最终效果如图2-49所示。
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P42_13976.jpg?sign=1738899711-uGwReRJWMltnLCdgWYndZFGBOux7Zb5K-0-6ee4d5cc4fa943a649bc71385fc8b089)
图2-49 通信宣传广告最终效果