5.13 详细讲解渐变面板的使用 [Illustrator CC教程]
2018-03-08 11:51
337 查看
原文:http://coolketang.com/staticDesign/5a97b8c39f5454403c50830f.html
1. 本节课将为您详细讲解渐变面板的使用。首先选择文档中的黑色图形。
![](http://www.coolketang.com/imagesAi/menu5lesson13_1.png)
2. 然后点击工具栏底部的[渐变]图标,给图形填充渐变颜色。渐变是指两个或多个颜色的渐变混合。
![](http://www.coolketang.com/imagesAi/menu5lesson13_2.png)
3. 接着依次点击[窗口 > 渐变]命令,弹出渐变窗口。
![](http://www.coolketang.com/imagesAi/menu5lesson13_3.png)
4.
![](http://www.coolketang.com/imagesAi/menu5lesson13_4.png)
5. 在弹出的渐变窗口中,点击[渐变菜单]下拉箭头。
![](http://www.coolketang.com/imagesAi/menu5lesson13_5.png)
6. 在渐变样式列表中,选择一种径向渐变颜色,即由图形的中心位置,向四周进行颜色的渐变。
![](http://www.coolketang.com/imagesAi/menu5lesson13_6.png)
7. 接着点击[类型]下拉箭头,弹出系统预设渐变类型列表。
![](http://www.coolketang.com/imagesAi/menu5lesson13_7.png)
8. 然后选择[线性]渐变选项。
![](http://www.coolketang.com/imagesAi/menu5lesson13_8.png)
9. 点击此处的反转渐变方向的按钮,反转渐变两端的颜色。
![](http://www.coolketang.com/imagesAi/menu5lesson13_9.png)
10. 点击[角度]右侧的下拉箭头,弹出系统预设角度列表。
![](http://www.coolketang.com/imagesAi/menu5lesson13_10.png)
11. 这里选择[45]度选项,作为线性渐变的角度。
![](http://www.coolketang.com/imagesAi/menu5lesson13_11.png)
12. 在渐变中点上按下鼠标,并向左侧移动渐变中间点,改变中间点在渐变线上的位置,同时观察渐变填充的变化。
![](http://www.coolketang.com/imagesAi/menu5lesson13_12.png)
13. 也可以在位置输入框内,输入50%,作为渐变中间点的位置。
![](http://www.coolketang.com/imagesAi/menu5lesson13_13.png)
14. 接着选择渐变左侧的色标对象。
![](http://www.coolketang.com/imagesAi/menu5lesson13_14.png)
15. 然后使用鼠标双击此色标,弹出色板窗口。
![](http://www.coolketang.com/imagesAi/menu5lesson13_15.png)
16. 选择一种颜色,更改色标对象的颜色。
![](http://www.coolketang.com/imagesAi/menu5lesson13_16.png)
17. 在色板窗口外点击,关闭色板窗口。
![](http://www.coolketang.com/imagesAi/menu5lesson13_17.png)
18. 接着在[不透明度]输入框内,输入此色标颜色的不透明度。
![](http://www.coolketang.com/imagesAi/menu5lesson13_18.png)
19. 依次点击[编辑 > 还原渐变]命令,撤消上一步操作。
![](http://www.coolketang.com/imagesAi/menu5lesson13_19.png)
20.
![](http://www.coolketang.com/imagesAi/menu5lesson13_20.png)
21. 现在您拥有的是双色渐变,如果想在渐变中添加更多的颜色,只需在渐变预览区的下方点击,即可在渐变线上添加新的色标。
![](http://www.coolketang.com/imagesAi/menu5lesson13_21.png)
22. 然后使用鼠标双击此色标,弹出色板窗口。
![](http://www.coolketang.com/imagesAi/menu5lesson13_22.png)
23. 选择一种颜色,更改色标对象的颜色。
![](http://www.coolketang.com/imagesAi/menu5lesson13_23.png)
24. 在色板窗口外点击,关闭色板窗口。
![](http://www.coolketang.com/imagesAi/menu5lesson13_24.png)
25. 和更改渐变线上的中点位置一样,您也可以拖动色标,以调整色标对象在渐变线上的位置。
![](http://www.coolketang.com/imagesAi/menu5lesson13_25.png)
26. 使用同样的方式,继续添加一个色标。
![](http://www.coolketang.com/imagesAi/menu5lesson13_26.png)
27. 然后使用鼠标双击此色标,弹出色板窗口。
![](http://www.coolketang.com/imagesAi/menu5lesson13_27.png)
28. 选择一种颜色,更改色标对象的颜色。
![](http://www.coolketang.com/imagesAi/menu5lesson13_28.png)
29. 在色板窗口外点击,关闭色板窗口。
![](http://www.coolketang.com/imagesAi/menu5lesson13_29.png)
30. 最后修改渐变线上最右侧的色标。
![](http://www.coolketang.com/imagesAi/menu5lesson13_30.png)
31. 使用鼠标双击此色标,弹出色板窗口。
![](http://www.coolketang.com/imagesAi/menu5lesson13_31.png)
32. 同样选择一种颜色,更改该色标对象的填充颜色。
![](http://www.coolketang.com/imagesAi/menu5lesson13_32.png)
33. 在色板窗口外点击,关闭色板窗口。
![](http://www.coolketang.com/imagesAi/menu5lesson13_33.png)
34. 那么如何从渐变线中移除一个色标呢?首先选择渐变线上需要移除的色标。
![](http://www.coolketang.com/imagesAi/menu5lesson13_34.png)
35. 然后点击右侧的[删除色标]按钮,删除选择的色标。
![](http://www.coolketang.com/imagesAi/menu5lesson13_35.png)
36. 在文档空白处点击,取消对图形的选择。
![](http://www.coolketang.com/imagesAi/menu5lesson13_36.png)
37. 最后点击键盘上的快捷键,保存最终的结果,并结束本节课程。
![](http://www.coolketang.com/imagesAi/menu5lesson13_37.png)
![](http://www.coolketang.com/imagesAi/menu5lesson13_38.png)
本文整理自:《Illustrator CC互动教程》,真正的[手把手]教学模式,用最快的速度上手Illustrator,苹果商店App Store免费下载:https://itunes.apple.com/cn/app/id1005557436,或扫描本页底部的二维码。课程配套素材下载地址:资料下载
互动教程列表,真正的手把手教学模式,点击或扫码下载:
![](https://img-blog.csdn.net/20180304165335965)
![](https://img-blog.csdn.net/20180304164804645)
![](https://img-blog.csdn.net/20180304165358690)
![](https://img-blog.csdn.net/20180304165522673)
![](https://img-blog.csdn.net/20180304165545598)
![](https://img-blog.csdn.net/20180304165607546)
![](https://img-blog.csdn.net/2018030416564071)
1. 本节课将为您详细讲解渐变面板的使用。首先选择文档中的黑色图形。
![](http://www.coolketang.com/imagesAi/menu5lesson13_1.png)
2. 然后点击工具栏底部的[渐变]图标,给图形填充渐变颜色。渐变是指两个或多个颜色的渐变混合。
![](http://www.coolketang.com/imagesAi/menu5lesson13_2.png)
3. 接着依次点击[窗口 > 渐变]命令,弹出渐变窗口。
![](http://www.coolketang.com/imagesAi/menu5lesson13_3.png)
4.
![](http://www.coolketang.com/imagesAi/menu5lesson13_4.png)
5. 在弹出的渐变窗口中,点击[渐变菜单]下拉箭头。
![](http://www.coolketang.com/imagesAi/menu5lesson13_5.png)
6. 在渐变样式列表中,选择一种径向渐变颜色,即由图形的中心位置,向四周进行颜色的渐变。
![](http://www.coolketang.com/imagesAi/menu5lesson13_6.png)
7. 接着点击[类型]下拉箭头,弹出系统预设渐变类型列表。
![](http://www.coolketang.com/imagesAi/menu5lesson13_7.png)
8. 然后选择[线性]渐变选项。
![](http://www.coolketang.com/imagesAi/menu5lesson13_8.png)
9. 点击此处的反转渐变方向的按钮,反转渐变两端的颜色。
![](http://www.coolketang.com/imagesAi/menu5lesson13_9.png)
10. 点击[角度]右侧的下拉箭头,弹出系统预设角度列表。
![](http://www.coolketang.com/imagesAi/menu5lesson13_10.png)
11. 这里选择[45]度选项,作为线性渐变的角度。
![](http://www.coolketang.com/imagesAi/menu5lesson13_11.png)
12. 在渐变中点上按下鼠标,并向左侧移动渐变中间点,改变中间点在渐变线上的位置,同时观察渐变填充的变化。
![](http://www.coolketang.com/imagesAi/menu5lesson13_12.png)
13. 也可以在位置输入框内,输入50%,作为渐变中间点的位置。
![](http://www.coolketang.com/imagesAi/menu5lesson13_13.png)
14. 接着选择渐变左侧的色标对象。
![](http://www.coolketang.com/imagesAi/menu5lesson13_14.png)
15. 然后使用鼠标双击此色标,弹出色板窗口。
![](http://www.coolketang.com/imagesAi/menu5lesson13_15.png)
16. 选择一种颜色,更改色标对象的颜色。
![](http://www.coolketang.com/imagesAi/menu5lesson13_16.png)
17. 在色板窗口外点击,关闭色板窗口。
![](http://www.coolketang.com/imagesAi/menu5lesson13_17.png)
18. 接着在[不透明度]输入框内,输入此色标颜色的不透明度。
![](http://www.coolketang.com/imagesAi/menu5lesson13_18.png)
19. 依次点击[编辑 > 还原渐变]命令,撤消上一步操作。
![](http://www.coolketang.com/imagesAi/menu5lesson13_19.png)
20.
![](http://www.coolketang.com/imagesAi/menu5lesson13_20.png)
21. 现在您拥有的是双色渐变,如果想在渐变中添加更多的颜色,只需在渐变预览区的下方点击,即可在渐变线上添加新的色标。
![](http://www.coolketang.com/imagesAi/menu5lesson13_21.png)
22. 然后使用鼠标双击此色标,弹出色板窗口。
![](http://www.coolketang.com/imagesAi/menu5lesson13_22.png)
23. 选择一种颜色,更改色标对象的颜色。
![](http://www.coolketang.com/imagesAi/menu5lesson13_23.png)
24. 在色板窗口外点击,关闭色板窗口。
![](http://www.coolketang.com/imagesAi/menu5lesson13_24.png)
25. 和更改渐变线上的中点位置一样,您也可以拖动色标,以调整色标对象在渐变线上的位置。
![](http://www.coolketang.com/imagesAi/menu5lesson13_25.png)
26. 使用同样的方式,继续添加一个色标。
![](http://www.coolketang.com/imagesAi/menu5lesson13_26.png)
27. 然后使用鼠标双击此色标,弹出色板窗口。
![](http://www.coolketang.com/imagesAi/menu5lesson13_27.png)
28. 选择一种颜色,更改色标对象的颜色。
![](http://www.coolketang.com/imagesAi/menu5lesson13_28.png)
29. 在色板窗口外点击,关闭色板窗口。
![](http://www.coolketang.com/imagesAi/menu5lesson13_29.png)
30. 最后修改渐变线上最右侧的色标。
![](http://www.coolketang.com/imagesAi/menu5lesson13_30.png)
31. 使用鼠标双击此色标,弹出色板窗口。
![](http://www.coolketang.com/imagesAi/menu5lesson13_31.png)
32. 同样选择一种颜色,更改该色标对象的填充颜色。
![](http://www.coolketang.com/imagesAi/menu5lesson13_32.png)
33. 在色板窗口外点击,关闭色板窗口。
![](http://www.coolketang.com/imagesAi/menu5lesson13_33.png)
34. 那么如何从渐变线中移除一个色标呢?首先选择渐变线上需要移除的色标。
![](http://www.coolketang.com/imagesAi/menu5lesson13_34.png)
35. 然后点击右侧的[删除色标]按钮,删除选择的色标。
![](http://www.coolketang.com/imagesAi/menu5lesson13_35.png)
36. 在文档空白处点击,取消对图形的选择。
![](http://www.coolketang.com/imagesAi/menu5lesson13_36.png)
37. 最后点击键盘上的快捷键,保存最终的结果,并结束本节课程。
![](http://www.coolketang.com/imagesAi/menu5lesson13_37.png)
![](http://www.coolketang.com/imagesAi/menu5lesson13_38.png)
本文整理自:《Illustrator CC互动教程》,真正的[手把手]教学模式,用最快的速度上手Illustrator,苹果商店App Store免费下载:https://itunes.apple.com/cn/app/id1005557436,或扫描本页底部的二维码。课程配套素材下载地址:资料下载
互动教程列表,真正的手把手教学模式,点击或扫码下载:
相关文章推荐
- 5.1 详细讲解外观面板的使用 [Illustrator CC教程]
- 4.23 详细讲解混合工具的使用 [Illustrator CC教程]
- 5.15 系统预设渐变库的使用 [Illustrator CC教程]
- 5.7 使用画笔面板制作艺术边框 [Illustrator CC教程]
- 5.5 使用外面面板中的效果命令制作艺术文字 [Illustrator CC教程]
- 3.1 详细讲解直线段工具 [Illustrator CC教程]
- 5.6 使用描边面板制作动感心电图 [Illustrator CC教程]
- 5.14 使用渐变工具编辑渐变填充效果 [Illustrator CC教程]
- 5.16 对描边使用渐变效果绘制图标 [Illustrator CC教程]
- 3.3 详细讲解弧线工具 [Illustrator CC教程]
- 这是一份很详细的 Retrofit 2.0 使用教程(含实例讲解)
- 这是一份很详细的 Retrofit 2.0 使用教程(含实例讲解)
- 这是一份很详细的 Retrofit 2.0 使用教程(含实例讲解)
- java 内部类 匿名内部类 匿名类结合泛型 使用 详细教程 讲解
- 详细的 Retrofit 2.0 使用教程(含实例讲解)
- 这是一份很详细的 Retrofit 2.0 使用教程(含实例讲解)
- 这是一份很详细的 Retrofit 2.0 使用教程(含实例讲解)
- 这是一份很详细的 Retrofit 2.0 使用教程(含实例讲解)
- 这是一份很详细的 Retrofit 2.0 使用教程(含实例讲解)
- Xcode使用教程详细讲解(上)