原文:http://coolketang.com/staticDesign/5a97b8c39f5454403c50830f.html
1. 本节课将为您详细讲解渐变面板的使用。首先选择文档中的黑色图形。
![5.13 详细讲解渐变面板的使用 [Illustrator CC教程] 5.13 详细讲解渐变面板的使用 [Illustrator CC教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzE1NC8xYjc4OWY2OGMzMDZiZTg4ZmY3ZDA4OTA4NGQxODMxMi5wbmc%3D.png?w=700)
2. 然后点击工具栏底部的[渐变]图标,给图形填充渐变颜色。渐变是指两个或多个颜色的渐变混合。
![5.13 详细讲解渐变面板的使用 [Illustrator CC教程] 5.13 详细讲解渐变面板的使用 [Illustrator CC教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzI3OC9mZDVkMTkyMTQ5ODA2NTc3OGIzYmY3ZDM2MDc5NWY0Ni5wbmc%3D.png?w=700)
3. 接着依次点击[窗口 > 渐变]命令,弹出渐变窗口。
![5.13 详细讲解渐变面板的使用 [Illustrator CC教程] 5.13 详细讲解渐变面板的使用 [Illustrator CC教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzY4OS8xMWJjNDcxOGJmZWUzNzE4NTU1ZjJiMWY2YzIwMjc3MS5wbmc%3D.png?w=700)
4.
![5.13 详细讲解渐变面板的使用 [Illustrator CC教程] 5.13 详细讲解渐变面板的使用 [Illustrator CC教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzg2Ni9lNmZmZjZkYTE0ZTk2ZmMyNTUwYjg4MmU0N2I3OTY1Mi5wbmc%3D.png?w=700)
5. 在弹出的渐变窗口中,点击[渐变菜单]下拉箭头。
![5.13 详细讲解渐变面板的使用 [Illustrator CC教程] 5.13 详细讲解渐变面板的使用 [Illustrator CC教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzcwMC85NTEyOGYwYzZmODAwMzliNTg5ZDUyMmMyNmY0MjkwYy5wbmc%3D.png?w=700)
6. 在渐变样式列表中,选择一种径向渐变颜色,即由图形的中心位置,向四周进行颜色的渐变。
![5.13 详细讲解渐变面板的使用 [Illustrator CC教程] 5.13 详细讲解渐变面板的使用 [Illustrator CC教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzQwOS84ZTAzOTdlNGFmNTc1ZDU3MTZjNDNjNmVlYmU5ZGU2OS5wbmc%3D.png?w=700)
7. 接着点击[类型]下拉箭头,弹出系统预设渐变类型列表。
![5.13 详细讲解渐变面板的使用 [Illustrator CC教程] 5.13 详细讲解渐变面板的使用 [Illustrator CC教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzg1OS9mNTc2YzJhYTYyOWVhODQ4YjU4Njg0NmI0NTdkNzY0Yi5wbmc%3D.png?w=700)
8. 然后选择[线性]渐变选项。
![5.13 详细讲解渐变面板的使用 [Illustrator CC教程] 5.13 详细讲解渐变面板的使用 [Illustrator CC教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzEwNC8yYWRhMjg4ODc5MjVmMzU3N2FmYmFjNGRjYzNiZjk2MC5wbmc%3D.png?w=700)
9. 点击此处的反转渐变方向的按钮,反转渐变两端的颜色。
![5.13 详细讲解渐变面板的使用 [Illustrator CC教程] 5.13 详细讲解渐变面板的使用 [Illustrator CC教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzU1MS8yZDc3MGQ5N2RlZmEyMTFhZDNiOTQ3OWI2MTE2NDM3Ny5wbmc%3D.png?w=700)
10. 点击[角度]右侧的下拉箭头,弹出系统预设角度列表。
![5.13 详细讲解渐变面板的使用 [Illustrator CC教程] 5.13 详细讲解渐变面板的使用 [Illustrator CC教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzkwL2MxMGVmOGIwNmZiMWM3ZjFjZGJlNjlmOWZhY2IwZTMyLnBuZw%3D%3D.png?w=700)
11. 这里选择[45]度选项,作为线性渐变的角度。
![5.13 详细讲解渐变面板的使用 [Illustrator CC教程] 5.13 详细讲解渐变面板的使用 [Illustrator CC教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzkwMC9hNzYwZDcwZDExYjczNzZkYjBkNzc2NzlhNTc1OTJkNC5wbmc%3D.png?w=700)
12. 在渐变中点上按下鼠标,并向左侧移动渐变中间点,改变中间点在渐变线上的位置,同时观察渐变填充的变化。
![5.13 详细讲解渐变面板的使用 [Illustrator CC教程] 5.13 详细讲解渐变面板的使用 [Illustrator CC教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzQ4OS85NmUwNjQ0NmQxZDRlNmZmZGE2NWIyMTBmNTcwYzNmOS5wbmc%3D.png?w=700)
13. 也可以在位置输入框内,输入50%,作为渐变中间点的位置。
![5.13 详细讲解渐变面板的使用 [Illustrator CC教程] 5.13 详细讲解渐变面板的使用 [Illustrator CC教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzMwMS9jZWM5YWU3MjVhYTU3NDcwMzkwNDhiODRhMzBjMTcwZC5wbmc%3D.png?w=700)
14. 接着选择渐变左侧的色标对象。
![5.13 详细讲解渐变面板的使用 [Illustrator CC教程] 5.13 详细讲解渐变面板的使用 [Illustrator CC教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzUxMC83NGRkM2QzYTkxZTY1ZjdhZDg4ZjQwMjgyODgwZmI5Ni5wbmc%3D.png?w=700)
15. 然后使用鼠标双击此色标,弹出色板窗口。
![5.13 详细讲解渐变面板的使用 [Illustrator CC教程] 5.13 详细讲解渐变面板的使用 [Illustrator CC教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzkyMy81NjQyNmZmMzQ0NTBmZmUzYzc2MmMxYTJmZWNiZDBlYi5wbmc%3D.png?w=700)
16. 选择一种颜色,更改色标对象的颜色。
![5.13 详细讲解渐变面板的使用 [Illustrator CC教程] 5.13 详细讲解渐变面板的使用 [Illustrator CC教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzYxNC85YWI4NDA4MjgwM2U0OGJiNjQyYzYzM2EyZTYzODc4ZS5wbmc%3D.png?w=700)
17. 在色板窗口外点击,关闭色板窗口。
![5.13 详细讲解渐变面板的使用 [Illustrator CC教程] 5.13 详细讲解渐变面板的使用 [Illustrator CC教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzk1Ny82YjBkM2E5MDNhNmZmNWQyNDZiODg2ZGE1YTQ2YTVhNS5wbmc%3D.png?w=700)
18. 接着在[不透明度]输入框内,输入此色标颜色的不透明度。
![5.13 详细讲解渐变面板的使用 [Illustrator CC教程] 5.13 详细讲解渐变面板的使用 [Illustrator CC教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzI4NS81YTc5NTE1Mjk4M2VmZWJmY2E5YjVlYzZkOWRlNGRlZC5wbmc%3D.png?w=700)
19. 依次点击[编辑 > 还原渐变]命令,撤消上一步操作。
![5.13 详细讲解渐变面板的使用 [Illustrator CC教程] 5.13 详细讲解渐变面板的使用 [Illustrator CC教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzQ3My9jMDYwZTkzOGVlOWM1NTZhMjA3ZWZmMjFlMzhiYmJkOS5wbmc%3D.png?w=700)
20.
![5.13 详细讲解渐变面板的使用 [Illustrator CC教程] 5.13 详细讲解渐变面板的使用 [Illustrator CC教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzUzNS8wNjI4YzI1YzBlMzM2OGVhMzFmYzNhNGIwZmIwNWRhNy5wbmc%3D.png?w=700)
21. 现在您拥有的是双色渐变,如果想在渐变中添加更多的颜色,只需在渐变预览区的下方点击,即可在渐变线上添加新的色标。
![5.13 详细讲解渐变面板的使用 [Illustrator CC教程] 5.13 详细讲解渐变面板的使用 [Illustrator CC教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzk4Ni8zNmE2MmFiNTk1YmNjNTlhMjJiNDIxMzk3NGEzMTA5Mi5wbmc%3D.png?w=700)
22. 然后使用鼠标双击此色标,弹出色板窗口。
![5.13 详细讲解渐变面板的使用 [Illustrator CC教程] 5.13 详细讲解渐变面板的使用 [Illustrator CC教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzMyNC82NjJjZTBiY2JhZWEyNDc5YTg1MjZhZDM0MjhhZmJhYy5wbmc%3D.png?w=700)
23. 选择一种颜色,更改色标对象的颜色。
![5.13 详细讲解渐变面板的使用 [Illustrator CC教程] 5.13 详细讲解渐变面板的使用 [Illustrator CC教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzc5Ni81ZTQxYTIwNWZjZDhiZDk1ZDVjOGU1NDQzZmRjZWQ1NC5wbmc%3D.png?w=700)
24. 在色板窗口外点击,关闭色板窗口。
![5.13 详细讲解渐变面板的使用 [Illustrator CC教程] 5.13 详细讲解渐变面板的使用 [Illustrator CC教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzQ2Ni83ODNhODMwNzg5OWYyNDI1ZGVjMDVmZGVjODYzNmVlMi5wbmc%3D.png?w=700)
25. 和更改渐变线上的中点位置一样,您也可以拖动色标,以调整色标对象在渐变线上的位置。
![5.13 详细讲解渐变面板的使用 [Illustrator CC教程] 5.13 详细讲解渐变面板的使用 [Illustrator CC教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzg0OC8wZjhmNGI4ZGIxZDNjNmNmZjc3MGM5NGY1ODYxM2M5OC5wbmc%3D.png?w=700)
26. 使用同样的方式,继续添加一个色标。
![5.13 详细讲解渐变面板的使用 [Illustrator CC教程] 5.13 详细讲解渐变面板的使用 [Illustrator CC教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzQ3MC9kODY3MmY1NWRmM2Y5ZDU0NTk1NTlkN2I1ZjdjNzhmZS5wbmc%3D.png?w=700)
27. 然后使用鼠标双击此色标,弹出色板窗口。
![5.13 详细讲解渐变面板的使用 [Illustrator CC教程] 5.13 详细讲解渐变面板的使用 [Illustrator CC教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzc0L2IyZjQ3YTA1MmIyYzZiNDI4ZDg1OTk4NDExZDQ2Y2VhLnBuZw%3D%3D.png?w=700)
28. 选择一种颜色,更改色标对象的颜色。
![5.13 详细讲解渐变面板的使用 [Illustrator CC教程] 5.13 详细讲解渐变面板的使用 [Illustrator CC教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzk0Ni8wYmI3M2U0ZDA0NmI1YzgwN2ZhMWM4MTg1ODUxYWZlMi5wbmc%3D.png?w=700)
29. 在色板窗口外点击,关闭色板窗口。
![5.13 详细讲解渐变面板的使用 [Illustrator CC教程] 5.13 详细讲解渐变面板的使用 [Illustrator CC教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzczMC9jYmRiZTEwMmYwMjMxZWMyNDUyNTcyZmU2YjJkZTFiYS5wbmc%3D.png?w=700)
30. 最后修改渐变线上最右侧的色标。
![5.13 详细讲解渐变面板的使用 [Illustrator CC教程] 5.13 详细讲解渐变面板的使用 [Illustrator CC教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzgxNS81Y2Y3OGQ4NmJjNzYyMzExNDc1NzhlYThmODA1NjFhZi5wbmc%3D.png?w=700)
31. 使用鼠标双击此色标,弹出色板窗口。
![5.13 详细讲解渐变面板的使用 [Illustrator CC教程] 5.13 详细讲解渐变面板的使用 [Illustrator CC教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzgzNy85ZTcxNGRkODFkNTQyNTkyOWFhNDIzN2FlODBkMGJiNS5wbmc%3D.png?w=700)
32. 同样选择一种颜色,更改该色标对象的填充颜色。
![5.13 详细讲解渐变面板的使用 [Illustrator CC教程] 5.13 详细讲解渐变面板的使用 [Illustrator CC教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzU3OS8wNjZkZWRhOTBiNDhhNjM1MjhlYzBhN2EwNTI1NWMxMy5wbmc%3D.png?w=700)
33. 在色板窗口外点击,关闭色板窗口。
![5.13 详细讲解渐变面板的使用 [Illustrator CC教程] 5.13 详细讲解渐变面板的使用 [Illustrator CC教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzU5OS9kMDliMTAwMjAwNDgxYjQ3ZDhmODE3OTIzOWI2ODBkZi5wbmc%3D.png?w=700)
34. 那么如何从渐变线中移除一个色标呢?首先选择渐变线上需要移除的色标。
![5.13 详细讲解渐变面板的使用 [Illustrator CC教程] 5.13 详细讲解渐变面板的使用 [Illustrator CC教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzMwNi8zOWM5ZjQ5MmY1YjI2YjVlMWQ0ZjU3NTA0ODczOGU1YS5wbmc%3D.png?w=700)
35. 然后点击右侧的[删除色标]按钮,删除选择的色标。
![5.13 详细讲解渐变面板的使用 [Illustrator CC教程] 5.13 详细讲解渐变面板的使用 [Illustrator CC教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzkxNC9jNDk1NzM1MjNiODMwNTc4MjY1YjkyOTg0ZmI2NzJkMi5wbmc%3D.png?w=700)
36. 在文档空白处点击,取消对图形的选择。
![5.13 详细讲解渐变面板的使用 [Illustrator CC教程] 5.13 详细讲解渐变面板的使用 [Illustrator CC教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzg1OS8wY2I3M2ZlMjdjZTUzNWFmZTAwMDI2MzM2ODI5YWIyMy5wbmc%3D.png?w=700)
37. 最后点击键盘上的快捷键,保存最终的结果,并结束本节课程。
![5.13 详细讲解渐变面板的使用 [Illustrator CC教程] 5.13 详细讲解渐变面板的使用 [Illustrator CC教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzkwMC84ODE1Y2UyMzQyNmMyYWEyZWQ3Zjc3ZWMxOWRlYzM2Yy5wbmc%3D.png?w=700)
![5.13 详细讲解渐变面板的使用 [Illustrator CC教程] 5.13 详细讲解渐变面板的使用 [Illustrator CC教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzIwMy8wZDQ3ZWViNTg5ZjZhYjZjNGNmZDVmODJlOGY0MGRlYi5wbmc%3D.png?w=700)
本文整理自:《Illustrator CC互动教程》,真正的[手把手]教学模式,用最快的速度上手Illustrator,苹果商店App Store免费下载:https://itunes.apple.com/cn/app/id1005557436,或扫描本页底部的二维码。课程配套素材下载地址:资料下载