恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
5分钟教你学会stardust星尘粒子插件
0.0°
2018-06-11 原创文章 教程 举报 16711 212 351 14

致UI中国10周年-Stardust星尘粒子插件教程

佐木有话说:


首先祝UI中国10周年快乐,希望这个平台越办越好哈哈


然后非常感谢UI中国的老铁们对教程的支持,你们要的视频教程终于出来啦哈哈,还有AE设计源文件也上传啦

言归正传,我是最近一个月才开始出教程,至于原因我想应该有2点


1.是希望我自己学到的知识点通过自我消化总结经验,分享给有需要的老铁们,减少他们走不必要的弯路,同时对自己而言也是一种知识归纳总结的方式

2.之前发布一些UI设计作品发现好多小伙伴留言希望我能够出教程,一开始会嫌麻烦费时间,但是我发现有些知识点可能自己还没有完全get到,通过出教程形式也是希望能够形成互动交流,一起进步


至于这个月我一共输出了4篇原创AE动画设计教程,教程难度上是逐步提升的,因为我并不喜欢出一些没有营养、很简单的教程,这种教程到处都有。我希望自己的教程至少是中级的,当然对于一些基础较弱的宝宝们也不用担心,如果不想自己到处找教程也没关系,之后我会出一份基础课程讲解视频帮助大家巩固基础


最后我想说的是,下期教程开始我会输出一些UI界面设计会应用到的动效设计教程包括软件的讲解等等,感兴趣的宝宝持续关注哦


你的支持将会是我持续创作的动力哦!么么哒!



Image title


  • 写在前面

Stardust粒子星尘特效AE插件是专为After Effects开发的一款3D粒子系统,不同于经典的Trapcode Particular插件,Stardust是以节点操作为主的一款插件


独立的操控界面,功能强大,含多种预设,轻松制作出漂亮而复杂的效果

拥有:发射器,粒子,复制,力场,辅助发射器,3D模型,文字,Maks,等控制,模式也非常多


插件特征:

1.Stardust三维粒子系统基于节点操控界面(在简单的三维空间中容易的创建复杂的粒子系统)添加或修改粒子预置效果(多种预设动画)

2.复制功能(一个独特的工具,用来来复制粒子创造更多令人兴奋的效果)

3.无限的 2D和3D粒子 控制发射器,粒子,复制,力场,辅助发射器,3D模型,文本和,Maks,路径等

4.空间变形器、球体、方形/盒子、3D模型、弯曲、扭曲、路径、Black Hole。

5.Splines 样条(动画的路径和发射器),在球体、盒子或三维模型中封装或发射颗粒

  • 课前准备

宝宝们可不用四处求人或是到处找Stardust粒子插件了,佐木已经给你们准备好了点击下方链接自行下载哦,至于还没有AE软件的宝宝可以到佐木的第一节教程

『5分钟教你学会Form 插件』自行获取哦

链接:https://pan.baidu.com/s/1HaNFepwhoIicFTeYKTT6UA 密码:q85f


安装流程

AE插件目录一般路径是:X:\Adobe After Effects CC\Support Files\Plug-ins\Superluminal\Stardust\(X代表你的盘符)

如果遇到看不懂或者效果实现不出来的可以关注我的公众号EricUED哈
佐木看到会第一时间回复你的哦,希望本期教程对你们有所帮助
  • Stardust 1.1.4介绍

新版更新内容:

– 3D渲染引擎的新功能:阴影,添加3D模型,环境,阴影等

– 用3D模型简化工作:在几秒钟内给你的合成添加一个3D模型。

-工作流程改进,多个视频源,新的图形模式。

-更多的控制粒子的方向和路径。

–三维阴影模型

–加透明材料

-新的图形模式-Hold(保持)

-使用新的“Layer set – 图层集合”轻松创建多个源视频的视频墙源节点

-环境阴影 – 灯光影响基于图像的照明环境

-预置可以保存和载入渲染设置,如环境和动态模糊

-模型工作流简化,只需添加一个模型节点即可添加一个实例

-模型动画简化,创建和父模型到一个三维只需要一个点击

-运动节点 – 增加了选择路径

-预置 – 保存标签和渲染设置

-等.......


Image title


  • 设计教程

一. 打开 AE前,首先新建一个合成大小自定义哈,帧速率要记得改为25帧/秒有时候默认为30,注意:新建的合成背景颜色不能为白色可以选择深色背景,因为我们的粒子是默认白色的,会影响我们的预览

Image title


二. 新建固态纯色层,命名为bg(养成随时做好图层的命名的习惯),之后会在bg图层上添加星尘粒子效果


Image title


三. 选中bg图层添加插件,效果-superluminal-stardust,打开我们安装好的粒子插件


Image title

四. 加入插件后我们可以看到stardust粒子和Particular的面板十分相似,但是最与众不同的是他有一个浮动的节点池面板,他是基于节点的粒子系统,和Trapcode Particular插件不同,我们可以自定义添加单个或多个节点来作用于我们的发射器,所有的节点通过线条链接关系来实现将新节点的效果作用于被链接的节点上,同时所有的节点支持拖拽、删除等操作


Image title

五. 新建mask固态纯色层,命名为mask,给图层添加一个圆形的蒙版,关闭mask图层的眼睛预览,以防我们查看粒子效果

Image title

Image title


六. 回到bg图层,emitter发射器的type类型现改为text/mask,此时layer propertie功能被激活,定义图层来源为我们之前建好的mask图层。注意发射器的粒子speed速度需要改为0以确保所有的粒子不会脱离mask四处运动

Image title

Image title

七. 此时会发现所有的粒子有内向外持续发射,我们需要将发射的形态修改为边缘发射path preperities-mask emitter type-edge

Image title

Image title


八. 然后我们需要修改粒子的形态,现在的粒子太大了而且发射的生命值有些短,进去particle节点,找到particle properties-size改为2,进入emitter节点,增加粒子的发射数量particle per second


Image title


Image title

九. 此时会发现整各粒子有点厚,这是因为受粒子Z轴影响,进入emitter节点将size Z值改为0,所有的粒子将在二维平面上发射


Image title

十. 到这步前期的粒子发射形态已经做好了,然后我们要添加其他的节点时动画更有趣,在节电池浮动面板中,拖动引力场field(第六个)到面板中,发现并没有什么效果,这是因为节点池的所有效果都是需要有链接关系我把他们简单的理解为父子关系,即将新节点的效果作用于父级),鼠标拖动field到particle上然后放手即完成了链接


Image title


十一. 选中引力场节点将类型改为黑洞black hole,改完后会发现画布只显示一个白点,这是因为引力场的作用太大了,需要修改field properies-affect over life,通过调节曲线来改变引力场的作用力(可以简单的理解为粒子随寿命的增长而受引力场的作用力)

Image title


Image title

十二. 想要改变粒子的随机透明度和随机大小,回到particle节点调整over life的size和opecity的曲线时粒子的变现形式更加多样化


Image title


十三. 做完了引力场,但是我们发现整个粒子在原地受引力场作用由外向内吸附,黑洞动画显得呆板不太逼真,这是我们需要添加新的节点motion,找到节点池(第九个),让整个黑洞产生自转动画



Image title十四. 选中motion节点type改为circle,但是会发现粒子一开始就在做自转,如何让粒子在发射后在产生自转效果呢?通过调整motion over life的曲线可实现


Image title

Image title

十五. 做完了motion运动,会发现粒子的运动过于规整,所有的粒子都是统一的运动趋势,这是我们要添加新的节点扰乱场turbulence,这个节点是非常出效果会使整个粒子产生聚变


Image title

十六. 通过调节position offset参数使粒子不规则运动(但数值不宜太大哦不然就形变了),一样的需要调整turbulence over life的曲线,使粒子在产生后受扰乱场作用,可以适当调整下fractal speed使其速度产生变化


Image title

Image title

十七. 到这步整个粒子的节点部分就添加完了,现在我们需要做细节的调整,找到praticle节点改变粒子的颜色,stardust给我们提供了很多的颜色预设我们可以任意挑选,将transfer mode的模式改为叠加add,这是非常出效果的,让整体的颜色饱和度产生变化


Image title


十八. 此时整个“黑洞吸附”效果就做好啦,我们需要打开新的插件saber,老铁们按要求先装好这款插件哦,在添加插件前,我们先将之前的mask图层复制一层命名为saber在复制层上添加,效果-video copilot-saber,这里就不细讲这款插件了之后的课程案例会专门分析一个光效插件的,目前只要了解他是一款光效插件,其预设自带的光效有几十种可以满足我们大部分使用场景


Image title

Image title



十九. 添加完成后光束默认是呈光速,需要将其改为光圈customize core-core type-layer mask


Image title


二十. 此时会发现整个光圈将我们的之前做好的“黑洞动画”全部覆盖了,如何扣除光圈中间部分露出“黑洞”?rander settings-alpha mode-enable mask,记得要讲下面的框勾选-反选范围


Image title


二十一. 发现没有效果,这时我们需要用到图层的模式,改为相加即可哦


Image title

二十二. 然后要做的就是调整光圈的细节部分,glow intensity值、core sofeness值等,老铁们可以随便拖动试下效果


Image title


Image title

二十三. 底部的光圈做好了我后,在复制一层图层saber,则saber2继承了他的所有属性,将其core type类型改为fire(此处的火光圈分为2层,光圈一层和底部一层)


Image title

二十四. 改变光圈的颜色glow color为我们“黑洞”的相似色,同时将其图层模式改为屏幕,rander settings-alpha mode-mask core


Image title

Image title

二十五. 最后通过调整参数细节使整个火焰形态更加的随机自然,wind speed为0,noise asperct rotio、noise speed 等参数的调节。最后我们的第一部分的效果就全部做好了,第二部分我们要做的是UI中国10周年的线性文字粒子动画


Image title



二十六. 新建合成命名为10周年,其他参数默认,然后新建纯色层命名为bg,新建文字层输入文字10周年(关闭其眼睛预览)


Image title

Image title

Image title




二十七. 和之前一样将emitter发射器的type类型改为text,layer propertice改为10周年,注意:发射器的速度改为 0

Image title

Image title

Image title


二十八. path properties的类型改为边缘egle边缘发射,同时注意先将size Z轴的值改为0


Image title

Image title


二十九. 修改particle粒子的大小和life寿命,color颜色

Image title


Image title


三十.与之前做“黑洞”效果不同,这次我们需要添加新的节点auxiliary子粒子,和particle插件类型但是stardust插件的子粒子功能更丰富,能发射的粒子书更多,支持子粒子携带子粒子,携带更多子粒子,注意:auxiliary在链接particle节点后还需要添加一个节点particle来控制子粒子的表现形式


Image title


三十一.调节字粒子的粒子大小、寿命等,会发现效果并不明显,我们可以添加摄像机看下

Image title


三十二.快捷键C,旋转视图查看效果


Image title

三十三.这时回到emitter发射器,我们可以添加size Z的值,通过调整speed along path和speed randoments的值让路径旋转起来,同时调整细节参数


Image title


三十四.最后我们给摄像机做个动画,使动画有空间感

Image title

三十五.最后就完成啦,回到stardust合成,将10周年合成拖到他上面完成组合


Image title

Image title



  • 总结


1.stardust星尘粒子插件有一个浮动的节点池面板,他是基于节点的粒子系统,和Trapcode Particular插件不同,我们可以自定义添加单个或多个节点来作用于我们的发射器,所有的节点通过线条链接关系来实现将新节点的效果作用于被链接的节点上


2.新建的合成背景颜色不能为白色可以选择深色背景,因为我们的粒子是默认白色的,会影响我们的预览


3.注意发射器的粒子speed速度一般都是需要改为0,以确保所有的粒子不会脱离mask四处运动


4.将transfer mode的模式改为叠加add,这是非常出效果的,可以让整体的颜色饱和度产生变化


5.如何扣除光圈中间部分露出“黑洞”?rander settings-alpha mode-enable mask,记得要讲下面的框勾选-反选范围


6.注意auxiliary节点在链接上一个particle节点后还需要添加一个自己的节点particle来控制他的粒子的表现形式


第四篇教程希望能够帮助到老铁们,你的鼓励将会是我持续创作的动力哦


Image title








更新:2018-06-11

下载
收藏

212人已收藏

佐木扉页

交友~合作~可加好友哦

  • 19

    作品

  • 2858

    粉丝

  • 9

    关注

  • EBToken项目复盘
  • Ebonex项目复盘
  • THIS IS SPOOK
  • UI中国APP新概念设计

    猜你喜欢

      2018-06-11 原创文章 教程 举报 16711 212 351 14

      5分钟教你学会stardust星尘粒子插件

      0.0°

      你确定要举报5分钟教你学会stardust星尘粒子插件

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2018年06月10日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      351
      212
      14

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录