最近发现了一款对设计十分友好的软件，来自Apple前工程师开发的Principle，这款软件用来制作一些动效十分好用，现在来分享一个3D touch动效的制作。

本次分享适合有一些Principle基础的同学研究，如果你还对这个软件不太熟悉的话 

可以先去找一些基础的教程学习一下，软件介绍及下载请点击这里

OK，现在先来看看效果。由于压缩的关系可能看不太清楚， 但是我已经把帧率调低了，希望能够在慢动作中看清楚一些具体的效果。

实际上在制作的过程中并不难，在prin中有很多的效果事件可以来触发不同的过程 从而达到我们想要的效果。

在界面中 import 从sketch中导入我们需要的素材，素材我会在文章中放出来给大家下载，名字为 Album 3Dtouch 如图:

比较熟悉principle的同学可能知道prin中制作效果的原理是同过不同图层的链接，不同的事件来实现的，如下图：

右侧是一些效果 如tab标签切换 long press长按等效果 。

我们此次对album into 这个图层来做long press ，选中album into这个图层 。

点击界面中的闪电标志来打开效果菜单 选择long press 按住圆圈将long press链接到自身，如图：

接下来会软件会将这个图层复制一遍 然后我们对album 3D touch 2这个图层来操作

由于开始的时候是没有背景的模糊和效果的 所以我将模糊的遮罩背景层（就是图中的overlay这个图层 ）设置为透明的.

在第二个界面中 我们来把Ov把不透明度从0调整到100。如图 背景的模糊透明轻微效果就出来了。

现在我们来模拟一下3d touch 不那么稍微用力按下的效果 仔细观察我们会发现 轻轻用力的时候 界面会稍微的向内缩放，所以我们来把界面小小的缩放一下 。

我们只需要将背景和Ov这两个图层缩放为0.98即可，现在来看看有什么效果。

长按下的时候 是不是效果就有了，但是我们松开的时候 应该恢复到原来的界面才对

这时候就需要用到另外的效果事件，即touch up。

如上图所示，将touch up的效果链接回第一个界面中，我们来看看现在的效果。

是不是很简单呢 ，现在到这里 基本上principle的原理应该很清楚了吧。

后面如何实现更用力的按下时以及关闭touch界面的效果 就需要各位同学开动脑筋去思考啦。

素材在这里：点击获取素材 密码: rsnt

如果你对principle或者动效也十分感兴趣，欢迎关注我或者给我留言。

如果您对本次分享的内容有更好的建议，希望可以给我一些指导，互相学习吧。