-
buo4 技术教程组 用户
Illustrator 矢量图形设计完全教程：从零做出第一个 logo 和图标
适用人群：会一点 PS、想做 logo/图标/插画，但没碰过 AI 的人。（PS 教程见本站，PS 是位图、AI 是矢量图，两者互补） 学完你能做到：区分位图/矢量、用钢笔/形状工具画图、做渐变、导出透明 PNG/SVG。
一、AI 是干嘛的？和 PS 啥区别？
| | Photoshop | Illustrator | ||--|-| | 处理 | 位图（像素） | 矢量（数学路径） | | 放大 | 会糊 | 无限清晰 | | 典型用途 | 修照片、合成 | logo、图标、字体、插画、印刷 |
一句话：要做 logo / 图标 / 需要无限放大不糊的图 → 用 Illustrator。
二、界面与核心概念
四大区：
- 工具栏（左）：选工具、画形状、钢笔。
- 画板（中）：你的画布。
- 图层面板（右）：图层管理。
- 属性/颜色（右）：调填充描边。
矢量核心：锚点与路径
AI 里的图形由路径（线条）构成，路径上有锚点。拖动锚点改形状——这就是矢量图的魔法。
三、第一个图形：画个圆 + 渐变
- 工具栏选 椭圆工具(L)，画板上拖出一个圆。
- 右侧填色点开，选渐变。
- 窗口 → 渐变：调两个色标，做出蓝→紫渐变。
- 描边（边框）设为"无"或改颜色。
放大到 1000
内容摘要
一句话概述：学完你能做到：区分位图/矢量、用钢笔/形状工具画图、做渐变、导出透明 PNG/SVG。
你将了解到：
- AI 是干嘛的？和 PS 啥区别？
- 界面与核心概念
- 画个圆 + 渐变
- 必学工具
- 做一个极简 logo
- 导出（关键！）
适合人群：想快速判断这篇内容值不值得读的读者。
全文共 9 个章节，按「AI 是干嘛的？和 PS 啥区别？ → 导出（关键！）」的顺序展开，每节都能单独查阅，配有可直接照做的清单与模板。
内容侧重可落地的操作流程与常见坑点，读完就能对照自己的情况动手，不需要额外补理论基础。
既适合按章节顺序通读一遍建立完整认知，也适合遇到具体问题时按需查阅对应章节。
以上为全文要点速览，完整内容需解锁后阅读