![零基础学视觉设计](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=1739277759-neTuTQw1gGGclIteTcCBTfdhSSpBdCWH-0-57737474d31ca84334dcdfe13fdbad22)
微视频
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P35_13580.jpg?sign=1739277759-Yar1RDJEzlxa85hl56CE9UM9PyGbHSyt-0-e0216fbe62b34658851798bdbafdc8d1)
素材
Step01 打开Photoshop,执行“文件>新建”命令,弹出“新建”对话框,设置如图2-13所示,单击“确定”按钮,新建一个空白文档。按组合键Ctrl+R,显示文档标尺,从标尺中拖出参考线,定位4边的出血区域,如图2-14所示。
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P36_13626.jpg?sign=1739277759-t6WFyfrIASQYW2uLVdcZkiiOIHjHcupH-0-9dd1ee264b90adef10cb98f83f31a158)
图2-13 设置“新建”对话框
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P36_13627.jpg?sign=1739277759-XW7MidKMTVyTypxun8It6dXRGrJpq2Ch-0-535be7ab6e0dc1ffe2aff1b5d2d6b0ec)
图2-14 拖出参考线定位出血
Step02 使用“渐变工具”,打开“渐变编辑器”对话框,设置渐变颜色,如图2-15所示。单击“确定”按钮,完成渐变颜色的设置,在画布中拖动鼠标填充径向渐变,效果如图2-16所示。
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P36_13634.jpg?sign=1739277759-KNYbcJKhXUEyzcrVpNk1hnwhQXxMyDBj-0-5c91a2e5decd9ab4a55561082b1cb005)
图2-15 设置“渐变编辑器”窗口
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P36_13635.jpg?sign=1739277759-Hg0eLbV0fC6PD8o7AvfbQM6IAP0lEvbG-0-7d17727aa649094efd62eba75a7e7029)
图2-16 填充径向渐变
Step03 新建名称为“主题文字”的图层组,打开并拖入素材图像“素材\22301.tif”,调整到合适的位置,如图2-17所示。使用“横排文字工具”,在“字符”面板上对相关选项进行设置,在画布中单击并输入文字,如图2-18所示。
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P36_13642.jpg?sign=1739277759-9ERk9KlyleTSkccyc7j0P1tc3k4Iojbw-0-90a716385414b772beb1fdb4805ca241)
图2-17 拖入素材
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P36_13643.jpg?sign=1739277759-t1A35yb5HJPNB2djN7Enx1ShpEN7N3ec-0-84d43d9d7feeeb14a73702f7b26bd85f)
图2-18 输入文字1
Step04 执行“文字>转换为形状”命令,将文字转换成形状图形,使用“直接选择工具”,对文字相应的锚点进行调整,从而得到需要的文字效果,如图2-19所示。为该图层添加“描边”图层样式,弹出“图层样式”对话框,对相关选项进行设置,如图2-20所示。
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P37_13703.jpg?sign=1739277759-UnACBjHtqZl7H46z0DqWQO79AjCVyiLp-0-facd1c080f729fb4f3843560006a1eeb)
图2-19 对文字形状路径进行调整
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P37_13704.jpg?sign=1739277759-rFozgJMwJhM8spUsgZRfvU8M9O0kgvUx-0-deddd8a3e839e28781a8b78fb0e31466)
图2-20 设置“描边”图层样式
Step05 单击“确定”按钮,完成“图层样式”对话框设置,效果如图2-21所示。使用相同的制作方法,完成其他文字效果的制作,如图2-22所示。
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/P37.jpg?sign=1739277759-pOCuxhT3AttmN14MykErzprYMQjd5pVk-0-55d5a7e24d7af1831ba1df8f9f7ea970)
图2-21 应用图层样式效果1
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P37_20582.jpg?sign=1739277759-lfSrzAd73xDW3vTS2gShNawLXo12FzA5-0-1b14e1d715aac6bb65345b809b3cf95a)
图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=1739277759-mxtgXASekwOTE22GP1zLHQ74GtFIGWEd-0-4b56010155fedf7fa5e2e00d25c73693)
图2-23 绘制形状图形1
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P37_13740.jpg?sign=1739277759-Kciy6U6aEcP4Iqeq7OEPUzIN9ayY2mBR-0-579068a427fa0e1a5456a09654e1a40d)
图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=1739277759-BWwkyEJwljZGvLNB6bm8szCkr56nUyLS-0-1ac680064ec342d4af6d648eb862065d)
图2-25 完成图形绘制
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P38_13760.jpg?sign=1739277759-zNlH6afEkeDq3MKt9ACPqLmrbXankQP6-0-bd21a250d006a90cea04576c4955be42)
图2-26 绘制圆角矩形1
Step08 打开“属性”面板,对刚绘制的圆角矩形的4个圆角半径分别进行设置,效果如图2-27所示。使用“圆角矩形工具”,在“选项”栏上设置“路径操作”为“减去顶层形状”,“半径”为50像素,在刚绘制的圆角矩形上减去一个圆角矩形,得到需要的图形,效果如图2-28所示。
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P38_13767.jpg?sign=1739277759-I351yhGyiFIe7GcbDDzwyvizxGPCUOSp-0-bb453bd6300b21e3685e2f78055ae684)
图2-27 分别设置各圆角半径值
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P38_13769.jpg?sign=1739277759-wrmOuRuDxx57Yp7xYzzJ17Wu46w15OzN-0-696f6a9f992cb2c32a22f5ef673a42aa)
图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=1739277759-B6eidCYHyAVBrfa5gVL9wCpa9nPmNQNw-0-50ccf49063a53d1c6ddfc4d0d90581f4)
图2-29 绘制正圆形
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P38_13778.jpg?sign=1739277759-w1LOhpsxFwa0BDnSVWbK1KMZnpADrj80-0-f1d11c93077e987c9ece50db7a5fa101)
图2-30 绘制相似图形
Step10 使用“横排文字工具”,在“字符”面板上对相关选项进行设置,在画布中单击并输入文字,如图2-31所示。使用相同的制作方法,输入其他文字,效果如图2-32所示。
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P39_13814.jpg?sign=1739277759-iwO2riLk98xS2vXgTzFdUi6xi1klqaMs-0-a8bffa7816a59773b0980989ee2a9138)
图2-31 输入文字2
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P39_13816.jpg?sign=1739277759-m3qb826EDmcE7oO27SQ1ByvlljbqtNH0-0-6ed4105827bcf26bfc9175aeeb82bdad)
图2-32 输入文字3
Step11 使用相同的制作方法,可以完成相似内容的制作,效果如图2-33所示。打开并拖入素材图像“素材\22302.tif”,调整到合适的大小和位置,如图2-34所示。
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P39_13823.jpg?sign=1739277759-S4yixVJAJVk2Uc1xJtxpx15AK4twQvHd-0-e709d899f86d6082d4d402417d55c80c)
图2-33 制作出相似的内容
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P39_13825.jpg?sign=1739277759-kODyBNvwIhpiYGFimbEgMIwc9m30Qb46-0-46934ae90dacde95d3198a1e9a820d7b)
图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=1739277759-3Ajndmv6E5DP42dHp3MjJNumYPH5cYCz-0-12dd538933316aa8ac5a7bbdc07e3464)
图2-35 绘制形状图形2
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P39_13834.jpg?sign=1739277759-2RmHNUi2PxXhp3RwuOk6scs68lBzfiwa-0-7cd5dcbb993c6b9ba5e9423417c3e916)
图2-36 输入文字并调整
Step13 使用“横排文字工具”,在“字符”面板上对相关选项进行设置,并在画布中输入文字,如图2-37所示。为该图层添加“渐变叠加”图层样式,弹出“图层样式”对话框,对相关选项进行设置,如图2-38所示。
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P40_13860.jpg?sign=1739277759-bu6x6keUvEd4oI3aHgHN6D2KREotdl89-0-60beb9d3b719bd3b7470e228b6911c64)
图2-37 输入文字4
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P40_13862.jpg?sign=1739277759-oPzPgBlfUWk116K1HdsoXhu2OYqH48xH-0-344765182711c017747af1b865a100dc)
图2-38 设置“渐变叠加”图层样式
Step14 单击“确定”按钮,完成“图层样式”对话框设置,效果如图2-39所示。使用相同的制作方法,完成相似文字效果的制作,如图2-40所示。
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P40_13869.jpg?sign=1739277759-kfecyuFuq1qZqOCpBWbTNR9wb1DVgvs2-0-8ddec6e59650b3709023b59c6cedb903)
图2-39 应用图层样式效果2
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P40_13870.jpg?sign=1739277759-fijk1whHrFbVCY3VQtYOPIJb9KtcmqZ6-0-3e6e3ef61e8759748023cccc2d87b11f)
图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=1739277759-zAWYHP6MdmHbd2Uh9Lf5GXsSeNRswsGm-0-04d42d7f9281fc01f6a813af750b6481)
图2-41 绘制圆角矩形2
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P40_13878.jpg?sign=1739277759-7ERZACRCl9hlp2Jdp5swIyESdMR1EqLv-0-d7b92a3a83eda1957bb8340c30f736d3)
图2-42 修改圆角矩形的圆角半径值
Step16 使用“直接选择工具”,选中相应的锚点进行拖动调整,得到需要的图形,如图2-43所示。使用相同的制作方法,完成相似图形的绘制,如图2-44所示。
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P41_13926.jpg?sign=1739277759-JIWU4MvKifqyRBw943YxH2fyKhnFsMlN-0-3618c30880b7aeec9f9428c0d48eaea5)
图2-43 调整形状图形
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P41_13927.jpg?sign=1739277759-ZODJ68amIFI4mbDVIgIiUu3nr2H6ZI4H-0-cfc80e1700f657f405d064eaa6bf23f4)
图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=1739277759-DSsj3exlpTA1GTmY5Wuc9r8BOZlWAnrg-0-4ec8eabd0510f84ffaf507ad33695851)
图2-45 绘制形状图形3
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P41_13936.jpg?sign=1739277759-avVcnohxactowm27U1lIrliIF9Ubk1AH-0-62c6f3c594679c8bee84986f6b6a68dd)
图2-46 图形效果1
Step18 使用相同的制作方法,完成该部分其他内容的制作,效果如图2-47所示。在“二维码”图层组上方新建名称为“底部”的图层组,使用相同的制作方法,完成底部内容的制作,效果如图2-48所示。
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P41_13944.jpg?sign=1739277759-NMJoVeEif8fwudSUjHXGV2JBqZxZY2lu-0-b87c6e9fdd454b1735cd8d77966d999b)
图2-47 图形效果2
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P41_13945.jpg?sign=1739277759-iXelEEGOWsZehdC0Id7gkIKCwz3LDGCZ-0-b493bfb14048cd099cc380260261e93e)
图2-48 完成底部内容的制作
Step19 完成该通信宣传广告的设计制作,最终效果如图2-49所示。
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P42_13976.jpg?sign=1739277759-eTcuVksOCibJPYrT8BkfZuRl1K3IOraY-0-8dcef09c151d26e6e491c47bb6d637b3)
图2-49 通信宣传广告最终效果