当前位置: 足球比分188 设计资讯 > 设计教程 > 正文

比分帝直播:一个图层就能搞定的单高端动效

2018-06-20 1001 0

足球比分188 www.8q74.com.cn
 

这里我发现,如何让大家能够用最简单的方法做出适合的作品是教程的根本,毕竟教程是授予技巧而不是增加技巧复杂程度的。


 

-

Ps-模糊画廊篇


 

c94b586cf708a801219c771ad15f.jpg

上图使用了Ps CC里面【滤镜】—【模糊画廊】—【场景模糊】

39bc586ceb85a8012060c89d8d20.jpg

当然这个功能需要Ps CC版本才有,之前的版本是木有滴,所以想要学习的童鞋,更新一下自己的工具也是很有必要滴。


 

如果你的CC版本没有【模糊画廊】菜单栏的话那就是在【模糊】的子菜单栏里面

7350586e2cbda8012060c8c891f1.jpg


 

这个功能很强大,能够非常方便的制作出这个效果。


 

要注意的是如果是【形状图层】的话需要转化为【智能图层】才可以使用。


 


 

我们看到建立了这个滤镜之后出现了一个【圈】

我们这里把它叫做【调整圈】,在下面也都这样叫了。

这个【调整圈】的作用很多,还挺重要,它的作用有:调整模糊程度以及模糊方向,以及多个不同的模糊效果


 

调整模糊程度

在【调整圈】周围有一圈类似加载效果的一个调整的地方,这里是调整模糊程度的,并且右上角的位置也是可以调整的。

cc3d586cefd3a8012060c8cf848f.jpg


 


 

调整模糊方向

这个【调整圈】是可以自己再另外添加的,所以我们可以添加两个或者更多个(当鼠标指针有一个图钉带+号的时候就可以添加),再加上可以移动【调整圈】的位置,这样就实现了调整模糊的方向。

fba4586cf0bfa8012060c878616b.jpg

哈哈,是不是感觉出来了。


 

我们还可以添加更多的【调整圈】做出更佳的效果

0ba9586cf225a801219c77aeff46.jpg这里我们发现,在有多个【调整圈】的情况下,【调整圈】影响的是四周的效果。比如上图我们中间【调整圈】的模糊程度是0,所以就是没有模糊效果的。


 


 

光圈模糊


 

4603586cf3bea8012060c80c2bcd.jpg

光圈模糊类似场景模糊,除了【调整圈】之外多了一个外圆的范围,以这个范围外去模糊图像,并且还可以调整圆角值。


 

另外我们看到右下方的界面还可以添加杂色效果

11c4586cf632a8012060c8639a34.jpg另外还有

倾斜模糊

路径模糊

旋转模糊


不细讲这些,我们期待@YoungStonerTito的教程。


 

之前在be上看到这类效果的时候其实就想出一个这种动态的效果,因为模糊是有数值的,其实就是100-0的变化过程,然后我就开始琢磨。最后发现Ps里面还不太好弄这类效果,而且会比较复杂,因为Ps的时间轴还不支持参数上面的动态变化,所以我们转到AE上面去做。


 

其实原理是一样,所有的人都能做出来,唯一的要求就是需要一个Ae软件,我们这里推荐去官网下载【Adobe Creative Cloud】之后安装Ae CC。


 


 

-

Ae-模糊动效篇

我们来看下效果

a303586cf7baa8012060c82de729.jpg

这类简单但是看起来又比较舒适的动效其实是非常简单的,原理和上面Ps模糊画廊是一样的,并且我们是只需要【一个图层】就可以搞定这类效果的。


 

第一步 

我们需要一个图像,什么都可以,可以是标志,可以是其它。

我们这里用Ae的图标来做效果
 


 


 

第二步

我们打开AE,导入图像

a4c9586cfa90a801219c77d303f7.jpg


 

第三步

设置好背景并添加图像

228e586d03e3a801219c777c7eab.jpg


 

第四步

【效果】—【模糊与锐化】—【CC Radial Fast Blur】(里面的任何效果大家都可以去尝试)

6ce5586d03eaa8012060c8376000.jpg

这里我们已经看到了效果出来了对不对,就是这么简单。并且Ae就是专业动效设计,所以所有的值都是可以设置动画效果的。


 

这里只需要记前两个值,是属于调整效果需要用到的,包括其他的一些值,也是一样的。

Center—中心点

Amount—效果值

2c4f586cfcc9a801219c77ac541a.jpg
 


 


 


 


 


 


 

第五步

制作动画效果

这里主要是逻辑,你想一下自己需要什么样的动画效果,我这里是先模糊,中间最大的模糊值,最后清晰结尾。

8bc1586d03eda801219c777b70d9.jpg

所有带时钟图标的都是代表可以添加动画效果的。这里和Ps里面的时间轴是一样的原理


 

8e25586d03f2a8012060c89ed253.jpg到这里已经初步完成此动画了,大家看,是不是特别简单,完全没有想象的那么复杂。


 

第六步

完善细节

40d6586d03f6a801219c7755ff66.jpg


最后一步

为了使动画看起来更具节奏感,我们在全部帧上面都加一个【缓入】效果
 

ae53586d03faa8012060c8b4335b.jpg


 

另外我们还可以用另外一些效果去尝试更多的效果

d443586d0048a8012060c8c88f02.jpg


 


 

接下来就是导出等等了,这里就不说啦,哈哈哈哈,想知道的自己想想办法看看呢。

学习到了记得交作业,实践了才是学到手了~

d43c586d006fa801219c77dcc51b.jpg

11
评论区(0)
正在加载评论...
  • 七月流火:一半是甜蜜 一半是仁慈 2019-04-21
  • 扫码有风险,公众需警惕 2019-04-13
  • 国台办主任张志军赴金门参访 2019-04-13
  • 厉害了!春运如何防盗防骗 铁警说唱MV来教你 2019-04-12
  • 关键的是,他们连本本主义都没弄明白啊!请问哪个清华生知道黑格尔逻辑体系 2019-04-12
  • 网络暴民与公交车纵火犯 2019-04-10
  • 香港学童约八成近视 理大研发新型镜片将面市 2019-04-09
  • 让传统美食成为文化载体(快评) 2019-04-06
  • 全国最美家庭、第十一届全国五好家庭和省五好家庭推荐公示 2019-04-04
  • 荆楚网网络视听节目许可证 2019-03-31
  • 今年回南天为何掉线了?这其实并不奇怪 2019-03-27
  • 新经济企业发审标准不降低 询价机构需审慎合理报价 2019-03-20
  • 看着就想笑,干脆是8=0.全生女,社会直接灭亡 2019-03-11
  • 植树、采茶、挖野菜…… 这才是春天正确的打开方式 2019-03-11
  • 任弼时女儿任远芳的回忆:父亲的爱温暖我一生 2019-03-11
  • 934| 958| 996| 457| 2| 180| 115| 939| 516| 966|