相关分类
入门实例
文字效果
照片处理
滤镜教程
美白磨皮
图片合成
鼠绘教程
推荐教程
PS视频教程
PS作品欣赏
收费课程
飞特网 顶部通栏广告

PS模糊画廊教程和AE扫光动效教程

将军发布于:2019-4-26 14:55 |原作者: 廖于傑|
将军
北京市 西城区 GUI设计师
发私信 + 关注
简介: 这是一篇关于使用最简单的方法制作出单高端动效的教程,简单到只需要一个图层就能搞定的小白式操作。关于这类效果的一些大咖作品: @HVA_hk的动态色彩 | Triple Color@YoungStonerTito的Dust Art同时@YoungStonerTito还会出一套关于模糊画廊的教程,我们期待。这里我发现,如何 ...
这是一篇关于使用最简单的方法制作出单高端动效的教程,
简单到只需要一个图层就能搞定的小白式操作。

关于这类效果的一些大咖作品:

@HVA_hk动态色彩 | Triple Color

@YoungStonerTitoDust Art

同时@YoungStonerTito还会出一套关于模糊画廊的教程,我们期待。

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

并且我发现上面两位大咖的作品都是运用了简单的构图组成了丰富而又舒服的画面。

-

Ps-模糊画廊篇

PS模糊画廊教程和AE扫光动效教程 飞特网 PS推荐教程

FEVTE编注:更多PS推荐教程学习和PS作品交流请进入飞特网PS教程栏目:https://www.fevte.com/plan/ps/

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

PS模糊画廊教程和AE扫光动效教程 飞特网 PS推荐教程

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

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

PS模糊画廊教程和AE扫光动效教程 飞特网 PS推荐教程

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

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

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

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

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

调整模糊程度

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

PS模糊画廊教程和AE扫光动效教程 飞特网 PS推荐教程

调整模糊方向

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

PS模糊画廊教程和AE扫光动效教程 飞特网 PS推荐教程

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

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

PS模糊画廊教程和AE扫光动效教程 飞特网 PS推荐教程这里我们发现,在有多个【调整圈】的情况下,【调整圈】影响的是四周的效果。比如上图我们中间【调整圈】的模糊程度是0,所以就是没有模糊效果的。

光圈模糊

PS模糊画廊教程和AE扫光动效教程 飞特网 PS推荐教程

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

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

PS模糊画廊教程和AE扫光动效教程 飞特网 PS推荐教程另外还有

倾斜模糊

路径模糊

旋转模糊


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

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

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

-

Ae-模糊动效篇

我们来看下效果

PS模糊画廊教程和AE扫光动效教程 飞特网 PS推荐教程

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

第一步 

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

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

第二步

我们打开AE,导入图像

PS模糊画廊教程和AE扫光动效教程 飞特网 PS推荐教程

第三步

设置好背景并添加图像

PS模糊画廊教程和AE扫光动效教程 飞特网 PS推荐教程

第四步

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

PS模糊画廊教程和AE扫光动效教程 飞特网 PS推荐教程

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

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

Center—中心点

Amount—效果值

PS模糊画廊教程和AE扫光动效教程 飞特网 PS推荐教程

第五步

制作动画效果

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

PS模糊画廊教程和AE扫光动效教程 飞特网 PS推荐教程

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

PS模糊画廊教程和AE扫光动效教程 飞特网 PS推荐教程到这里已经初步完成此动画了,大家看,是不是特别简单,完全没有想象的那么复杂。

第六步

完善细节

PS模糊画廊教程和AE扫光动效教程 飞特网 PS推荐教程


最后一步

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

PS模糊画廊教程和AE扫光动效教程 飞特网 PS推荐教程

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

PS模糊画廊教程和AE扫光动效教程 飞特网 PS推荐教程

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

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

(Ae源文件需要先解压再打开)

PS模糊画廊教程和AE扫光动效教程 飞特网 PS推荐教程

FEVTE编注:更多PS推荐教程学习和PS作品交流请进入飞特网PS教程栏目:https://www.fevte.com/plan/ps/

38

好评
31

差评

刚表态过的朋友 (69 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

将军
北京市 西城区 GUI设计师
+关注 发私信
发表评论

最新评论

引用
嘤嘤嘤小龙猫发布于:2019-4-27 14:46

查看全部评论(1)

您需要登录后才可以评论和提交作业 登录 | 立即注册
本周热点文章
2020 新飞特 从心开始
关于飞特| 广告服务| 付款方式| 版权申明| 网站地图| 联系我们| 加入我们| 举报| 帮助中心| 移动版| 手机版| 飞特网

委托设计