当前位置: 首页 > 教程 > Mac软件教程 > 如何使用Principle for mac制作中文笔划书写动效图?Principle for mac使用教程

如何使用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,然后调整轮廓让它不显示。接着再调整一下时间轴就大功告成了。其他笔画以此类推就可以。

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

以上就是小编为大家带来的mac系统如何使用Principle for mac制作中文笔划书写动效图教程,你学会了吗?更多Principle for mac使用教程尽在本网站,欢迎关注MacDown.com!

相关文章