很久没更新教程了今天和大家汾享一个Tab按钮特效按钮！

制作过程 基本元素设置

首先我们绘制出需要的背景色，完成后将“点击搜索背景色”&“点击喜欢背景色”透明度修改为0并且将坐标修改为0,0。

在按钮位置导入搜索和喜欢的2个图标。图标可以在“iconfont”搜索下载

完成后，我们还需要设计一下点击后嘚按钮显示效果。

我们先将上图中点击后的效果透明度都设置为0为了实现点击后才显示的效果。

完成以上要素后进行交互动作的设置。

首先选择默认的搜索图标增加“单击”的动作，进行背景图变换的设置

如有问题，欢迎订阅留言！

更多教程请访问我的主页：/u/775515

本攵由 @ZQZ原型师 原创发布于人人都是产品经理，未经许可禁止转载。