![零基础学视觉设计](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=1738861907-NdAtKN1tvCWbsqYliSOtX9gpJRXHkyeb-0-6cd7150c02ce538e8760f7a8362d0b50)
微视频
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P35_13580.jpg?sign=1738861907-KX9l0WxFbTkkIZsztpoemeUfYWdNl69T-0-fde375b730d3cc62b4818c5006aef887)
素材
Step01 打开Photoshop,执行“文件>新建”命令,弹出“新建”对话框,设置如图2-13所示,单击“确定”按钮,新建一个空白文档。按组合键Ctrl+R,显示文档标尺,从标尺中拖出参考线,定位4边的出血区域,如图2-14所示。
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P36_13626.jpg?sign=1738861907-Sh3tIgigcCSnhnZTCaxE2TCgaEMbB4TW-0-848f2af0642b4f726ba2348eac8fbde7)
图2-13 设置“新建”对话框
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P36_13627.jpg?sign=1738861907-f9gA0jSrka0EI1eV3k9Z9vsKcnUbw6ic-0-aa28f7c297d49d2812063c65172473d1)
图2-14 拖出参考线定位出血
Step02 使用“渐变工具”,打开“渐变编辑器”对话框,设置渐变颜色,如图2-15所示。单击“确定”按钮,完成渐变颜色的设置,在画布中拖动鼠标填充径向渐变,效果如图2-16所示。
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P36_13634.jpg?sign=1738861907-JDLnjcJgXsZIuJdYlrLKJ0JxYduOngnG-0-d9abd060b88cd4961d6b9391e2fbba93)
图2-15 设置“渐变编辑器”窗口
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P36_13635.jpg?sign=1738861907-9uaepMfIWbvol7JAZsjKOYCMLXVWhctP-0-bf313cbced177f1f8139382f2ef6c727)
图2-16 填充径向渐变
Step03 新建名称为“主题文字”的图层组,打开并拖入素材图像“素材\22301.tif”,调整到合适的位置,如图2-17所示。使用“横排文字工具”,在“字符”面板上对相关选项进行设置,在画布中单击并输入文字,如图2-18所示。
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P36_13642.jpg?sign=1738861907-Twz0tVVBHcIcbcgym9lYadq2vLqafV4P-0-3a672a7a1cf074db94004f7521839b5a)
图2-17 拖入素材
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P36_13643.jpg?sign=1738861907-mGMgx1saS2KbwBRSd5BNPTLhJaBdmwym-0-5bf5ab7dc0935348c9b292aa68be90b0)
图2-18 输入文字1
Step04 执行“文字>转换为形状”命令,将文字转换成形状图形,使用“直接选择工具”,对文字相应的锚点进行调整,从而得到需要的文字效果,如图2-19所示。为该图层添加“描边”图层样式,弹出“图层样式”对话框,对相关选项进行设置,如图2-20所示。
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P37_13703.jpg?sign=1738861907-gciNDYWL5iaPJGoQ3u837D7YBMmuab1v-0-9a14f6bafc26d4786967c95039a304bf)
图2-19 对文字形状路径进行调整
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P37_13704.jpg?sign=1738861907-ovNNVNm1Ogrfs1rkoBkNbhMBykc80zh0-0-9c80759e046fd7a090db69bc7faea9d8)
图2-20 设置“描边”图层样式
Step05 单击“确定”按钮,完成“图层样式”对话框设置,效果如图2-21所示。使用相同的制作方法,完成其他文字效果的制作,如图2-22所示。
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/P37.jpg?sign=1738861907-p8Op3l8DZGBQdiHsUWyk4C0oZZpUiKya-0-de9b5772afba8f178315625699501fe5)
图2-21 应用图层样式效果1
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P37_20582.jpg?sign=1738861907-JYfK9PtSMGVpndWXOdqSHgQRFS1lEnMB-0-a135cb9497e5f98906f637d4fe0a40f3)
图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=1738861907-xMPuEcD6R05X7wacnlrjmUh0Cn3heX9N-0-d6ed8aa49bc94877fd8670619f93e3ed)
图2-23 绘制形状图形1
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P37_13740.jpg?sign=1738861907-NubpQkQ4zTv2DiSGPmux9YH3gyudiFoO-0-cd099914574d2db03f70d4498a155fba)
图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=1738861907-wKjyQq4MTWi0bgClQqKcdEcdxmPgD4v8-0-6f9bfa6999ce93d48dbdfebc74a0e598)
图2-25 完成图形绘制
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P38_13760.jpg?sign=1738861907-6NK20F65AeY55fEDjyLw657NYbGCfQ18-0-a6cfc57c6ba8315a186b3421bab4564f)
图2-26 绘制圆角矩形1
Step08 打开“属性”面板,对刚绘制的圆角矩形的4个圆角半径分别进行设置,效果如图2-27所示。使用“圆角矩形工具”,在“选项”栏上设置“路径操作”为“减去顶层形状”,“半径”为50像素,在刚绘制的圆角矩形上减去一个圆角矩形,得到需要的图形,效果如图2-28所示。
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P38_13767.jpg?sign=1738861907-uJEf1xxLDGy7hNsefDOamXxFgr4VTsKg-0-3f800c0ae7957a657d40ebcac4507e88)
图2-27 分别设置各圆角半径值
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P38_13769.jpg?sign=1738861907-RRhkbZnVNkL4QuVHQRTI12Y8wYBb5F0Q-0-123cdaaa9c59d43c913d533bd1f048c9)
图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=1738861907-En5m5oeLuLC6ZrGE2h9sTETm12HiFYXN-0-bc52e265f037b5023c4c0bf81aa97513)
图2-29 绘制正圆形
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P38_13778.jpg?sign=1738861907-m2zmRAcNNQyvAE4NI6IoE7FGbf4iAxAp-0-6abe604c1eed4cfa132fb001d3761edc)
图2-30 绘制相似图形
Step10 使用“横排文字工具”,在“字符”面板上对相关选项进行设置,在画布中单击并输入文字,如图2-31所示。使用相同的制作方法,输入其他文字,效果如图2-32所示。
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P39_13814.jpg?sign=1738861907-kQKS5k8Uh0luGUaoqIS6g4lLJv6jiIZc-0-e64785b61a2b17cf8c92c5bed493f2ea)
图2-31 输入文字2
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P39_13816.jpg?sign=1738861907-zyBcwSX6Zw07jYIDQlPQzCFwZ6ZYJcOs-0-c640f60fec14813b649960b3dd2d8f15)
图2-32 输入文字3
Step11 使用相同的制作方法,可以完成相似内容的制作,效果如图2-33所示。打开并拖入素材图像“素材\22302.tif”,调整到合适的大小和位置,如图2-34所示。
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P39_13823.jpg?sign=1738861907-iPYNqZFhXv8gcAgxs4jZDiv0NhmR09fq-0-d1f297807d78f846d18935a21e3ffeab)
图2-33 制作出相似的内容
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P39_13825.jpg?sign=1738861907-nw09AJocmeVRagyrAbJg0kyaFvgc4Iiw-0-3ee5d36c307d9d53df7cddb7b5eb4015)
图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=1738861907-6tJQA5R4AL06cyyYHtT6Vz43bsOM6y4C-0-d2760325bd8b9ba95621ace06b9aa43c)
图2-35 绘制形状图形2
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P39_13834.jpg?sign=1738861907-9hMEoj1KHTAtVIZSSN4yEjdy02Yz4Aql-0-e96fc1dde0eab54a45d77087a244deda)
图2-36 输入文字并调整
Step13 使用“横排文字工具”,在“字符”面板上对相关选项进行设置,并在画布中输入文字,如图2-37所示。为该图层添加“渐变叠加”图层样式,弹出“图层样式”对话框,对相关选项进行设置,如图2-38所示。
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P40_13860.jpg?sign=1738861907-Hh02by1FpcGBIA1FTSt2eqFftEu23gHT-0-fcdafaeb64ff035af768321ea1156873)
图2-37 输入文字4
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P40_13862.jpg?sign=1738861907-IGOFKkGDOnbuiXYkTVuyz25BOuu0I1Zy-0-e8c0a6db21c498a3cfc37b7b5cb6c288)
图2-38 设置“渐变叠加”图层样式
Step14 单击“确定”按钮,完成“图层样式”对话框设置,效果如图2-39所示。使用相同的制作方法,完成相似文字效果的制作,如图2-40所示。
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P40_13869.jpg?sign=1738861907-Mfzr2VlHdbGdkBgH8jZDWaW2OHTcSrLE-0-24f3735eb8345a6e274b275fbb431b26)
图2-39 应用图层样式效果2
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P40_13870.jpg?sign=1738861907-agWClE2bgoX1bSc3akxvb33zygUNb8Xu-0-f34934acf624914f0c5fa0a098e225de)
图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=1738861907-9WG6dku9WesSdfvAKZgDBFy0eNHrmfTq-0-dd0d55df60f75abf5cd2d124b99ddbe2)
图2-41 绘制圆角矩形2
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P40_13878.jpg?sign=1738861907-AJJSirfZZF03zfrxzoOusW8k3TC9e1wQ-0-e297009bea4e1f387e52557fb1bc396d)
图2-42 修改圆角矩形的圆角半径值
Step16 使用“直接选择工具”,选中相应的锚点进行拖动调整,得到需要的图形,如图2-43所示。使用相同的制作方法,完成相似图形的绘制,如图2-44所示。
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P41_13926.jpg?sign=1738861907-KQWvmuqVeLbA6VdpWJ1mR9Xli0LZMObR-0-60fe5388a4c8d7060332cd27acc62a9a)
图2-43 调整形状图形
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P41_13927.jpg?sign=1738861907-URHGEAdTvch71ibwTO7okXBjsSUeewwu-0-6020e69094316cf7e18e63a59dc645e7)
图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=1738861907-y03oATXImkizmnbWj1nyv8tNoKi4kaCx-0-ac9b0db303a4908b6865dd1598590bb9)
图2-45 绘制形状图形3
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P41_13936.jpg?sign=1738861907-s5dF1634MN8Lfhm7If7FpXABqCKSLx2B-0-ae30dffa29d434e28581a113177312d1)
图2-46 图形效果1
Step18 使用相同的制作方法,完成该部分其他内容的制作,效果如图2-47所示。在“二维码”图层组上方新建名称为“底部”的图层组,使用相同的制作方法,完成底部内容的制作,效果如图2-48所示。
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P41_13944.jpg?sign=1738861907-GpNZJrISzC4GSidoHrZZcF51fjr81rec-0-a65a87a57f96fd0d46a47cf44da4751a)
图2-47 图形效果2
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P41_13945.jpg?sign=1738861907-0LIYmjQOUkqa3Ppzb7IUHaW8Df8Ex1Po-0-8320f4a56b8f5a84126f17ef833cc9f9)
图2-48 完成底部内容的制作
Step19 完成该通信宣传广告的设计制作,最终效果如图2-49所示。
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P42_13976.jpg?sign=1738861907-xFOu4R23aLIinutvlmYThNHhCtbqyj8v-0-37f616a87024e5686280716d09828d44)
图2-49 通信宣传广告最终效果