形状与手绘:在手机上画矢量图形
应用对图形能力的官方表述是「支持矢量与位图,可直接在应用内编辑矢量图形」。这意味着你不必去电脑上画好再导进来——在手机上画、在手机上动画,一气呵成。
为什么矢量图层值得用
- 无限缩放不糊:矢量由数学路径描述,放大到 4K 画布依然边缘锐利;
- 参数化编辑:填充色、描边、圆角随时改,不像位图改一笔要重画;
- 动画友好:路径、填充、描边全部支持关键帧,是动效设计的主力素材。
三种获取形状的路径
内置图形库
元素板块与添加面板里提供现成的形状库:圆形、矩形、星形、箭头、对话气泡、雪花等数十种。做几何转场、图标动画、装饰元素,直接调用最快。
手绘矢量
用绘制工具画自定义路径:点、拖、弧,贝塞尔曲线的操作逻辑与桌面矢量软件一致。画不规则图形、手写签名、简笔角色都用它。配合触控笔(平板)体验更佳。
位图转形状思路
应用不能直接把照片矢量化,但常用替代法:把照片垫在底层描形状,或用遮罩裁剪出形状区域(遮罩用法见编组与遮罩),达到「照片装进图形」的效果。
描边与填充的玩法
- 描边动画:给描边参数打关键帧,让图形像被笔画出来一样「生长」,logo 揭示的经典手法;
- 填充切换:填充色打关键帧做变色呼吸;
- 描边 + 虚线:做出进度环、路径引导线的动态效果。
形状动画的两个常用套路
- 几何转场:全屏色块(矩形)用缩放或位置关键帧扫过画面,切换场景,配弹性缓动干净利落;
- 粒子感装饰:把小圆点、星星多复制几层,各自错帧做漂浮动画,群舞感立刻出来——配合父子级统一驱动更省事(见父子级绑定与角色关节)。