1. 兔课网
  2. 资讯
  3. 平面设计教程
  4. 动图技巧,5分钟教会用gif做交互的动态效果

动图技巧,5分钟教会用gif做交互的动态效果

2545人阅读 2020-06-09 收藏

动图技巧,5分钟教会用gif做交互的动态效果

首先,拿出你制作的效果图。想想怎么做。将页面分解成几个区域以促进动态。

动图技巧,5分钟教会用gif做交互的动态效果

创建一个干净的界面,使干净的区域成为初始状态。

动图技巧,5分钟教会用gif做交互的动态效果

接下来,在窗口中选择“时间线”并创建“帧动画”

动图技巧,5分钟教会用gif做交互的动态效果

之后,动画将完成。单击左下角的倒数第二个按钮创建一个新框架,并将内容向下移动到您想要的位置。

动图技巧,5分钟教会用gif做交互的动态效果

选择两个帧并点击倒数第二个按钮来执行过度效果后的效果也是如此(数字越大,效果越自然,但是时间越长,学生在做的时候会自己考虑)。

动图技巧,5分钟教会用gif做交互的动态效果

接下来,关键是点击时间线的右上角图标,并选择“转换为视频时间线”

动图技巧,5分钟教会用gif做交互的动态效果

为所有图层选择“转换为智能对象”

动图技巧,5分钟教会用gif做交互的动态效果

创建一个新画布,放入要粘贴的背景贴图,选择时间线,然后拖动刚刚完成的动画并粘贴它

动图技巧,5分钟教会用gif做交互的动态效果

相关文章推荐

Photoshop制作古典颓废风格签名效果
紫色调,调出橙紫色人像照片教程
想学平面设计,没有基础要怎么开始?
Photoshop教程:修复严重偏色的照片
创意合成,通过PS合成金鱼在灯泡里畅游的场景
电商移动端店铺装修,你试过旋转90°的横版手机端页面吗?
霞光效果,调出浓郁的黄褐色霞光效果教程
线条边框,教你如何做甜美风的韩式小边框
合成效果,用PS合成小老鼠和大象玩滑板的画面
转手绘视频,Photoshop结合SAI做唯美的手绘效果

特别推荐

上一篇>> 当中国入驻好莱坞,哈哈哈!毫无违和感

下一篇>> 滤镜做图,用ps滤镜制作彩色光环。

新人大礼包

1
咨询客服

交流Q群

微信公众号
返回顶部