美文网首页
ps—页面动效

ps—页面动效

作者: 一道数学题 | 来源:发表于2019-10-20 16:14 被阅读0次

仅仅是个人的一个动效练习,如果有人看到并感兴趣的话可以联系我获得素材文件

打开素材文件

素材文件

选择浮动按钮,Ctrl+J复制

选中拷贝的浮动按钮后,按ctrl键同时鼠标点击下方的浮动按钮图层

先点击移动工具,再选择水平居中对齐和垂直居中对齐

选中拷贝图层,将填充改为0%,在图层后面点击鼠标右键,选择混合选项--选择渐变叠加--参数如图

选择拷贝图层--鼠标右键--转换为智能对象--在时间轴中选择拷贝图层--添加不透明度的关键帧,在第二帧将不透明度修改为0%

选择浮动按钮图层--鼠标右键--转换为智能对象--在时间轴中选择浮动按钮--创建变换关键帧--在第二帧中按ctrl+T将图标旋转45度

创建变换关键帧 旋转45度

选中圆盘,不透明度更改为100%

更改不透明度

先在01:00f处点击图中圆圈中的按钮,创建关键帧,再在20f处创建关键帧,按shift键将圆盘右拖到画面外。

按照上边做拷贝浮动图标的方式,拷贝头像,制作透明度关键帧

选中内容页,在图中10f处创建关键帧,20f处将内容页移动到画面中。

一个超级简单的页面动效就完成啦,可以通过调整关键帧的位置来控制速度。

相关文章

  • ps—页面动效

    仅仅是个人的一个动效练习,如果有人看到并感兴趣的话可以联系我获得素材文件 打开素材文件 选择浮动按钮,Ctrl+J...

  • 为功能而动效的APP UI设计

    APP中的动效可以划分为两类,一类是转场动效,应用在页面的切换,加载等,这类动效可以柔和页面的过度效果,增加切换、...

  • 交互动效- day①

    在分析一个动效时,我会以这样的思路来思考:动效所在的页面和位置——这是一个怎样的动效——这个页面的使用场景是怎样的...

  • 设计师的软件合集

    Mac动画动效:Pixate,Principle,AEUI视觉:Sketch,Ps,Ai,

  • 北京C4D讲师郭超:为什么动效和C4D会越来越火?

    关注流行趋势会发现,动效的使用越来越多~很多原来只会ps的老油条不禁感慨(尽管可以做动效,但是还是做不出复杂的动效...

  • 交互动效- day②

    还是按照“动效所在的页面和位置——这是一个怎样的动效——这个页面的使用场景是怎样的——为什么要这样设计——是否达到...

  • 交互动效- day ③

    “动效所在的页面和位置——这是一个怎样的动效——这个页面的使用场景是怎样的——为什么要这样设计——是否达到设计目标...

  • 交互动效- day ④

    “动效所在的页面和位置——这是一个怎样的动效——这个页面的使用场景是怎样的——为什么要这样设计——是否达到设计目标...

  • 交互动效- day ⑤

    “动效所在的页面和位置——这是一个怎样的动效——这个页面的使用场景是怎样的——为什么要这样设计——是否达到设计目标...

  • 交互动效- day ⑥

    “动效所在的页面和位置——这是一个怎样的动效——这个页面的使用场景是怎样的——为什么要这样设计——是否达到设计目标...

网友评论

      本文标题:ps—页面动效

      本文链接:https://www.haomeiwen.com/subject/stcamctx.html