如何使用Principle for mac制作中文笔划书写动效图？Principle for mac使用教程

Principle for mac是一款非常神奇的交互原型设计软件。此软件可以让你的想法轻松变成现实，比如设计更好交互效果的移动 APP 原型，用 Principle 即可轻松实现。本文讲述的是如何使用Principle for mac制作中文笔划书写动效图使用教程。

1:将做好的sketch文件导入到principle里。然后将每个笔画编好组。

2：将画板2已经编好组的笔画复制到画板1。然后再把这些编组笔画的组轮廓的长或宽依次变为了，让其在画板1中都不可见。（gif图里只做了三个，重复性的工作不多展示。）

3：将画板1添加动画到画板2，方式是Auto。然后统一把每个元素运动时间调为1s。

4：改变时间轴每个笔画的起止位置，让每个笔画依次出现。（只做了前2个，重复性工作不多展示。）

做到这里其实已经完成了，播放一下看效果的话，已经大致可以了。但我们是精进教程，所以得追求一下完美。你有没有发现哪里不太对劲？对，垂直的竖笔画与水平的横笔画都没有问题，但像“点”、“撇”、“捺”这样有斜度的笔画应该是与笔势切面垂直出现的。如下图，我们现在做出来的是A效果，而我们应该做成B效果才算完美一点。

想要做出B效果，我们要对“组和蒙版”的概念再深入研究一下。一般情况下，组只能是个长矩形或宽矩形，而只要让编成的组是一个斜矩形，我们就能做出B效果。怎么做？

1.还是以“点”笔画为例，回到STEP1，先把之前编的path1 Group解组；然后按R新建一个矩形，然后调整长宽，然后按住command旋转适当角度，移动到“点”的区域将其覆盖。

2.然后将“点”图层移到矩形图层的下面，让矩形图形包含“点”图层；然后设置矩形的透明度为0。这时你会发现，之前的矩形不再显示为图形，而是显示为一个组。这时，这个斜矩形组就建好了。别忘了勾选“clip sublayers”。

3.复制画板2的这个组到画板1，然后调整轮廓让它不显示。接着再调整一下时间轴就大功告成了。其他笔画以此类推就可以。

剩下的调整每个笔画的运动速率就不多说了。中间的笔画可以运动的快一些，结尾的笔画运动慢一些，这样可以显得整个动画从容而不仓促。