优艾设计网

Photoshop设计动态APP演示动画

优艾设计网 https://www.uibq.com 2020-09-14 00:00 出处:网络 作者:MartinRGB
本教程使用了PS CC,但是CS5和CS6依然能够支持本教程。 静态设计 步骤1 新建画布

步骤5

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

Photoshop设计动态APP演示动画

步骤6

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

设置如下

Photoshop设计动态APP演示动画

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

Photoshop设计动态APP演示动画

步骤7

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

Photoshop设计动态APP演示动画

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

Photoshop设计动态APP演示动画

步骤8

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

拷贝单帧

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

Photoshop设计动态APP演示动画

Photoshop设计动态APP演示动画

提示:键盘也能翻页,试试"← →"键
0

精彩评论

暂无评论...
验证码 换一张
取 消