PS打造动态APP演示效果教程(2)

来源:网络   作者:热心网友   发布时间:2016-06-21    浏览次数:1053

步骤2

复制这个圆形,扩大,去掉填充,描边设置为3pt白色

继续复制,扩大,描边2pt

完事后居中对齐

隐藏tap图层组,因为刚加载完界面是不会显示触控点的,但是当选择元素产生转场时会出现。


滚动效果

步骤1

现在,终于开始做UI动态演示效果了,打开时间轴面板,创建帧动画

按下图那个红色划线按钮,创建新帧

步骤2

显示Tap图层组,隐藏两个描边圆,用来代表滚动手势。当开始滚动时,两个描边圈也出现,涟漪效果能够突出滚动手势。

步骤3

第一帧1s,第二帧开始帧延迟设置为0.2s

步骤4

添加帧

步骤5

显示Tap图层组所有突出。使用移动工具,来上移Tap图层组和主要内容图层组




步骤6

为了让滚动效果更流畅,选中当前帧和前一帧,点击时间轴面板中得选项,选择过渡

设置如下

现在,便有稍微流畅的效果了。

步骤7

如果感觉动效有点慢,想让它快点,那么可以将帧延迟设置为0.1s

播放一下,不要忘记循环次数选择永远,更好地观摩效果以便调试

步骤8

现在我们想让界面滚动回来,我们需要复制第二帧到最后一帧

拷贝单帧

选择粘贴单帧,将其移动到最后一帧。




步骤9

同步骤7,选择过渡

添加新帧,隐藏Tap图层组。

效果演示:

 


123共3页
联盟广告
×

感觉还不错,那就赞助一下吧!您的鼓励就是我们坚持的动力!

打赏说明:您的赞助我们将用于购买网络带宽和优质设计资源,提升用户体验!

相关推荐

http://www.shejixf.com/shejijiaocheng/uisheji/4278.html
×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

充值学币 立即开通