5.6 使用描边面板制作动感心电图 [Illustrator CC教程]

1. 本节课将为您详细讲解[描边]面板的使用。首先依次点击[窗口 > 描边]命令,弹出描边面板。


5.6 使用描边面板制作动感心电图 [Illustrator CC教程]_第1张图片
image

2. 使用描边面板可以指定线条是实线还是虚线,还可以设置虚线的顺序、描边的粗细、描边的对齐方式、斜接限制、箭头、宽度配置文件,和线条连接的样式以及线条端点。


5.6 使用描边面板制作动感心电图 [Illustrator CC教程]_第2张图片
image

3. 选择文档中的心电图(折线路径),查看折线路径的外观属性。


5.6 使用描边面板制作动感心电图 [Illustrator CC教程]_第3张图片
image

4. 然后在描边面板中,点击[描边粗细]下拉箭头,弹出系统预设粗细列表。


5.6 使用描边面板制作动感心电图 [Illustrator CC教程]_第4张图片
image

5. 在此选择[12点]选项,作为描边的宽度。


5.6 使用描边面板制作动感心电图 [Illustrator CC教程]_第5张图片
image

6. 端点是指一条开放线段两端的端点,共有平头端点、圆头端点和方头端点三种样式。这里选择[圆头端点],建立具有半圆形端点的描边线。


5.6 使用描边面板制作动感心电图 [Illustrator CC教程]_第6张图片
image

7. 接着选择[方头端点],创建具有方形端点,且在线段端点之外,延伸出线条宽度的一半的描边线。此选项使线段的粗细,沿线段向各方向进行均匀延伸。


5.6 使用描边面板制作动感心电图 [Illustrator CC教程]_第7张图片
image

8. 选择[平头端点],创建具有方形端点的描边线。


5.6 使用描边面板制作动感心电图 [Illustrator CC教程]_第8张图片
image

9. 边角是指直线段改变方向即拐角的地方。共有斜接连接、圆角连接、斜角连接三种样式。首先选择[圆角连接],创建具有圆角的描边线。


5.6 使用描边面板制作动感心电图 [Illustrator CC教程]_第9张图片
image

10. 接着选择[斜角连接],创建具有方形拐角的描边线。


5.6 使用描边面板制作动感心电图 [Illustrator CC教程]_第10张图片
image

11. 选择[斜接连接],创建具有点式拐角的描边线。默认斜接的限制为 10,这意味着点的长度达到描边粗细的 10 倍时,程序将从斜接连接切换为斜角连接。


5.6 使用描边面板制作动感心电图 [Illustrator CC教程]_第11张图片
image

12. 接着选择文档中的心形,查看心形图形的外观属性。


5.6 使用描边面板制作动感心电图 [Illustrator CC教程]_第12张图片
image

13. 如果对象是封闭路径,可以选择三种描边沿路径的对齐方式:使描边居中对齐、使描边内侧对齐、使描边外侧对齐。首先选择[使描边内侧对齐]选项,系统将在路径的内侧进行描边。


5.6 使用描边面板制作动感心电图 [Illustrator CC教程]_第13张图片
image

14. 接着选择[使描边外侧对齐]选项,沿路径的外侧进行描边。


5.6 使用描边面板制作动感心电图 [Illustrator CC教程]_第14张图片
image

15. 选择[使描边居中对齐]选项,沿路径的中心位置进行描边。


5.6 使用描边面板制作动感心电图 [Illustrator CC教程]_第15张图片
image

16. 选择文档中的心电图,查看它的外观属性。


5.6 使用描边面板制作动感心电图 [Illustrator CC教程]_第16张图片
image

17. 然后点击勾选[虚线]复选框,将直线段路径转换为虚线段路径。


5.6 使用描边面板制作动感心电图 [Illustrator CC教程]_第17张图片
image

18. 点击激活[使虚线与边角路径终端对齐]图标,使虚线与边角和路径终端对齐,并调整到适合长度。此选项可让各角的虚线,和路径的尾端保持一致。


5.6 使用描边面板制作动感心电图 [Illustrator CC教程]_第18张图片
image

19. 如果需要在不对齐的情况下保留虚线外观,可以点击激活[保留虚线和间隙的精确长度]图标。


5.6 使用描边面板制作动感心电图 [Illustrator CC教程]_第19张图片
image

20. 通过输入虚线的长度和虚线间的间隙,来指定虚线的长度次序。


5.6 使用描边面板制作动感心电图 [Illustrator CC教程]_第20张图片
image

21. 输入的数字将会按照次序进行重复排列,因此只要建立了图案,则无须再一一填写所有文本框。


5.6 使用描边面板制作动感心电图 [Illustrator CC教程]_第21张图片
image

22. 相邻的虚线长度是可以不相同的,所以在第二个虚线长度输入框内,输入与第一个虚线长度不同的数字,并观察图形的变化。


5.6 使用描边面板制作动感心电图 [Illustrator CC教程]_第22张图片
image

23. 同样,虚线间隙的长度也可以不相同。


5.6 使用描边面板制作动感心电图 [Illustrator CC教程]_第23张图片
image

24. 点击取消勾选[虚线]复选框,将虚线段路径转换为直线段路径。


5.6 使用描边面板制作动感心电图 [Illustrator CC教程]_第24张图片
image

25. 点击左侧的[箭头]样式下拉箭头,弹出系统预设箭头样式列表。


5.6 使用描边面板制作动感心电图 [Illustrator CC教程]_第25张图片
image

26. 在垂直滚动条上点击,查看隐藏的箭头样式。


5.6 使用描边面板制作动感心电图 [Illustrator CC教程]_第26张图片
image

27. 选择所需的箭头样式,指定给路径的左端点。


5.6 使用描边面板制作动感心电图 [Illustrator CC教程]_第27张图片
image

28. 然后在[缩放]输入框内,输入左端点箭头的缩放比例。


5.6 使用描边面板制作动感心电图 [Illustrator CC教程]_第28张图片
image

29. 接着点击右侧的[箭头]样式下拉箭头,弹出系统预设箭头样式列表。


5.6 使用描边面板制作动感心电图 [Illustrator CC教程]_第29张图片
image

30. 选择所需的箭头样式,指定给路径的右端点。


5.6 使用描边面板制作动感心电图 [Illustrator CC教程]_第30张图片
image

31. 同样在[缩放]输入框内,输入右端点箭头的缩放比例。


5.6 使用描边面板制作动感心电图 [Illustrator CC教程]_第31张图片
image

32. 点击[交换箭头]图标,可以交换左右两端点的箭头样式。


5.6 使用描边面板制作动感心电图 [Illustrator CC教程]_第32张图片
image

33. 再次点击[交换箭头]图标,恢复左右两端点的箭头样式。


5.6 使用描边面板制作动感心电图 [Illustrator CC教程]_第33张图片
image

34. 使用[对齐]选项,还可以调整路径,以对齐箭头尖端或箭头的末端。选择[在路径末端放置箭头笔尖]选项,使箭头处于端点的内侧。


5.6 使用描边面板制作动感心电图 [Illustrator CC教程]_第34张图片
image

35. 选择[扩展箭头笔尖超过路径末端]选项,使箭头处于端点的外侧。


5.6 使用描边面板制作动感心电图 [Illustrator CC教程]_第35张图片
image

36. 点击[配置文件]下拉箭头,可以设置路径的宽度样式。


5.6 使用描边面板制作动感心电图 [Illustrator CC教程]_第36张图片
image

37. 选择一种宽度样式,指定给当前路径。


5.6 使用描边面板制作动感心电图 [Illustrator CC教程]_第37张图片
image

38. 点击[纵向翻转]图标,交换路径水平方向上的宽度样式。


5.6 使用描边面板制作动感心电图 [Illustrator CC教程]_第38张图片
image

39. 再次点击[纵向翻转]图标,恢复路径水平方向上的宽度样式。


5.6 使用描边面板制作动感心电图 [Illustrator CC教程]_第39张图片
image

40. 在路径上按下鼠标,并向右拖动路径,使路径大致位于心形的中心位置。


5.6 使用描边面板制作动感心电图 [Illustrator CC教程]_第40张图片
image

41. 接着在文档空白处点击,取消对路径的选择。


5.6 使用描边面板制作动感心电图 [Illustrator CC教程]_第41张图片
image

42. 最后点击键盘上的快捷键,保存最终的结果,并结束本节课程。


5.6 使用描边面板制作动感心电图 [Illustrator CC教程]_第42张图片
image
5.6 使用描边面板制作动感心电图 [Illustrator CC教程]_第43张图片
image

本文整理自:《Illustrator CC互动教程》,真正的[手把手]教学模式,用最快的速度上手Illustrator,苹果商店App Store免费下载:https://itunes.apple.com/cn/app/id1005557436,或扫描本页底部的二维码。课程配套素材下载地址:资料下载

你可能感兴趣的:(5.6 使用描边面板制作动感心电图 [Illustrator CC教程])