AE练习 - 动效篇
文章平均质量分 76
vanessary2016
一个喜欢插画和摄影的UI设计师
展开
-
AE小技巧!3个方法帮你快速实现流畅好看的相融动效
@正越升 :「相融」是我接触MG之后一直很喜欢的一个效果,自己也尝试寻找不同的办法来实现相融的动效,下面是我收集的3种常用的制作方法,各有千秋,每种方法都仅有两三个步骤,可以帮你轻松实现相融效果。一、快速模糊+Choke步骤1:做出基本的运动,这里做的是一个黄色小球在白色圆矩上方移动。步骤2:给合成添加一个调节层,放在最上面。给调节层添加[快速模糊]效果。步骤3:给调节层添转载 2016-02-16 09:16:46 · 2305 阅读 · 0 评论 -
PS新手教程!手把手教你打造好玩的放大镜动画效果
今天的教程是来自@P大点S微博 的Projava,利用时间轴制作一个简单的GIF动画,类似锤子科技的放大镜效果,来看看高手怎么玩。鉴于网络要求,放大镜移动的速度有点快,为了体积小一点,所以加快速度。温馨提示,这个效果的制作仅限于带有时间轴的版本~效果图:下面是过程,我先找了一张小毛驴,很萌是不是?右键后在PS里新建一个文档,CTRL+V粘贴~ctrl+alt+i转载 2016-03-18 14:31:31 · 1332 阅读 · 0 评论 -
腾讯精品文!超多干货的UI界面动效设计指南
编者按:腾讯同学的教程一向都是良心之作,今天这篇长文收罗了常见的UI动效设计方法,不仅有案例,而且分析透彻入微,从表现形式到动效的作用,对用户产生的影响,都有全面专业的解说。今年动效也是一大热门,想自我提升的同学可以放手来学习了。概要xavieryuan:UI是基于静态页面来设计的,页面之间通过跳转切换。在设计过程中,设计师很重视单页的视觉效果,却经常忽略了对界面跳转的处理。这些未经处理的转载 2016-02-29 13:34:34 · 1978 阅读 · 0 评论 -
掌握动效设计!让你的设计富有未来科技感(上)
为何有的产品、服务特别受欢迎?是因为这些产品、服务在内容、外观、设计、可用性、功能等方面具有无可匹敌的优势。其实,所有的这些层面都属于交互设计的细节,其中一个关键点便是动效。本文将介绍几种常见的动效模式(用GIF图演示),分析一下为何这些简单的设计模式在实际应用中能够奏效。当我们设计数码产品时,我们一般用PS或者Sketch这种设计软件来进行设计。了解设计的人明白这样一个道理:设计转载 2016-02-29 18:20:43 · 3956 阅读 · 0 评论 -
掌握动效设计!让你的设计富有未来科技感(下)
基于情景的消隐这是iOS上的Chrome,有着基于情景的消隐动效。当向下滚动时,导航控件自动消隐。用户向上滚动时,导航控件出现。优设哥发现这一点上,腾讯网的新闻详情页已经采用了。案例围观地址(上下滚动鼠标滑轮,注意页面顶部导航的变化):http://news.qq.com/a/20131104/001730.htm 。这种方法既能提高浏览体验、也拓展了有限的浏览空间。这对于空间限制较大转载 2016-02-29 18:22:35 · 1049 阅读 · 0 评论 -
动效设计入门工具小手册(微交互)
编者按:这篇小册子的目的不是手把手教你如何做出一个动效,而是从基础动效、动效曲线、动效软件等方面从头梳理相关的知识点,串成一片,帮助你从整体轮廓上认识动效,适合零基础及新手阅读。最近几年UI设计领域最大的变化便是越来越强调用户体验设计,而在Web或者App中使用动效也就成了一大趋势。这种趋势是如此强烈,以至于我看到越来越多的应用中所使用的那些动效已经不再是为了提升用户体验,而更多是为了强调动效转载 2016-04-29 14:18:28 · 2692 阅读 · 0 评论 -
轻松制作GIF动画!教你玩转PS时间轴之进阶技巧篇
上一篇文章跟大家讲过PS时间轴的基础,接下来跟大家分享制作简单GIF动画的一些技巧,(文字动画、颜色渐变、咻一咻动画、模糊动画、旋转时钟以及变化的月亮等等),文章提到的动画都有提供打包下载,想学时间轴的同学来收!上篇回顾:《新手指南!手把手教你玩转PS时间轴之基础操作篇》一般来说,制作动画不会选择像素图层,因为它的动作属性可操作性太少,正如我们设计UI的时候也不会直接用像素绘制。如果我们需转载 2016-05-13 14:21:16 · 6761 阅读 · 1 评论 -
轻松制作GIF动画!教你玩转PS时间轴之5个小技巧篇
通过前两篇文章,我们已经知道制作动画的基本知识的和技巧,下面通过5个非常有用的知识点跟大家更深入地探索PS时间轴。文末附上PSD,可以下载后自行分析动画技巧。往期回顾:《新手指南!手把手教你玩转PS时间轴之基础操作篇》《轻松制作GIF动画!教你玩转PS时间轴之进阶技巧篇》1,巧用智能对象利用技巧,PS时间轴可以做更多相对复杂的动画,而这些动画的实现更多的是利用智能对象实现。转载 2016-05-13 17:44:46 · 5700 阅读 · 0 评论 -
PS教程!手把手教你绘制3个效果酷炫的GIF动画效果
编者按:今天来一点简单好玩的动画教程,包括常见的Loading 动画、烟花动画和摩天轮旋转动画,操作不难,附有PS时间轴的入门手册,适合新人练习。为了避免写僵尸教程,有些地方还是需要大家自行思考并且延伸到更多的制作,如果仅仅参考教程做出的东西而不动脑筋,除了临时练手以外意义真的不大。往期教程:《新手指南!手把手教你玩转PS时间轴之基础操作篇》《轻松制作GIF动画!教你玩转PS时间轴转载 2016-06-22 14:52:02 · 2239 阅读 · 1 评论