![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=1738844055-dSR4sEJdLA7Yp7Ql18XFO2BuZHViy7CG-0-7e91b58040e0d51b19d67a41b88064da)
图3-74 粉色背景效果
操作步骤:
1 新建文档。执行【文件】|【新建】|【文档】命令,设置页面参数为默认即可,如图3-75所示,单击【边距和分栏】按钮,在弹出的【新建边距和分栏】对话框中,同样设置默认参数,单击【确定】按钮,如图3-76所示。
![](https://epubservercos.yuewen.com/B82076/15367254505348306/epubprivate/OEBPS/Images/figure_0099_0002.jpg?sign=1738844055-2NYnNj0S80MtdjfL6zOaTeHiGxPdg2yu-0-103dfd10db1fe3edcf60a7a49aff87fa)
图3-75 新建文档
![](https://epubservercos.yuewen.com/B82076/15367254505348306/epubprivate/OEBPS/Images/figure_0099_0003.jpg?sign=1738844055-kDo7XMQfpXXyN1vr1iq2WqcciFZYj1Bi-0-45b996555bfef7bce2cc9e66955f6438)
图3-76 新建边距和分栏
2 绘制背景。在工具箱中选择【矩形工具】,绘制页面加上出血大小的矩形,描边为0,无填充色,如图3-77所示,然后新建渐变色板,在【渐变选项】中设置名称为【粉色渐变】,类型为【径向】,然后设置颜色值,如图3-78所示。
![](https://epubservercos.yuewen.com/B82076/15367254505348306/epubprivate/OEBPS/Images/figure_0099_0005.jpg?sign=1738844055-6qicyugy8UL4GPbKNYkKyQ3pwXHESFpS-0-e2c9a05808c486d0cdfa34d55fbf8237)
图3-77 绘制矩形
![](https://epubservercos.yuewen.com/B82076/15367254505348306/epubprivate/OEBPS/Images/figure_0099_0006.jpg?sign=1738844055-OrQTBW6HeUnUSCk87xOyZFXHTPYptmaj-0-1f42a0b0c72876f6c7cf4df613a40a03)
图3-78 【渐变选项】对话框
3 填充渐变。设置完颜色参数后,单击【确定】按钮,得到如图3-79所示的填充效果。然后,选择工具箱中的【渐变色板工具】,在矩形上调整渐变角度,得到如图3-80所示的效果。
![](https://epubservercos.yuewen.com/B82076/15367254505348306/epubprivate/OEBPS/Images/figure_0100_0002.jpg?sign=1738844055-2JHtq21kM8ciuHif2RavvkMv4h4DttpJ-0-a224d703eb88a302d5a5cbb7e8edfd30)
图3-79 填充效果
![](https://epubservercos.yuewen.com/B82076/15367254505348306/epubprivate/OEBPS/Images/figure_0100_0003.jpg?sign=1738844055-ZSOJUkNxGE28oK7TxEXr9nxXPmrWqH11-0-05fa4ddf4302600feae3d553f788a74b)
图3-80 调整渐变效果
4 绘制图形。设置参考线,如图3-81所示,然后,在工具箱中选择【钢笔工具】,配合使用【直接选择工具】
,绘制心形图案,如图3-82所示。
![](https://epubservercos.yuewen.com/B82076/15367254505348306/epubprivate/OEBPS/Images/figure_0100_0006.jpg?sign=1738844055-g9lmTNc92T7HN3DWheNYpUb4a5h4sa3W-0-f6473d8fa0734a88b68cf17523a751d5)
图3-81 参考线效果
![](https://epubservercos.yuewen.com/B82076/15367254505348306/epubprivate/OEBPS/Images/figure_0100_0007.jpg?sign=1738844055-rYgNvOVpMZTrREv72GOewHJUqn9Q744s-0-efa26217b015e349d730761a84d953b0)
图3-82 绘制心形效果
5 填充效果。选中心形图案,禁用描边并填充粉色渐变效果,然后打开色板,复制粉色渐变色板,双击粉色渐变副本色板,打开【渐变选项】对话框,调整参数,如图3-83所示;单击【确定】按钮填充渐变,选择工具箱中的【渐变色板工具】,调整渐变角度,如图3-84所示。
![](https://epubservercos.yuewen.com/B82076/15367254505348306/epubprivate/OEBPS/Images/figure_0100_0009.jpg?sign=1738844055-RreajhL4IvZJ8Kw0NEP3PEjT7PPmbTF9-0-2e07162fdb21644a1fde191a0d634b90)
图3-83 【渐变选项】对话框
![](https://epubservercos.yuewen.com/B82076/15367254505348306/epubprivate/OEBPS/Images/figure_0100_0010.jpg?sign=1738844055-zWGrAXZZtMApwBq4Xhr3cuWc1s47MWBM-0-c92dbd704ac92f74557d56bd91aafed2)
图3-84 调整渐变后的心形效果
6 添加效果。选中心形图案,执行【窗口】|【效果】命令,打开【效果】面板,在【效果】面板的右上角单击倒三角按钮,在下拉菜单中选择效果,然后在弹出的菜单中单击【外发光】,弹出【效果】对话框,在【效果】对话框中设置【外发光】与【光泽】参数,如图3-85所示。单击【确定】按钮,为图形应用效果,如图3-86所示。
![](https://epubservercos.yuewen.com/B82076/15367254505348306/epubprivate/OEBPS/Images/figure_0101_0001.jpg?sign=1738844055-Kh3uxHkuKuoFbGkTSKKFpj0A7TzFPzir-0-08e104f200a618a2b52095d02cd3ca2a)
图3-85 设置【效果】对话框中的参数
![](https://epubservercos.yuewen.com/B82076/15367254505348306/epubprivate/OEBPS/Images/figure_0101_0002.jpg?sign=1738844055-DUiKO3Ryk3moWm8l3lHHZ4dlTqZzH1ut-0-0cd5eb9b1e7bade21ac6c71d511c07a2)
图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=1738844055-ysejhehY0kSSyIt6laxoQyrVJIhoFKef-0-b3e7c9db5da1ab692d60f41a7211360a)
图3-87 复制图形
![](https://epubservercos.yuewen.com/B82076/15367254505348306/epubprivate/OEBPS/Images/figure_0101_0004.jpg?sign=1738844055-oOmhzHU5sWaNKt98QPM2UCGOV4m6MjTo-0-2fcf941fe9eff32541cd8c8a86cbdf78)
图3-88 调整图形
8 调整透明度。选中不同的心形,在控制面板中调整透明度,如图3-89所示。得到最终效果,如图3-90所示。
![](https://epubservercos.yuewen.com/B82076/15367254505348306/epubprivate/OEBPS/Images/figure_0101_0005.jpg?sign=1738844055-O5267BENSDLsnGm8CQg0E2hHGWQihVhn-0-b88c09f16d03990b833f92b0242a29e0)
图3-89 调整透明度
![](https://epubservercos.yuewen.com/B82076/15367254505348306/epubprivate/OEBPS/Images/figure_0101_0006.jpg?sign=1738844055-gr3BrwW0yCJy2iGlA0FPdb5Gy0PzbmsV-0-1c29c56b5f3ad1a32a12a4fbdc494026)
图3-90 最终效果