b.Bison创作与开发笔记

学习路线

VectorPaint 矢量设计学习路线

从形状、填充与描边开始，学习路径节点、图层、渐变和文字，完成设计练习并选择 SVG、PNG 或 PDF 交付。

从第一篇开始 了解 VectorPaint

第一次接触矢量图，可以先用几何形状完成一个小图标，再学习路径与节点。熟悉对象操作后，再组合颜色、文字与图层制作设计练习。

交付前先明确对方需要可编辑路径还是显示图片。SVG 和 PDF 也可能包含位图，导出格式不会自动改变原来对象的性质。

画布与基本形状

从一个小图标开始，熟悉尺寸、几何形状、填充和描边。

  1. VectorPaint 入门：用形状制作图标并导出 SVG

    从圆形与矩形组成的小图标开始，学习 VectorPaint 的画布、填充与描边、图层组织，以及 SVG / PNG 导出选择。

    约 7 分钟

  2. VectorPaint 画布尺寸怎么选：分清 px、pt、mm 与导出像素

    用方形图标和印刷小卡两个例子，区分画布比例、文档单位、屏幕缩放和 PNG 最终像素，避免创建后反复返工。

    约 7 分钟

  3. VectorPaint 几何形状练习：用矩形与圆形搭出一间小屋

    用一张小屋插画练习矩形、椭圆、选择、尺寸、层叠与比例，先建立形状结构，再进入复杂路径编辑。

    约 7 分钟

  4. VectorPaint 填充与描边：做出清楚的色块和统一线条

    通过三个圆形比较填充、无填充、描边宽度与透明度，理解看不见、线太粗和多选修改失误的原因。

    约 7 分钟

路径与对象整理

练习曲线与节点，再用图层、对齐和参考线整理画面。

  1. VectorPaint 钢笔教程：用少量锚点画一片叶子

    从直线三角形过渡到闭合叶片，用钢笔理解锚点、控制柄和曲线方向，减少节点堆积与轮廓折痕。

    约 7 分钟

  2. VectorPaint 贝塞尔节点编辑：修平曲线而不堆积锚点

    用叶片轮廓练习锚点移动、控制柄方向和尖角检查，把整体变形与局部曲线修正分开处理。

    约 7 分钟

  3. VectorPaint 图层与分组：让复杂作品容易选择和修改

    用背景、主体、文字三层组织一张小卡，理解图层、分组、遮挡、锁定和隐藏的用途。

    约 7 分钟

  4. VectorPaint 对齐与分布：排好一组三个按钮图标

    用三个不同宽度的图形理解边缘对齐、居中和等距分布，区分中心距离与边缘空隙。

    约 7 分钟

  5. VectorPaint 网格与辅助线：建立图标和海报的构图参照

    通过网格、吸附和辅助线控制边距与位置，同时保留必要的光学修正，避免把辅助线画进成品。

    约 7 分钟

文字、色彩与素材

组合文字、渐变和蒙版，并理解导入素材与矢量化的边界。

  1. VectorPaint 文字排版：做一张信息清楚的活动小卡

    通过标题、说明和日期三个文字层级，练习内容、字体、字号、对齐与留白，避免小卡只有装饰没有信息。

    约 7 分钟

  2. VectorPaint 路径文字：沿弧线制作一枚文字徽章

    用短标题和简单弧线练习文字沿路径排列，处理方向、曲率和字数，保留文字原稿以便后续修改。

    约 7 分钟

  3. VectorPaint 渐变教程：为一个圆形建立清楚的明暗方向

    从两色线性渐变开始，再比较径向渐变，理解色标、方向、透明度与缩小后的可读性。

    约 7 分钟

  4. VectorPaint 蒙版练习：把图案限制在圆形窗口里

    用三个色块和一个圆形制作剪切效果，理解蒙版、层叠与位图边界，不把裁剪误认为矢量化。

    约 7 分钟

  5. VectorPaint 导入 SVG：先检查结构，再修改路径与颜色

    用一个简单 SVG 做导入检查，区分路径、文字、位图与蒙版，避免把扩展名误当成完整可编辑性的保证。

    约 7 分钟

  6. VectorPaint 图片矢量化：把清楚的线稿变成可编辑路径

    从黑白叶片剪影练习图片矢量化，比较阈值、颜色数量与预览结果，理解照片量化和路径复杂度的取舍。

    约 7 分钟

输出与综合练习

选择合适的交付格式，完成图标和海报练习，保存可继续编辑的原稿。

  1. VectorPaint 透明 PNG 导出：去掉白底并保留干净边缘

    用一个单色图标排查透明背景、实色底板和最终像素，分别在深浅背景上检查导出结果。

    约 6 分钟

  2. VectorPaint 导出格式怎么选：SVG、PDF、PNG 与原稿的分工

    按继续编辑、网页展示和文档交付三个目标选择格式，说明位图、文字与透明背景在交付中的边界。

    约 7 分钟

  3. VectorPaint 实作：设计一枚缩小后仍清楚的单色山形图标

    从剪影、负空间和线宽出发，完成一枚山形图标练习，并以 32、64、128 像素的使用场景检查辨识度。

    约 6 分钟

  4. VectorPaint 实作：用几何色块与文字做一张创作活动海报

    用标题区、主图区和信息区组织竖版海报，把形状、渐变、对齐和文字知识串成一次完整练习。

    约 7 分钟

  5. VectorPaint 原稿保存与备份：让下一次修改找得到文件

    用清楚的文件命名、原稿副本和恢复检查建立创作记录，区分撤销、版本、最近删除与独立备份。

    约 7 分钟