3.8 使用矩形工具和圆角矩形工具绘制手机壳 [Illustrator CC教程]

1. 本节课将为您演示[矩形工具]和[圆角矩形工具]的使用。首先选择工具箱中的[矩形工具]。


3.8 使用矩形工具和圆角矩形工具绘制手机壳 [Illustrator CC教程]_第1张图片
image

2. 接着在左上角的圆点处按下鼠标,然后滑动到右下角的圆点处,从而创建一个基于两个圆点的矩形。


3.8 使用矩形工具和圆角矩形工具绘制手机壳 [Illustrator CC教程]_第2张图片
image

3. 点击键盘上的删除键,删除创建的矩形对象。


3.8 使用矩形工具和圆角矩形工具绘制手机壳 [Illustrator CC教程]_第3张图片
image

4. 按下键盘上的快捷键。


3.8 使用矩形工具和圆角矩形工具绘制手机壳 [Illustrator CC教程]_第4张图片
image

5. 在拖动绘制矩形的同时,按住该快捷键,可以方便地绘制正方形。


3.8 使用矩形工具和圆角矩形工具绘制手机壳 [Illustrator CC教程]_第5张图片
image

6. 点击键盘上的删除键,删除创建的正方形对象。


3.8 使用矩形工具和圆角矩形工具绘制手机壳 [Illustrator CC教程]_第6张图片
image

7. 接着按下键盘上的另一个快捷键。


3.8 使用矩形工具和圆角矩形工具绘制手机壳 [Illustrator CC教程]_第7张图片
image

8. 在拖动绘制矩形的同时,按住该快捷键,可以绘制以起点为中心点,向四周延伸的矩形。


3.8 使用矩形工具和圆角矩形工具绘制手机壳 [Illustrator CC教程]_第8张图片
image

9. 点击键盘上的删除键,删除创建的矩形对象。


3.8 使用矩形工具和圆角矩形工具绘制手机壳 [Illustrator CC教程]_第9张图片
image

10. 同时按下键盘上的另一组快捷键。


3.8 使用矩形工具和圆角矩形工具绘制手机壳 [Illustrator CC教程]_第10张图片
image

11. 在拖动绘制矩形的同时,按住该快捷键,可以绘制以起点为中心点,向四周延伸的正方形。


3.8 使用矩形工具和圆角矩形工具绘制手机壳 [Illustrator CC教程]_第11张图片
image

12. 点击键盘上的删除键,删除创建的正方形对象。


3.8 使用矩形工具和圆角矩形工具绘制手机壳 [Illustrator CC教程]_第12张图片
image

13. 接着在文档空白处点击,弹出[矩形]选项设置窗口。


3.8 使用矩形工具和圆角矩形工具绘制手机壳 [Illustrator CC教程]_第13张图片
image

14. 在[宽度]输入框内,输入矩形的宽度数值。


3.8 使用矩形工具和圆角矩形工具绘制手机壳 [Illustrator CC教程]_第14张图片
image

15. 同样在[高度]输入框内,输入矩形的高度数值。


3.8 使用矩形工具和圆角矩形工具绘制手机壳 [Illustrator CC教程]_第15张图片
image

16. 然后点击[确定]按钮,完成矩形工具选项的设置,并在文档中创建相应的矩形对象。


3.8 使用矩形工具和圆角矩形工具绘制手机壳 [Illustrator CC教程]_第16张图片
image

17. 点击键盘上的删除键,删除创建的矩形对象。


3.8 使用矩形工具和圆角矩形工具绘制手机壳 [Illustrator CC教程]_第17张图片
image

18. 在文档空白处点击,弹出[矩形]选项设置窗口。


3.8 使用矩形工具和圆角矩形工具绘制手机壳 [Illustrator CC教程]_第18张图片
image

19. 点击[等比例缩放]图标,使矩形的宽度和高度值等比例变化。


3.8 使用矩形工具和圆角矩形工具绘制手机壳 [Illustrator CC教程]_第19张图片
image

20. 在[宽度]输入框内,输入矩形的宽度数值。


3.8 使用矩形工具和圆角矩形工具绘制手机壳 [Illustrator CC教程]_第20张图片
image

21. 点击[确定]按钮,完成矩形工具选项的设置,并在文档中创建相应的矩形对象。


3.8 使用矩形工具和圆角矩形工具绘制手机壳 [Illustrator CC教程]_第21张图片
image

22. 点击键盘上的删除键,删除创建的矩形对象。


3.8 使用矩形工具和圆角矩形工具绘制手机壳 [Illustrator CC教程]_第22张图片
image

23. 接着鼠标长按[矩形工具],弹出隐藏的工具列表。


3.8 使用矩形工具和圆角矩形工具绘制手机壳 [Illustrator CC教程]_第23张图片
image

24. 选择[圆角矩形工具]。圆角矩形和矩形的绘制方法基本相同,区别在于圆角矩形的4个角,呈圆角形状。


3.8 使用矩形工具和圆角矩形工具绘制手机壳 [Illustrator CC教程]_第24张图片
image

25. 在左上角的圆点处按下鼠标,然后滑动到右下角的圆点处,从而创建一个基于两个圆点的圆角矩形。


3.8 使用矩形工具和圆角矩形工具绘制手机壳 [Illustrator CC教程]_第25张图片
image

26. 点击键盘上的删除键,删除创建的圆角矩形对象。


3.8 使用矩形工具和圆角矩形工具绘制手机壳 [Illustrator CC教程]_第26张图片
image

27. 在文档空白处点击,再次打开[圆角矩形]选项设置窗口。


3.8 使用矩形工具和圆角矩形工具绘制手机壳 [Illustrator CC教程]_第27张图片
image

28. 在[宽度]输入框内,输入圆角矩形的宽度数值。


3.8 使用矩形工具和圆角矩形工具绘制手机壳 [Illustrator CC教程]_第28张图片
image

29. 同样在[高度]输入框内,输入圆角矩形的高度数值。


3.8 使用矩形工具和圆角矩形工具绘制手机壳 [Illustrator CC教程]_第29张图片
image

30. 在[圆角半径]输入框内,输入圆角矩形的四个圆角的半径大小。


3.8 使用矩形工具和圆角矩形工具绘制手机壳 [Illustrator CC教程]_第30张图片
image

31. 接着点击[确定]按钮,完成圆角矩形工具选项的设置,并在文档中创建相应的圆角矩形对象。


3.8 使用矩形工具和圆角矩形工具绘制手机壳 [Illustrator CC教程]_第31张图片
image

32. 在图层面板中,点击图层左侧的可见性图标,显示隐藏中的图层。


3.8 使用矩形工具和圆角矩形工具绘制手机壳 [Illustrator CC教程]_第32张图片
image

33. 然后鼠标长按[圆角矩形工具],弹出隐藏的工具列表。


3.8 使用矩形工具和圆角矩形工具绘制手机壳 [Illustrator CC教程]_第33张图片
image

34. 选择[矩形工具]选项。


3.8 使用矩形工具和圆角矩形工具绘制手机壳 [Illustrator CC教程]_第34张图片
image

35. 在左上角的圆点处按下鼠标,然后滑动到右下角的圆点处,从而创建一个基于两个圆点的矩形。


3.8 使用矩形工具和圆角矩形工具绘制手机壳 [Illustrator CC教程]_第35张图片
image

36. 接着在外观面板中,点击[填色]选项。


3.8 使用矩形工具和圆角矩形工具绘制手机壳 [Illustrator CC教程]_第36张图片
image

37. 点击[填色]下拉箭头,弹出色板窗口。


3.8 使用矩形工具和圆角矩形工具绘制手机壳 [Illustrator CC教程]_第37张图片
image

38. 选择一种颜色,作为矩形对象的填充颜色。


3.8 使用矩形工具和圆角矩形工具绘制手机壳 [Illustrator CC教程]_第38张图片
image

39. 在文档空白处点击,关闭色板窗口。


3.8 使用矩形工具和圆角矩形工具绘制手机壳 [Illustrator CC教程]_第39张图片
image

40. 选择工具箱中的[选择工具]。


3.8 使用矩形工具和圆角矩形工具绘制手机壳 [Illustrator CC教程]_第40张图片
image

41. 选择圆角矩形对象。


3.8 使用矩形工具和圆角矩形工具绘制手机壳 [Illustrator CC教程]_第41张图片
image

42. 然后点击[填色]下拉箭头,弹出色板窗口。


3.8 使用矩形工具和圆角矩形工具绘制手机壳 [Illustrator CC教程]_第42张图片
image

43. 选择一种颜色,作为圆角矩形对象的填充颜色。


3.8 使用矩形工具和圆角矩形工具绘制手机壳 [Illustrator CC教程]_第43张图片
image

44. 在文档空白处点击,关闭色板窗口。


3.8 使用矩形工具和圆角矩形工具绘制手机壳 [Illustrator CC教程]_第44张图片
image

45. 继续在文档空白处点击,取消圆角矩形对象的选择。


3.8 使用矩形工具和圆角矩形工具绘制手机壳 [Illustrator CC教程]_第45张图片
image

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


3.8 使用矩形工具和圆角矩形工具绘制手机壳 [Illustrator CC教程]_第46张图片
image
3.8 使用矩形工具和圆角矩形工具绘制手机壳 [Illustrator CC教程]_第47张图片
image

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

你可能感兴趣的:(3.8 使用矩形工具和圆角矩形工具绘制手机壳 [Illustrator CC教程])