引导页中的city gif 动效

小编：今天解答团的@大毛带大家做个引导页中的动效图。原图是网上看到的，两张城市之间的切换动效，有点弹性的小动画。之前放在网站里作为作业，有些同学可能看到觉得难，用时间轴做动画会感觉好晕。做时间轴动画就像盖房子，准备好材料（画好原图），打地基（分好运动和静止图层），盖楼（物体运动的关键帧），装修（修改下运动细节）。做之前理清头绪，做完你会觉得：其实也不是很难嘛！那就开始动手吧！
我这里讲一下ps的做法

本教程由学UI网解答团出品。

看完教程咱们交作业咯！点我直达作业提交页面>>

赞 (0)

相关推荐

  • 怎么开启手机网易云音乐app中的鲸云动效

    怎么开启手机网易云音乐app中的鲸云动效

    随着社会和经济的发展,手机网易云音乐app已经成为我们生活中必不可少的一部分,那么我们怎么开启手机网易云音乐app中的鲸云动效呢,接下来就让小编来教你们吧.具体如下:1. 第一步,打开手机上的网易云音 ...

  • APP用它说话—动效

    小编:动效是APP的肢体语言,14年有那么一段时间,屏幕上满是华丽的翻转,平稳的过度.UI设计中不可或缺的动效,不仅仅是视觉感官上的享受,它们完全的建立于用户体验上思考,实现的. 引言:如果把APP比 ...

  • 值得你关注的动感粒子动效设计趋势

    现代风盛行的网页设计圈中,不少设计师会倾向于用动态.抽象的元素来为页面渲染出富有科技和未来感的氛围.在这其中,飘散的粒子动效是比较常见也颇受欢迎的一种元素,而今天我们要聊的就是这种设计元素. 有的网页 ...

  • 阿里设计师：微动效创新如何为B类产品赋能？

    一.前言 B类产品设计过程中会遇到各种各样的问题,不同问题有不同的解法.有的问题不适合用动效去解决,盲目无意义的动效不仅浪费设计师及开发成本,更会降低产品性能.分散用户操作注意力等.然而有些问题则用动 ...

  • 学学这些爱不释手的加载动效设计

    我们现在越来越注重细节,小到加载动画,大到界面配色.这些都会成为用户吐槽的地方,一个不小心,你设计的东西让用户反感了,他们说不定就要和你的产品说拜拜了.所以今天我们要重点说说那些你以前觉得" ...

  • 新版MATERIAL DESIGN 官方动效指南（一）

    前两天Google 刚发布了新版Material Design官方动效指南,今天@平行煎餅就给大家带来了中文版!全文包括三个部分:为什么说动效很重要?如何制作优秀的Material Design动效及 ...

  • 引导页小练习【做作业】

    各位童鞋今天我们的作业不是icon而是app的引导页.重点在于联系引导页中的小插画. 这次作为重点的小插画是个简单的小人物哦!重点在于练习形状工具,布尔运算,相对来 说还是比较简单的,会逐步增加难度哦 ...

  • 掌握5个技巧设计出眼前一亮的APP引导页

    现在新手引导已经成手机客户端标配,但是通用的做法不见得是最有效的.这篇文章中我们将会看到为什么新手引导经常无效,以及如何借鉴游戏设计的原理来提高用户的参与度. 通过跟各种行业的移动团队沟通,发现这些添 ...

  • UI设计中我们为什么需要设计动效

    最近越来越多的国内公司开始动效设计了,越来越多的团队意识到动效在产品用户体验中的重要性.更多的射鸡师们也开始投身动效设计领域. 随着国际大品牌苹果和谷歌的引领,最近越来越多的国内公司开始动效设计了,越 ...