5.1 详细讲解外观面板的使用 [Illustrator CC教程]
2018-03-08 11:32
417 查看
原文:http://coolketang.com/staticDesign/5a97b774128fe1189bd333d2.html
1. 本节课将为您详细讲解外观面板的使用。首先依次点击[窗口 > 外观]命令,弹出外观面板。外观面板是使用外观属性的入口。
![](http://www.coolketang.com/imagesAi/menu5lesson1_1.png)
2. 您可以使用[外观面板]来查看和调整对象、组或图层的外观属性。填充和描边将按堆栈顺序列出。各种效果按其在图稿中的应用顺序,从上到下排列。
![](http://www.coolketang.com/imagesAi/menu5lesson1_2.png)
3. 点击画面中的对象,查看该对象的外观属性。外观属性是一组,在不改变对象基础结构的前提下,影响对象外观的属性。外观属性包括填充、描边、透明度和效果。
![](http://www.coolketang.com/imagesAi/menu5lesson1_3.png)
4. 从外观面板中可以看到,当前复合路径对象拥有四个描边属性、一个填色属性和一个不透明度属性。点击某一属性左侧的可见性图标,可以切换该属性的可见性。
![](http://www.coolketang.com/imagesAi/menu5lesson1_4.png)
5. 继续点击属性左侧的可见性图标,隐藏该项属性。
![](http://www.coolketang.com/imagesAi/menu5lesson1_5.png)
6. 接着在文档空白处点击,取消对图形的选择,并观察在隐藏两个描边属性后,图形的变化。
![](http://www.coolketang.com/imagesAi/menu5lesson1_6.png)
7. 继续选择画面中的对象,查看该对象的外观属性。
![](http://www.coolketang.com/imagesAi/menu5lesson1_7.png)
8. 点击属性名称左侧的三角形,显示该属性的不透明度选项。
![](http://www.coolketang.com/imagesAi/menu5lesson1_8.png)
9. 在[描边]属性名称上点击,可以弹出描边属性面板。
![](http://www.coolketang.com/imagesAi/menu5lesson1_9.png)
10. 点击[粗细]下拉框,弹出系统预设[粗细]列表。
![](http://www.coolketang.com/imagesAi/menu5lesson1_10.png)
11. 在弹出的粗细列表中,选择[2点]选项,作为当前描边属性的宽度数值。
![](http://www.coolketang.com/imagesAi/menu5lesson1_11.png)
12. 点击[描边颜色]下拉箭头,弹出色板窗口。
![](http://www.coolketang.com/imagesAi/menu5lesson1_12.png)
13. 然后选择一种颜色,作为图形的描边颜色。
![](http://www.coolketang.com/imagesAi/menu5lesson1_13.png)
14. 在色板窗口外点击,关闭色板窗口。
![](http://www.coolketang.com/imagesAi/menu5lesson1_14.png)
15. 接着点击[宽度]下拉框,弹出系统预设宽度列表。
![](http://www.coolketang.com/imagesAi/menu5lesson1_15.png)
16. 选择[3点]选项,作为当前描边属性的宽度数值。
![](http://www.coolketang.com/imagesAi/menu5lesson1_16.png)
17. 点击不透明度属性名称,弹出不透明度设置窗口。
![](http://www.coolketang.com/imagesAi/menu5lesson1_17.png)
18. 点击[不透明度]下拉箭头, 弹出系统预设不透明度列表。
![](http://www.coolketang.com/imagesAi/menu5lesson1_18.png)
19. 选择[70%]选项,作为当前描边属性的不透明度数值。
![](http://www.coolketang.com/imagesAi/menu5lesson1_19.png)
20. 在不透明度窗口外点击,关闭不透明度窗口。
![](http://www.coolketang.com/imagesAi/menu5lesson1_20.png)
21. 接着点击属性名称左侧的三角形,显示该属性的不透明度选项。
![](http://www.coolketang.com/imagesAi/menu5lesson1_21.png)
22. 点击外观面板中的[填色]属性。
![](http://www.coolketang.com/imagesAi/menu5lesson1_22.png)
23. 然后点击[填色]下拉箭头,弹出色板窗口。
![](http://www.coolketang.com/imagesAi/menu5lesson1_23.png)
24. 选择一种颜色,作为图形的填充颜色。
![](http://www.coolketang.com/imagesAi/menu5lesson1_24.png)
25. 在色板窗口外点击,关闭色板窗口。
![](http://www.coolketang.com/imagesAi/menu5lesson1_25.png)
26. 接着点击不透明度属性名称,弹出不透明度设置窗口。
![](http://www.coolketang.com/imagesAi/menu5lesson1_26.png)
27. 然后在[不透明度]输入框内,输入当前填色属性的不透明度数值。
![](http://www.coolketang.com/imagesAi/menu5lesson1_27.png)
28. 在不透明度窗口外点击,关闭不透明度窗口。
![](http://www.coolketang.com/imagesAi/menu5lesson1_28.png)
29. 刚才您分别为不同的属性设置了不透明度,如何给所有属性设置统一的不透明度呢?只需要点击最下方的不透明度属性名称,就可设置全部属性的不透明度了。
![](http://www.coolketang.com/imagesAi/menu5lesson1_29.png)
30. 在[不透明度]输入框内,输入当前所有属性的不透明度数值。
![](http://www.coolketang.com/imagesAi/menu5lesson1_30.png)
31. 然后在不透明度窗口外点击,关闭不透明度窗口。
![](http://www.coolketang.com/imagesAi/menu5lesson1_31.png)
32. 依次点击[编辑 > 还原不透明度]命令,撤消上一步操作。
![](http://www.coolketang.com/imagesAi/menu5lesson1_32.png)
33.
![](http://www.coolketang.com/imagesAi/menu5lesson1_33.png)
34. 接着点击外观面板底部的[添加新描边]按钮,给当前图形再添加一个[描边]属性。
![](http://www.coolketang.com/imagesAi/menu5lesson1_34.png)
35. 点击[描边颜色]下拉箭头,弹出色板窗口。
![](http://www.coolketang.com/imagesAi/menu5lesson1_35.png)
36. 选择一种颜色,作为图形的描边颜色。
![](http://www.coolketang.com/imagesAi/menu5lesson1_36.png)
37. 在色板窗口外点击,关闭色板窗口。
![](http://www.coolketang.com/imagesAi/menu5lesson1_37.png)
38. 点击外观面板底部的[添加新填色]按钮,给当前图形再添加一个填色属性。
![](http://www.coolketang.com/imagesAi/menu5lesson1_38.png)
39. 点击[填色]下拉箭头,弹出色板窗口。
![](http://www.coolketang.com/imagesAi/menu5lesson1_39.png)
40. 选择一种图案,作为图形的填充色。
![](http://www.coolketang.com/imagesAi/menu5lesson1_40.png)
41. 在色板窗口外点击,关闭色板窗口。
![](http://www.coolketang.com/imagesAi/menu5lesson1_41.png)
42. 点击外观面板底部的[添加效果]按钮,给当前图形添加一个效果属性。
![](http://www.coolketang.com/imagesAi/menu5lesson1_42.png)
43. 在弹出的效果列表中,依次选择[风格化 > 外发光]命令。
![](http://www.coolketang.com/imagesAi/menu5lesson1_43.png)
44.
![](http://www.coolketang.com/imagesAi/menu5lesson1_44.png)
45. 在弹出的外发光设置窗口中,点击勾选[预览]复选框,实时预览外发光效果。
![](http://www.coolketang.com/imagesAi/menu5lesson1_45.png)
46. 然后点击[确定]按钮,完成外发光效果的设置。
![](http://www.coolketang.com/imagesAi/menu5lesson1_46.png)
47. 点击属性名称左侧的三角形,显示该属性的其它选项。
![](http://www.coolketang.com/imagesAi/menu5lesson1_47.png)
48. 您会发现当前属性多了一个外发光选项,那么如何给所有属性添加效果呢?依次点击[编辑 > 还原外发光]命令。
![](http://www.coolketang.com/imagesAi/menu5lesson1_48.png)
49.
![](http://www.coolketang.com/imagesAi/menu5lesson1_49.png)
50. 然后在外观面板中,选择[复合路径]选项。
![](http://www.coolketang.com/imagesAi/menu5lesson1_50.png)
51. 接着点击外观面板底部的[添加效果]按钮,给当前图形添加一个效果属性。
![](http://www.coolketang.com/imagesAi/menu5lesson1_51.png)
52. 在弹出的效果列表中,依次选择[风格化 > 外发光]命令。
![](http://www.coolketang.com/imagesAi/menu5lesson1_52.png)
53.
![](http://www.coolketang.com/imagesAi/menu5lesson1_53.png)
54. 点击勾选[预览]复选框,实时预览外发光效果。
![](http://www.coolketang.com/imagesAi/menu5lesson1_54.png)
55. 点击[确定]按钮,完成外发光效果的设置。
![](http://www.coolketang.com/imagesAi/menu5lesson1_55.png)
56. 点击外观面板右侧的滚动条,查看底部的属性。
![](http://www.coolketang.com/imagesAi/menu5lesson1_56.png)
57. 您会发现在外观底部添加了一个[外发光]效果,其上方的所有属性,都会受到外发光效果的影响。点击外观面板底部的[清除外观]按钮,可以清除图形的所有外观属性。
![](http://www.coolketang.com/imagesAi/menu5lesson1_57.png)
58. 依次点击[编辑 > 还原清除外观]命令。
![](http://www.coolketang.com/imagesAi/menu5lesson1_58.png)
59.
![](http://www.coolketang.com/imagesAi/menu5lesson1_59.png)
60. 点击外观面板中的[填色]属性。
![](http://www.coolketang.com/imagesAi/menu5lesson1_60.png)
61. 然后点击[复制所选选项]按钮,可以复制当前选择的属性。
![](http://www.coolketang.com/imagesAi/menu5lesson1_61.png)
62. 点击[填色]下拉箭头,弹出色板窗口。
![](http://www.coolketang.com/imagesAi/menu5lesson1_62.png)
63. 选择一种图案,作为图形的填充色。
![](http://www.coolketang.com/imagesAi/menu5lesson1_63.png)
64. 在色板窗口外点击,关闭色板窗口。
![](http://www.coolketang.com/imagesAi/menu5lesson1_64.png)
65. 点击外观面板底部的[删除属性]图标,可以删除当前选择的属性。
![](http://www.coolketang.com/imagesAi/menu5lesson1_65.png)
66. 接着在文档空白处点击,取消对图形的选择。
![](http://www.coolketang.com/imagesAi/menu5lesson1_66.png)
67. 最后点击键盘上的快捷键,保存最终的结果,并结束本节课程。
![](http://www.coolketang.com/imagesAi/menu5lesson1_67.png)
![](http://www.coolketang.com/imagesAi/menu5lesson1_68.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/menu5lesson1_1.png)
2. 您可以使用[外观面板]来查看和调整对象、组或图层的外观属性。填充和描边将按堆栈顺序列出。各种效果按其在图稿中的应用顺序,从上到下排列。
![](http://www.coolketang.com/imagesAi/menu5lesson1_2.png)
3. 点击画面中的对象,查看该对象的外观属性。外观属性是一组,在不改变对象基础结构的前提下,影响对象外观的属性。外观属性包括填充、描边、透明度和效果。
![](http://www.coolketang.com/imagesAi/menu5lesson1_3.png)
4. 从外观面板中可以看到,当前复合路径对象拥有四个描边属性、一个填色属性和一个不透明度属性。点击某一属性左侧的可见性图标,可以切换该属性的可见性。
![](http://www.coolketang.com/imagesAi/menu5lesson1_4.png)
5. 继续点击属性左侧的可见性图标,隐藏该项属性。
![](http://www.coolketang.com/imagesAi/menu5lesson1_5.png)
6. 接着在文档空白处点击,取消对图形的选择,并观察在隐藏两个描边属性后,图形的变化。
![](http://www.coolketang.com/imagesAi/menu5lesson1_6.png)
7. 继续选择画面中的对象,查看该对象的外观属性。
![](http://www.coolketang.com/imagesAi/menu5lesson1_7.png)
8. 点击属性名称左侧的三角形,显示该属性的不透明度选项。
![](http://www.coolketang.com/imagesAi/menu5lesson1_8.png)
9. 在[描边]属性名称上点击,可以弹出描边属性面板。
![](http://www.coolketang.com/imagesAi/menu5lesson1_9.png)
10. 点击[粗细]下拉框,弹出系统预设[粗细]列表。
![](http://www.coolketang.com/imagesAi/menu5lesson1_10.png)
11. 在弹出的粗细列表中,选择[2点]选项,作为当前描边属性的宽度数值。
![](http://www.coolketang.com/imagesAi/menu5lesson1_11.png)
12. 点击[描边颜色]下拉箭头,弹出色板窗口。
![](http://www.coolketang.com/imagesAi/menu5lesson1_12.png)
13. 然后选择一种颜色,作为图形的描边颜色。
![](http://www.coolketang.com/imagesAi/menu5lesson1_13.png)
14. 在色板窗口外点击,关闭色板窗口。
![](http://www.coolketang.com/imagesAi/menu5lesson1_14.png)
15. 接着点击[宽度]下拉框,弹出系统预设宽度列表。
![](http://www.coolketang.com/imagesAi/menu5lesson1_15.png)
16. 选择[3点]选项,作为当前描边属性的宽度数值。
![](http://www.coolketang.com/imagesAi/menu5lesson1_16.png)
17. 点击不透明度属性名称,弹出不透明度设置窗口。
![](http://www.coolketang.com/imagesAi/menu5lesson1_17.png)
18. 点击[不透明度]下拉箭头, 弹出系统预设不透明度列表。
![](http://www.coolketang.com/imagesAi/menu5lesson1_18.png)
19. 选择[70%]选项,作为当前描边属性的不透明度数值。
![](http://www.coolketang.com/imagesAi/menu5lesson1_19.png)
20. 在不透明度窗口外点击,关闭不透明度窗口。
![](http://www.coolketang.com/imagesAi/menu5lesson1_20.png)
21. 接着点击属性名称左侧的三角形,显示该属性的不透明度选项。
![](http://www.coolketang.com/imagesAi/menu5lesson1_21.png)
22. 点击外观面板中的[填色]属性。
![](http://www.coolketang.com/imagesAi/menu5lesson1_22.png)
23. 然后点击[填色]下拉箭头,弹出色板窗口。
![](http://www.coolketang.com/imagesAi/menu5lesson1_23.png)
24. 选择一种颜色,作为图形的填充颜色。
![](http://www.coolketang.com/imagesAi/menu5lesson1_24.png)
25. 在色板窗口外点击,关闭色板窗口。
![](http://www.coolketang.com/imagesAi/menu5lesson1_25.png)
26. 接着点击不透明度属性名称,弹出不透明度设置窗口。
![](http://www.coolketang.com/imagesAi/menu5lesson1_26.png)
27. 然后在[不透明度]输入框内,输入当前填色属性的不透明度数值。
![](http://www.coolketang.com/imagesAi/menu5lesson1_27.png)
28. 在不透明度窗口外点击,关闭不透明度窗口。
![](http://www.coolketang.com/imagesAi/menu5lesson1_28.png)
29. 刚才您分别为不同的属性设置了不透明度,如何给所有属性设置统一的不透明度呢?只需要点击最下方的不透明度属性名称,就可设置全部属性的不透明度了。
![](http://www.coolketang.com/imagesAi/menu5lesson1_29.png)
30. 在[不透明度]输入框内,输入当前所有属性的不透明度数值。
![](http://www.coolketang.com/imagesAi/menu5lesson1_30.png)
31. 然后在不透明度窗口外点击,关闭不透明度窗口。
![](http://www.coolketang.com/imagesAi/menu5lesson1_31.png)
32. 依次点击[编辑 > 还原不透明度]命令,撤消上一步操作。
![](http://www.coolketang.com/imagesAi/menu5lesson1_32.png)
33.
![](http://www.coolketang.com/imagesAi/menu5lesson1_33.png)
34. 接着点击外观面板底部的[添加新描边]按钮,给当前图形再添加一个[描边]属性。
![](http://www.coolketang.com/imagesAi/menu5lesson1_34.png)
35. 点击[描边颜色]下拉箭头,弹出色板窗口。
![](http://www.coolketang.com/imagesAi/menu5lesson1_35.png)
36. 选择一种颜色,作为图形的描边颜色。
![](http://www.coolketang.com/imagesAi/menu5lesson1_36.png)
37. 在色板窗口外点击,关闭色板窗口。
![](http://www.coolketang.com/imagesAi/menu5lesson1_37.png)
38. 点击外观面板底部的[添加新填色]按钮,给当前图形再添加一个填色属性。
![](http://www.coolketang.com/imagesAi/menu5lesson1_38.png)
39. 点击[填色]下拉箭头,弹出色板窗口。
![](http://www.coolketang.com/imagesAi/menu5lesson1_39.png)
40. 选择一种图案,作为图形的填充色。
![](http://www.coolketang.com/imagesAi/menu5lesson1_40.png)
41. 在色板窗口外点击,关闭色板窗口。
![](http://www.coolketang.com/imagesAi/menu5lesson1_41.png)
42. 点击外观面板底部的[添加效果]按钮,给当前图形添加一个效果属性。
![](http://www.coolketang.com/imagesAi/menu5lesson1_42.png)
43. 在弹出的效果列表中,依次选择[风格化 > 外发光]命令。
![](http://www.coolketang.com/imagesAi/menu5lesson1_43.png)
44.
![](http://www.coolketang.com/imagesAi/menu5lesson1_44.png)
45. 在弹出的外发光设置窗口中,点击勾选[预览]复选框,实时预览外发光效果。
![](http://www.coolketang.com/imagesAi/menu5lesson1_45.png)
46. 然后点击[确定]按钮,完成外发光效果的设置。
![](http://www.coolketang.com/imagesAi/menu5lesson1_46.png)
47. 点击属性名称左侧的三角形,显示该属性的其它选项。
![](http://www.coolketang.com/imagesAi/menu5lesson1_47.png)
48. 您会发现当前属性多了一个外发光选项,那么如何给所有属性添加效果呢?依次点击[编辑 > 还原外发光]命令。
![](http://www.coolketang.com/imagesAi/menu5lesson1_48.png)
49.
![](http://www.coolketang.com/imagesAi/menu5lesson1_49.png)
50. 然后在外观面板中,选择[复合路径]选项。
![](http://www.coolketang.com/imagesAi/menu5lesson1_50.png)
51. 接着点击外观面板底部的[添加效果]按钮,给当前图形添加一个效果属性。
![](http://www.coolketang.com/imagesAi/menu5lesson1_51.png)
52. 在弹出的效果列表中,依次选择[风格化 > 外发光]命令。
![](http://www.coolketang.com/imagesAi/menu5lesson1_52.png)
53.
![](http://www.coolketang.com/imagesAi/menu5lesson1_53.png)
54. 点击勾选[预览]复选框,实时预览外发光效果。
![](http://www.coolketang.com/imagesAi/menu5lesson1_54.png)
55. 点击[确定]按钮,完成外发光效果的设置。
![](http://www.coolketang.com/imagesAi/menu5lesson1_55.png)
56. 点击外观面板右侧的滚动条,查看底部的属性。
![](http://www.coolketang.com/imagesAi/menu5lesson1_56.png)
57. 您会发现在外观底部添加了一个[外发光]效果,其上方的所有属性,都会受到外发光效果的影响。点击外观面板底部的[清除外观]按钮,可以清除图形的所有外观属性。
![](http://www.coolketang.com/imagesAi/menu5lesson1_57.png)
58. 依次点击[编辑 > 还原清除外观]命令。
![](http://www.coolketang.com/imagesAi/menu5lesson1_58.png)
59.
![](http://www.coolketang.com/imagesAi/menu5lesson1_59.png)
60. 点击外观面板中的[填色]属性。
![](http://www.coolketang.com/imagesAi/menu5lesson1_60.png)
61. 然后点击[复制所选选项]按钮,可以复制当前选择的属性。
![](http://www.coolketang.com/imagesAi/menu5lesson1_61.png)
62. 点击[填色]下拉箭头,弹出色板窗口。
![](http://www.coolketang.com/imagesAi/menu5lesson1_62.png)
63. 选择一种图案,作为图形的填充色。
![](http://www.coolketang.com/imagesAi/menu5lesson1_63.png)
64. 在色板窗口外点击,关闭色板窗口。
![](http://www.coolketang.com/imagesAi/menu5lesson1_64.png)
65. 点击外观面板底部的[删除属性]图标,可以删除当前选择的属性。
![](http://www.coolketang.com/imagesAi/menu5lesson1_65.png)
66. 接着在文档空白处点击,取消对图形的选择。
![](http://www.coolketang.com/imagesAi/menu5lesson1_66.png)
67. 最后点击键盘上的快捷键,保存最终的结果,并结束本节课程。
![](http://www.coolketang.com/imagesAi/menu5lesson1_67.png)
![](http://www.coolketang.com/imagesAi/menu5lesson1_68.png)
本文整理自:《Illustrator CC互动教程》,真正的[手把手]教学模式,用最快的速度上手Illustrator,苹果商店App Store免费下载:https://itunes.apple.com/cn/app/id1005557436,或扫描本页底部的二维码。课程配套素材下载地址:资料下载
互动教程列表,真正的手把手教学模式,点击或扫码下载:
相关文章推荐
- 5.13 详细讲解渐变面板的使用 [Illustrator CC教程]
- 4.23 详细讲解混合工具的使用 [Illustrator CC教程]
- 5.6 使用描边面板制作动感心电图 [Illustrator CC教程]
- 5.5 使用外面面板中的效果命令制作艺术文字 [Illustrator CC教程]
- 3.1 详细讲解直线段工具 [Illustrator CC教程]
- 5.7 使用画笔面板制作艺术边框 [Illustrator CC教程]
- 3.3 详细讲解弧线工具 [Illustrator CC教程]
- Xcode使用教程详细讲解 (上)
- 这是一份很详细的 Retrofit 2.0 使用教程(含实例讲解)
- Xcode使用教程详细讲解(下)
- java 内部类 匿名内部类 匿名类结合泛型 使用 详细教程 讲解
- 详细的Retrofit 2.0 使用教程(含实例讲解)
- Xcode使用教程详细讲解(下)
- 这是一份很详细的 Retrofit 2.0 使用教程(含实例讲解)
- 这是一份很详细的 Retrofit 2.0 使用教程(含实例讲解)
- Ajenti开源免费的服务器管理面板和Ajenti V虚拟主机面板及安装与使用详细教程
- 详细的 Retrofit 2.0 使用教程(含实例讲解)
- 这是一份很详细的 Retrofit 2.0 使用教程(含实例讲解)
- 这是一份很详细的 Retrofit 2.0 使用教程(含实例讲解)
- Xcode使用教程详细讲解(上)