原理第2部分(共2个)入门

所以你已经做到了→

而我们将从那开始→

形状变形和图层名称的重要性

接下来,我们需要将矩形转换成圆形,然后淡出“酷按钮”文本。 首先复制画板。 接下来, 按住Option键并调整矩形的大小,以使宽度与高度相同。 在我的情况下是55px x 55px。 使用此选项按键技巧会自动调整x位置,以使形状在画板上居中。

之后,只需将不透明度值更改为0,即可“淡出”文本。

最后,将形状的颜色更改为#FEDF1E,该颜色与我们的材质效果相同。

春季动画

春天是一种非常不错的效果,当高雅地使用时,它可以真正增强您的动画效果。 过度使用它会很快变旧,所以要小心。

为了获得下一个效果,我将使用许多您需要了解的快捷方式。

第一个是Command + C和Command +V。我复制现有文本并将其立即粘贴。

然后,我将文本的颜色更改为与背景颜色相同的#2A4D59。

接下来,我按Command + Enter,这使我可以编辑文本内容。 有时,使用鼠标指针选择正确的文本非常困难或不可能。 这使编辑文本变得容易。 因此,将其更改为“轻按”。

然后调整文本框的大小,使其恰好适合“轻按”。 这样,您可以点击左上角的自动居中按钮,它将使图层居中到黄色圆圈形状的中间。

从结束状态开始

我们在这里使用的技术是我们以前使用过的技术。 我们从单词“ tap”的结束位置开始。 将此文本复制到上一个画板,它将定位在* x / y相同的位置。

更改y位置,使其在上一个画板上的下方开始。 因为这是在裁剪区域之外,并且它是一个子图层,所以您将无法在屏幕上看到它(即使它是背景颜色以外的另一种颜色)。 它被隐藏并被裁剪。

提示:您可以拖动标签,而不用输入x / y / width / height / angle / scale / opacity / radius / etc的值。

单击画板上方的箭头以打开动画面板(如果尚未打开)。 仅将“ Y”更改为Spring,而不是Default。 您可以手动调整spring,这会导致真正有趣的事情,这是以后的主题,但现在使用它为您提供的默认值。

最后一步

专家提示:点按两次触摸板以单击重复项或按Command + D

我要做的第一件事是复制画板。 接下来,我将效果的颜色更改为上一个按钮#59C2E7的颜色。

然后,我们需要将第一个的比例更改为较小,并将不透明度从0更改为100。请记住,它的范围从可见变为不可见,从小到大。

最后,我们需要调整缩放效果的速度。 打开动画时间轴并拖动它,使其花费1秒。 然后拖动不透明度,使其结束。

然后,在其上进行自动转换即可完成!

你知道有一个超酷的按钮!

您喜欢本教程吗? 您为如此简单感到惊讶吗? 请继续关注更多教程,并对任何问题发表评论。 谢谢!