![InDesign CC 2015图形设计 标准教程(清华电脑学堂)](https://wfqqreader-1252317822.image.myqcloud.com/cover/55/26944055/b_26944055.jpg)
3.9 课堂实例:“粉色背景”设计
本实例绘制的是粉色背景效果图,如图3-74所示。在制作过程中,将会使用绘图工具等绘制图形并进行编辑,配合使用填充工具为图形上色,设计出漂亮的背景效果。
![](https://epubservercos.yuewen.com/B82076/15367254505348306/epubprivate/OEBPS/Images/figure_0099_0001.jpg?sign=1739572561-q1uQDk6SJ6eRnGetymBaU4jIuWgf13hq-0-31de7a6ccea92e92d021b30def5da009)
图3-74 粉色背景效果
操作步骤:
1 新建文档。执行【文件】|【新建】|【文档】命令,设置页面参数为默认即可,如图3-75所示,单击【边距和分栏】按钮,在弹出的【新建边距和分栏】对话框中,同样设置默认参数,单击【确定】按钮,如图3-76所示。
![](https://epubservercos.yuewen.com/B82076/15367254505348306/epubprivate/OEBPS/Images/figure_0099_0002.jpg?sign=1739572561-d7sqAVw647UPxwE9mgPSnAdDds9Qx0XZ-0-f16ea16e10082bcd3c059123f4f52767)
图3-75 新建文档
![](https://epubservercos.yuewen.com/B82076/15367254505348306/epubprivate/OEBPS/Images/figure_0099_0003.jpg?sign=1739572561-wrcVV09brVdM2caifIaqNTilclJoWae7-0-a7226b5461f651095d1568fa18905fd3)
图3-76 新建边距和分栏
2 绘制背景。在工具箱中选择【矩形工具】,绘制页面加上出血大小的矩形,描边为0,无填充色,如图3-77所示,然后新建渐变色板,在【渐变选项】中设置名称为【粉色渐变】,类型为【径向】,然后设置颜色值,如图3-78所示。
![](https://epubservercos.yuewen.com/B82076/15367254505348306/epubprivate/OEBPS/Images/figure_0099_0005.jpg?sign=1739572561-gxM5h8JfvTiSvnWuIuqJ0sLVQF4zH7rj-0-80eefa7cc1bc0cb6736fd17e5dd7ee5f)
图3-77 绘制矩形
![](https://epubservercos.yuewen.com/B82076/15367254505348306/epubprivate/OEBPS/Images/figure_0099_0006.jpg?sign=1739572561-1vmmM3DQrvthESZWRbSk5tTT9H97TDJX-0-8297bc14d2ad80491f78a382d170318e)
图3-78 【渐变选项】对话框
3 填充渐变。设置完颜色参数后,单击【确定】按钮,得到如图3-79所示的填充效果。然后,选择工具箱中的【渐变色板工具】,在矩形上调整渐变角度,得到如图3-80所示的效果。
![](https://epubservercos.yuewen.com/B82076/15367254505348306/epubprivate/OEBPS/Images/figure_0100_0002.jpg?sign=1739572561-y91jstjKaB2kAVyytSGDo3AA2uvCMHEj-0-78956f26908770a6b2909bcc5d979e73)
图3-79 填充效果
![](https://epubservercos.yuewen.com/B82076/15367254505348306/epubprivate/OEBPS/Images/figure_0100_0003.jpg?sign=1739572561-DEOZaEpj1JlYtLgPKkOih0MB7ZyINdUp-0-087f6cdbcc1351528adf137c0398187e)
图3-80 调整渐变效果
4 绘制图形。设置参考线,如图3-81所示,然后,在工具箱中选择【钢笔工具】,配合使用【直接选择工具】
,绘制心形图案,如图3-82所示。
![](https://epubservercos.yuewen.com/B82076/15367254505348306/epubprivate/OEBPS/Images/figure_0100_0006.jpg?sign=1739572561-l90dieGi4WGIbRH2GkVMxGPR1Bjl6LqW-0-c35c7708926089229c99f09fa1f4c688)
图3-81 参考线效果
![](https://epubservercos.yuewen.com/B82076/15367254505348306/epubprivate/OEBPS/Images/figure_0100_0007.jpg?sign=1739572561-xYvhyahCE8BwJv8L4MQ4xA08omUoIT86-0-4277f39f4879f4f20c59908a5ae8359e)
图3-82 绘制心形效果
5 填充效果。选中心形图案,禁用描边并填充粉色渐变效果,然后打开色板,复制粉色渐变色板,双击粉色渐变副本色板,打开【渐变选项】对话框,调整参数,如图3-83所示;单击【确定】按钮填充渐变,选择工具箱中的【渐变色板工具】,调整渐变角度,如图3-84所示。
![](https://epubservercos.yuewen.com/B82076/15367254505348306/epubprivate/OEBPS/Images/figure_0100_0009.jpg?sign=1739572561-ngg6znDG5Az0iLSVgybhcceXZjvfnKJd-0-81747da7c14583543d2bcb5ad1869cb0)
图3-83 【渐变选项】对话框
![](https://epubservercos.yuewen.com/B82076/15367254505348306/epubprivate/OEBPS/Images/figure_0100_0010.jpg?sign=1739572561-OUm89q82orz8DiYsTIpcQbgnJzTStcan-0-a63adf25ee14d5c410cae6519bb53bb7)
图3-84 调整渐变后的心形效果
6 添加效果。选中心形图案,执行【窗口】|【效果】命令,打开【效果】面板,在【效果】面板的右上角单击倒三角按钮,在下拉菜单中选择效果,然后在弹出的菜单中单击【外发光】,弹出【效果】对话框,在【效果】对话框中设置【外发光】与【光泽】参数,如图3-85所示。单击【确定】按钮,为图形应用效果,如图3-86所示。
![](https://epubservercos.yuewen.com/B82076/15367254505348306/epubprivate/OEBPS/Images/figure_0101_0001.jpg?sign=1739572561-gDuUoHS41D2PEkJXES8XKZvh2xmT241p-0-60d63eef7025f9e5fd0c9db3944f9d9d)
图3-85 设置【效果】对话框中的参数
![](https://epubservercos.yuewen.com/B82076/15367254505348306/epubprivate/OEBPS/Images/figure_0101_0002.jpg?sign=1739572561-aSpgWkrpVSM45mg0Fa6F2acFkHOZZy5y-0-1901dda3b2e5c895e09c31f246a8e8a5)
图3-86 心形效果
7 调整图形。选中心形图案,按CtrI+C快捷键进行复制,按CtrI+V快捷键粘贴多个心形图案,然后放置在不同的位置,如图3-87所示,对不同的心形图案按住Shift键进行缩放并旋转,如图3-88所示。
![](https://epubservercos.yuewen.com/B82076/15367254505348306/epubprivate/OEBPS/Images/figure_0101_0003.jpg?sign=1739572561-PRPg0Y98bQjm47CR6SH3Q2UJzFASVoR5-0-924ad36eb92f7be43b6c664d6ecdf277)
图3-87 复制图形
![](https://epubservercos.yuewen.com/B82076/15367254505348306/epubprivate/OEBPS/Images/figure_0101_0004.jpg?sign=1739572561-azh9VcWqcO0wVFnu1hMkdO5FaF9BMw1G-0-871f4ecf16d5dc1ee00dd61bc2631994)
图3-88 调整图形
8 调整透明度。选中不同的心形,在控制面板中调整透明度,如图3-89所示。得到最终效果,如图3-90所示。
![](https://epubservercos.yuewen.com/B82076/15367254505348306/epubprivate/OEBPS/Images/figure_0101_0005.jpg?sign=1739572561-0YGpt30BniVXN4oZfEyoZfo4lz8I0jJu-0-f596b3d62606a563b7b20e67a3fdc29f)
图3-89 调整透明度
![](https://epubservercos.yuewen.com/B82076/15367254505348306/epubprivate/OEBPS/Images/figure_0101_0006.jpg?sign=1739572561-nX6GFWerS8AIUYRBlI0gP8pmcgggCkSa-0-7ae2513b5fd4b15352ffdcc2b898824a)
图3-90 最终效果