After Effects打造卡片的发散汇集效果

疯狂的爱迪

疯狂的爱迪

2016-02-17 04:25

今天图老师小编给大家介绍下After Effects打造卡片的发散汇集效果,平时喜欢After Effects打造卡片的发散汇集效果的朋友赶紧收藏起来吧!记得点赞哦~

  我们经常在电视等各种视频媒体上看到卡片分散为发光粒子,或者由卡片汇集成文字或其它图案,如电视台标志等,效果很漂亮,本例就是模拟这种效果的,利用滤镜插件SCard Dance、Starglow发光效果,卡片粒子制作出粒子发散动画。下面是最终效果,希望大家喜欢。

  先看看效果:


效果预览

  制作步骤

  1、打开After Effects软件,选择菜单命令Composition/New Composition(Ctrl+N), 新建一个合成,命名为卡片Preset使用Custom,Width为720, Height为576,Duration为15秒,然后点击OK按钮,如图1所示。

After Effects打造卡片的发散汇集效果,PS教程,图老师教程网
图1

  2、选择菜单命令layer/New/Sold(固态层)(快捷键Ctrl+Y),新建一个固态层,命名为参考层设置size下的width为720,Height为576,color的颜色为白色,然后点击OK按钮,如图2所示。

After Effects打造卡片的发散汇集效果,PS教程,图老师教程网
图2

  3、在工具箱中选择矩形遮罩工具,然后再合成窗口拖出矩形遮罩形状,如图3所示。

After Effects打造卡片的发散汇集效果,PS教程,图老师教程网
图3

  4、选择white solid1图层,将时间移到0帧位置,展开mask1下的分别打开mask Feather和mask Expansion前面的码表,设置动画关键帧Feather第0帧为(500.0,500.0)pixels , 设置动画关键帧Expansion第0帧为180 pixels,如图4所示。

After Effects打造卡片的发散汇集效果,PS教程,图老师教程网
图4

  5、将时间移到2帧位置,展开mask1下的分别打开mask Feather和mask Expansion前面的码表,设置动画关键帧Feather第0帧为(0.0,0.0)pixels , 设置动画关键帧Expansion第0帧为0 pixels,如图5所示。效果图如图6所示。

After Effects打造卡片的发散汇集效果,PS教程,图老师教程网
图5

After Effects打造卡片的发散汇集效果,PS教程,图老师教程网
图6

  6、导入一张素材在项目窗口里 ,然后从项目窗口拖到时间线窗口,如图7所示。

After Effects打造卡片的发散汇集效果,PS教程,图老师教程网
图7

  7、选择菜单命令layer/New/Sold(固态层)(快捷键Ctrl+Y),新建一个固态层,命名为背景设置size下的width为720,Height为576,color的颜色为黑色,然后点击OK按钮,如图8所示。

After Effects打造卡片的发散汇集效果,PS教程,图老师教程网
图8

  8、择菜单命令Effects/Generate/Ramp(渐变),设置 start of Ramp的值为0.0,288.0,start color的RGB为43、65、89,End of Ramp为(360.0,576.0),End color为白色, Ramp shape为Linear Ramp,Ramp Scatter为0,Blend with Original为0.0%,如图9,图10所示。

After Effects打造卡片的发散汇集效果,PS教程,图老师教程网
图9

After Effects打造卡片的发散汇集效果,PS教程,图老师教程网
图10

  9、在Project窗口将,分别将渐变参考,素材依次拖放到final的时间线中,并关闭参考层的显示,如图11所示。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

After Effects打造卡片的发散汇集效果,PS教程,图老师教程网
图11

  10、选择素材图层,执行菜单命令Effects/Simulation/SCard Dance(卡片)添加一个卡片特效,如图12所示。

After Effects打造卡片的发散汇集效果,PS教程,图老师教程网
图12

  11、将Rows&Columns设置为Independent,设置Back Layer为chuan29.jip,Gradient Layer1为参考层,展开ZPosition选项,打开Multiplier前面的码表,设置动画关键帧第0帧为-200,展开YPosition选项,打开Offset前面的码表,设置动画关键帧第0帧为-20,展开ZPosition选项,打开Multiplier前面的码表,设置动画关键帧第0帧为100,如图13所示。

After Effects打造卡片的发散汇集效果,PS教程,图老师教程网
图13

  12、打开Multiplier前面的码表,设置动画关键帧第3帧为0,展开YPosition选项,打开Offset前面的码表,设置动画关键帧第0帧为0,展开ZPosition选项,打开Multiplier前面的码表,设置动画关键帧第0帧为0,如图14所示。效果图如图15所示。

After Effects打造卡片的发散汇集效果,PS教程,图老师教程网
图14

After Effects打造卡片的发散汇集效果,PS教程,图老师教程网
图15

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

  13、执行菜单命令Effects/Trapcode/Starglow效果,如图16所示。

After Effects打造卡片的发散汇集效果,PS教程,图老师教程网
图16

  14、展开Starglow,设置Preset为WhiteY,设置Input Channel为lightness,展开Pre-Process选项,打开Streak Lenght前面的码表,设置动画关键帧第3帧为10,设置动画关键帧第6帧为0,如图17 、18所示。效果图如图19所示。按小键盘0键预览,即可观察本例的最终效果。

After Effects打造卡片的发散汇集效果,PS教程,图老师教程网
图17

After Effects打造卡片的发散汇集效果,PS教程,图老师教程网
图18

After Effects打造卡片的发散汇集效果,PS教程,图老师教程网
图19

展开更多 50%)
分享

猜你喜欢

After Effects打造卡片的发散汇集效果

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
After Effects打造卡片的发散汇集效果

After Effects制作虚无缥缈效果

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
After Effects制作虚无缥缈效果

什么是极简主义 如何打造极简风格家居

家居设计 装修设计
什么是极简主义 如何打造极简风格家居

After Effects制作动感的光线流动效果

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
After Effects制作动感的光线流动效果

After Effects制作闪亮飞舞粒子效果

设计创意
After Effects制作闪亮飞舞粒子效果

2017榻榻米书房设计装修效果图 榻榻米书房设计图片

榻榻米 书房 装修设计 书房设计 平面设计
2017榻榻米书房设计装修效果图 榻榻米书房设计图片

After Effects制作漂亮文字效果

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
After Effects制作漂亮文字效果

After Effects制作波动飞雪的文字效果

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
After Effects制作波动飞雪的文字效果

2017春夏女装风衣外套流行趋势

服装设计 平面设计 设计 服装搭配
2017春夏女装风衣外套流行趋势

电子商务网站是否该用TAB栏设计?

电子商务网站是否该用TAB栏设计?

浅谈白社会交互设计的创新

浅谈白社会交互设计的创新
下拉加载更多内容 ↓