Photoshop设计动态APP演示动画
- 2022-12-24 20:14:08
- 来源/作者：互联网/佚名
- 己被围观次
动态已成趋势，相比静态，更直观，更能展示产品效果。本教程将教你用PS制作动态演示GIF教程
触控点
步骤1
创建新图层，命名为“Tap”，画一个白色形状，不透明度70%
步骤2
复制这个圆形，扩大，去掉填充，描边设置为3pt白色
继续复制，扩大，描边2pt
完事后居中对齐
隐藏tap图层组，因为刚加载完界面是不会显示触控点的，但是当选择元素产生转场时会出现。
滚动效果
步骤1
现在，终于开始做UI动态演示效果了，打开时间轴面板，创建帧动画
按下图那个红色划线按钮，创建新帧
步骤2
显示Tap图层组，隐藏两个描边圆，用来代表滚动手势。当开始滚动时，两个描边圈也出现，涟漪效果能够突出滚动手势。
步骤3
第一帧1s，第二帧开始帧延迟设置为0.2s
步骤4
添加帧
*PSjia.COM 倾力出品，转载请注明来自PS家园网（www.psjia.com）
上一篇：ps调出金属质感的肤色教程
更多精彩内容
-
斗转星移陈妍希明星合成教程（10P) -
变老教程，利用ps把年轻人变成老年人效果 -
ps超酷水墨字效果 -
特色风格，用滤镜做GTA5风格图片 -
PS使用纹理图片调色方法 -
cs6抠头发丝教程 -
做投影，教你用ps做最近十分流行的长阴影 -
ps鼠绘网球教程