2.13 将导入的位图转换为矢量图 [Illustrator CC教程]
2018-03-04 19:27
871 查看
原文:http://coolketang.com/staticDesign/5a979a5efe88c20038be87c8.html
1. 本节课将为您演示,如何将导入的位图,转换为矢量图。首先,依次点击[文件 > 置入]命令,置入一张图片。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/20/74daf9f095c35b80d96dfa89dd32ed24.png)
2.
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/20/024f964c3e091d91fe1c653e83188d3b.png)
3. 在弹出的置入窗口中,选择待置入的图片。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/20/880759272c81cccb232fa1a581fc1e16.png)
4. 然后点击[置入]按钮,将选择的图片,置入当前的文档。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/20/f95a28790988b0a655cfd859054913bd.png)
5. 在文档适当位置点击,置入选择的图片。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/20/98f8ca9f94d22beb9cc5b9a4f46639d8.png)
6. 在位图的定界框右下角的锚点处按下鼠标,并拖动至右下方的圆点处,放大图片的显示比例。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/20/f15021e0c4e5ea8cbeb3b6bc74e2724d.png)
7. 位图和矢量图相比,最明显的区别是位图放大会变模糊。同时按下键盘上的快捷键,撤消上一步操作。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/20/a8894840009f82889e24b3181d5d06a0.png)
8. 点击属性栏中的[图像描摹]按钮,将位图转换为矢量图。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/20/c33f7cf5a75a73c8c89593fca58661db.png)
9. 接着点击属性栏中的[图像描摹面板]按钮,弹出图像描摹设置面板。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/20/3c6a153890a5c4aab529d3bed9442339.png)
10. 在弹出的图像描摹窗口中,点击[模式]下拉框,弹出系统预设色彩模式列表。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/20/5ae9552fb4a85574fc3894cd463dd27a.png)
11. 选择列表中的[灰度]选项,作为图像描摹色彩模式。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/20/294dcfe68998cc8caea797c774431ba4.png)
12. [路径]参数,控制描摹形状和原始像素形状间的差异。较低的值,创建较紧密的路径拟和;较高的值,创建较疏松的路径拟和。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/20/4b04ba47975732afd49589fe0f45bf59.png)
13. [边角]参数指定侧重角点。值越大则角点越多。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/20/5357690ecfc9dbd2d8ce657c21942d8e.png)
14. 勾选[忽略白色]复选框,白色填充区域,将被替换为无填充。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/20/54ffa34ddbe8229778c56208b35a293c.png)
15. 点击[关闭]按钮,关闭图像描摹面板。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/20/b8684ca850508526ed882a0a57b6c4d7.png)
16. 按下键盘上的快捷键。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/20/2bb2b72065f1229be0d879ef16b510fc.png)
17. 保持快捷键的按下状态,鼠标拖动等比例放大图形的显示。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/20/354db7ed4efa35357da1cf89460e12ef.png)
18. 然后点击[扩展]按钮,将描摹对象,转化为矢量图形。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/20/66aab9468a7be2c07f7d90935c6750e1.png)
19. 在描摹对象上面双击,可以编辑此对象组。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/20/ef571a85b35285b0f3a10f283fd7c18b.png)
20. 选择海豚的身体。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/20/1f7a729a5f9e21c789f69fe2f4f4e34f.png)
21. 接着在外观面板上点击填充项,修改海豚身体的颜色。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/20/9a9fdaae535d0964aec7b890f107fdda.png)
22. 点击填色下拉框,弹出色板窗口。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/20/dc05a1627cc610f685a756007534d1c8.png)
23. 然后在弹出的色板窗口中,选择一种颜色作为海豚身体的颜色。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/20/6930579c1f5dbd50bf350d2296e0d6e7.png)
24. 在色板窗口外部点击,关闭色板窗口。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/20/8b003ccfb36198e55b1d77f6a236a3d6.png)
25. 继续选择海豚身体的其它部位,并修改它们的填充色。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/20/0e83bae077bcdb39e9f5f980df127741.png)
26. 点击填色下拉框,弹出色板窗口。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/20/6cf78e6847003178ec655159bb97633a.png)
27. 在弹出的色板窗口中,选择一种颜色作为海豚鳍部的颜色。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/20/739988c38cfd9ac6a397372af05ca4a5.png)
28. 继续选择海豚身体的其它部位,并修改它的填充色。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/20/0acde0d8c848f7c7a743c9e33b9c5a55.png)
29. 点击填色下拉框,弹出色板窗口。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/20/4b8dd077e025d691547844cf1f3bc518.png)
30. 在弹出的色板窗口中,选择一种颜色作为海豚鳍部的颜色。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/20/0e7bdc6eee1b388489b14613b16e2768.png)
31. 在色板窗口外部点击,关闭色板窗口。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/20/ceda8ab20cd7d2e6870ee46f6f0ae5c2.png)
32. 接着在文档空白处双击,结束海豚对象的编辑。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/20/c4b87b68f943df20ec423ff4ee4be808.png)
33. 最后点击键盘上的快捷键,保存最终的结果,并结束本节课程。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/20/fab7b1fc99a979ea3a4b88a90f0449d1.png)
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/20/6e7b9f77628e0c8019b1c619e7a20f49.png)
本文整理自:《Illustrator CC互动教程》,真正的[手把手]教学模式,用最快的速度上手Illustrator,苹果商店App Store免费下载:https://itunes.apple.com/cn/app/id1005557436,或扫描本页底部的二维码。课程配套素材下载地址:资料下载
互动教程列表,真正的手把手教学模式,点击或扫码下载:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201803/67f231ff981aa44b763a6c34d9e5ed95)
![](https://oscdn.geek-share.com/Uploads/Images/Content/201803/1f4a9ae76aea6f89c75d92535bb85f0a)
![](https://oscdn.geek-share.com/Uploads/Images/Content/201803/7b86d798b9366f04f5eeb8f8b494f133)
![](https://oscdn.geek-share.com/Uploads/Images/Content/201803/b990787628a9d05d7602a31ea201b7a0)
![](https://oscdn.geek-share.com/Uploads/Images/Content/201803/7649524972360dee6344ffb82f627117)
![](https://oscdn.geek-share.com/Uploads/Images/Content/201803/8cfd6af7586fffbda76ae0d0b988d640)
![](https://oscdn.geek-share.com/Uploads/Images/Content/201803/570431a1104e6851f1fae2456c7bc783)
1. 本节课将为您演示,如何将导入的位图,转换为矢量图。首先,依次点击[文件 > 置入]命令,置入一张图片。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/20/74daf9f095c35b80d96dfa89dd32ed24.png)
2.
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/20/024f964c3e091d91fe1c653e83188d3b.png)
3. 在弹出的置入窗口中,选择待置入的图片。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/20/880759272c81cccb232fa1a581fc1e16.png)
4. 然后点击[置入]按钮,将选择的图片,置入当前的文档。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/20/f95a28790988b0a655cfd859054913bd.png)
5. 在文档适当位置点击,置入选择的图片。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/20/98f8ca9f94d22beb9cc5b9a4f46639d8.png)
6. 在位图的定界框右下角的锚点处按下鼠标,并拖动至右下方的圆点处,放大图片的显示比例。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/20/f15021e0c4e5ea8cbeb3b6bc74e2724d.png)
7. 位图和矢量图相比,最明显的区别是位图放大会变模糊。同时按下键盘上的快捷键,撤消上一步操作。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/20/a8894840009f82889e24b3181d5d06a0.png)
8. 点击属性栏中的[图像描摹]按钮,将位图转换为矢量图。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/20/c33f7cf5a75a73c8c89593fca58661db.png)
9. 接着点击属性栏中的[图像描摹面板]按钮,弹出图像描摹设置面板。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/20/3c6a153890a5c4aab529d3bed9442339.png)
10. 在弹出的图像描摹窗口中,点击[模式]下拉框,弹出系统预设色彩模式列表。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/20/5ae9552fb4a85574fc3894cd463dd27a.png)
11. 选择列表中的[灰度]选项,作为图像描摹色彩模式。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/20/294dcfe68998cc8caea797c774431ba4.png)
12. [路径]参数,控制描摹形状和原始像素形状间的差异。较低的值,创建较紧密的路径拟和;较高的值,创建较疏松的路径拟和。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/20/4b04ba47975732afd49589fe0f45bf59.png)
13. [边角]参数指定侧重角点。值越大则角点越多。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/20/5357690ecfc9dbd2d8ce657c21942d8e.png)
14. 勾选[忽略白色]复选框,白色填充区域,将被替换为无填充。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/20/54ffa34ddbe8229778c56208b35a293c.png)
15. 点击[关闭]按钮,关闭图像描摹面板。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/20/b8684ca850508526ed882a0a57b6c4d7.png)
16. 按下键盘上的快捷键。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/20/2bb2b72065f1229be0d879ef16b510fc.png)
17. 保持快捷键的按下状态,鼠标拖动等比例放大图形的显示。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/20/354db7ed4efa35357da1cf89460e12ef.png)
18. 然后点击[扩展]按钮,将描摹对象,转化为矢量图形。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/20/66aab9468a7be2c07f7d90935c6750e1.png)
19. 在描摹对象上面双击,可以编辑此对象组。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/20/ef571a85b35285b0f3a10f283fd7c18b.png)
20. 选择海豚的身体。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/20/1f7a729a5f9e21c789f69fe2f4f4e34f.png)
21. 接着在外观面板上点击填充项,修改海豚身体的颜色。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/20/9a9fdaae535d0964aec7b890f107fdda.png)
22. 点击填色下拉框,弹出色板窗口。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/20/dc05a1627cc610f685a756007534d1c8.png)
23. 然后在弹出的色板窗口中,选择一种颜色作为海豚身体的颜色。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/20/6930579c1f5dbd50bf350d2296e0d6e7.png)
24. 在色板窗口外部点击,关闭色板窗口。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/20/8b003ccfb36198e55b1d77f6a236a3d6.png)
25. 继续选择海豚身体的其它部位,并修改它们的填充色。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/20/0e83bae077bcdb39e9f5f980df127741.png)
26. 点击填色下拉框,弹出色板窗口。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/20/6cf78e6847003178ec655159bb97633a.png)
27. 在弹出的色板窗口中,选择一种颜色作为海豚鳍部的颜色。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/20/739988c38cfd9ac6a397372af05ca4a5.png)
28. 继续选择海豚身体的其它部位,并修改它的填充色。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/20/0acde0d8c848f7c7a743c9e33b9c5a55.png)
29. 点击填色下拉框,弹出色板窗口。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/20/4b8dd077e025d691547844cf1f3bc518.png)
30. 在弹出的色板窗口中,选择一种颜色作为海豚鳍部的颜色。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/20/0e7bdc6eee1b388489b14613b16e2768.png)
31. 在色板窗口外部点击,关闭色板窗口。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/20/ceda8ab20cd7d2e6870ee46f6f0ae5c2.png)
32. 接着在文档空白处双击,结束海豚对象的编辑。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/20/c4b87b68f943df20ec423ff4ee4be808.png)
33. 最后点击键盘上的快捷键,保存最终的结果,并结束本节课程。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/20/fab7b1fc99a979ea3a4b88a90f0449d1.png)
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/20/6e7b9f77628e0c8019b1c619e7a20f49.png)
本文整理自:《Illustrator CC互动教程》,真正的[手把手]教学模式,用最快的速度上手Illustrator,苹果商店App Store免费下载:https://itunes.apple.com/cn/app/id1005557436,或扫描本页底部的二维码。课程配套素材下载地址:资料下载
互动教程列表,真正的手把手教学模式,点击或扫码下载:
相关文章推荐
- 2.12 对导入的位图使用蒙版遮罩 [Illustrator CC教程]
- 2.10 将外部位图图片导入当前文档 [Illustrator CC教程]
- 2.11 将PSD文档导入当前文档 [Illustrator CC教程]
- 1.9 Illustrator参考线的使用 [Illustrator CC教程]
- 3.11 使用星形工具绘制太阳光芒 [Illustrator CC教程]
- 5.5 使用外面面板中的效果命令制作艺术文字 [Illustrator CC教程]
- 5.17 吸管工具和度量工具的使用 [Illustrator CC教程]
- 5.25 使用半调图案命令制作影印效果 [Illustrator CC教程]
- 1.10 Illustrator网格的使用 [Illustrator CC教程]
- 3.12 五角星的创意变形 [Illustrator CC教程]
- 4.4 使用倾斜工具和整形工具制作图标 [Illustrator CC教程]
- 4.16 使用自由变换工具制作书籍封面 [Illustrator CC教程]
- 5.6 使用描边面板制作动感心电图 [Illustrator CC教程]
- 5.18 使用网格工具组合成梦幻色彩 [Illustrator CC教程]
- 5.26 使用拼缀图命令制作拼贴画效果 [Illustrator CC教程]
- 把位图转换成矢量图的VectorMagic
- 1.11 Illustrator视图的预览模式 [Illustrator CC教程]
- 2.14 图片临摹面板详解 [Illustrator CC教程]
- 3.13 使用画笔工具绘制艺术线条 [Illustrator CC教程]
- 4.5 使用缩放菜单命令编辑艺术树 [Illustrator CC教程]