ps教程论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

收起左侧

[广告包装设计] Photoshop制作流畅的动态APP演示动画

[复制链接]
 楼主| 发表于 2014-8-9 02:20:15 | 显示全部楼层

Photoshop制作流畅的动态APP演示动画


步骤2
添加新帧,延迟0.1s,隐藏最细的描边
再添加新帧,隐藏次细描边


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-8-9 02:20:16 | 显示全部楼层

Photoshop制作流畅的动态APP演示动画


步骤 3
添加帧,隐藏Tap圆图层。
添加帧,将具体项大图不透明度设置为100%,将图中的小项不透明度设置为0%


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-8-9 02:20:17 | 显示全部楼层

Photoshop制作流畅的动态APP演示动画


步骤4
在当前帧和前一帧添加过渡,要添加的帧数5
效果:


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-8-9 02:20:18 | 显示全部楼层

Photoshop制作流畅的动态APP演示动画


嵌入到手机模板里步骤1
时间轴面板,选择将帧数拼合到图层


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-8-9 02:20:19 | 显示全部楼层

Photoshop制作流畅的动态APP演示动画


每一帧都变成了图层
步骤2
在图层面板中选择所有帧,转换为智能对象,然后点击转换为视频时间轴





回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-8-9 02:20:20 | 显示全部楼层

Photoshop制作流畅的动态APP演示动画

        
步骤3
将智能对象复制到模板PSD里面





回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-8-9 02:20:21 | 显示全部楼层

Photoshop制作流畅的动态APP演示动画


步骤4
选择智能对象,按cmd+(Control-T),按住CMD/Control来调整每个点。





回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-8-9 02:20:22 | 显示全部楼层

Photoshop制作流畅的动态APP演示动画


步骤5
保存为web所用格式,ok,成功。
(如果对效果不满意,可以导出城视频,然后导入到AE中合成)



动态技巧干货!
  
回复 支持 反对

使用道具 举报

发表于 2016-5-18 16:02:21 | 显示全部楼层
学学PS动效设计

回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

求建议和反映问题|小黑屋|免责声名|Archiver|photoshop教程论坛 ( 粤ICP备07017357号 )

GMT+8, 2024-4-28 10:50 , Processed in 0.044081 second(s), 11 queries , XCache On.

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表