Kite Compositor mac版软件小巧、简单好用,功能觉得完爆其他同级别软件,是参与 iOS 设计工作的必备软件。mac Kite Compositor还能够让你了解图形本身渲染 、动画的原理,是一款非常优秀的动画和原型设计工具。

基本介绍

首先,打开demo,如下图:

Weather.kite

我们点击顶部“工具栏”中的“播放”按钮后,就可以在Mirror中运行了。通过操作我们知道该demo供有4个动效:

1、下雨

2、打雷

3、上下滑动至“65度”显示或消失

4、中间不同时间段温度条的左右滑动

下雨动效

我们在左侧layer菜单中,找到“Rain”这个图层,然后看到下面有个“Emitters(粒子发射器)”,之后点击就可以看到粒子发射器的属性:

粒子发射器属性

下雨的动效果,就是这个粒子发射器实现的,怎么样?是不是觉得特别easy?粒子发射器的属性有好多,比如可以设置发射器的形状(Emitter Shape)、模式(Emitter Mode)、渲染模式(Render Mode )等,以及设置粒子的贴图(Contents)、贴图缩放(Contents Scale)、Birthrate(粒子创建速率)、Lifetime(粒子存活时间)等,重点介绍几个属性如下:

1、Emitter Shape(发射器的形状):选项有point、line、rectangle、circle、cuboid、sphere。
2、Emitter Mode(发射器模式):选项有points(发射器XY平面中心点发出)、outline(发射器边缘发出)、surface(发射器表面发出)、volume(发射器立体中心点发出)。
3、Render Mode (渲染模式):选项有unordered(粒子无序出现,多个发射源将混合)、oldestFirst(声明久的粒子会被渲染在最上层)、oldestLast(最新发射的粒子会被渲染在最上层 )、backToFront(粒子的渲染按照Z轴的前后顺序进行)、Additive(进行粒子混合 )

下雨特效

我们在左侧layer菜单中,找到“Rain”这个图层,然后看到下面有个“Emitters(粒子发射器)”,之后点击就可以看到粒子发射器的属性:

粒子发射器属性

下雨的动效果,就是这个粒子发射器实现的,怎么样?是不是觉得特别easy?粒子发射器的属性有好多,比如可以设置发射器的形状(Emitter Shape)、模式(Emitter Mode)、渲染模式(Render Mode )等,以及设置粒子的贴图(Contents)、贴图缩放(Contents Scale)、Birthrate(粒子创建速率)、Lifetime(粒子存活时间)等,重点介绍几个属性如下:

1、Emitter Shape(发射器的形状):选项有point、line、rectangle、circle、cuboid、sphere。
2、Emitter Mode(发射器模式):选项有points(发射器XY平面中心点发出)、outline(发射器边缘发出)、surface(发射器表面发出)、volume(发射器立体中心点发出)。
3、Render Mode (渲染模式):选项有unordered(粒子无序出现,多个发射源将混合)、oldestFirst(声明久的粒子会被渲染在最上层)、oldestLast(最新发射的粒子会被渲染在最上层 )、backToFront(粒子的渲染按照Z轴的前后顺序进行)、Additive(进行粒子混合 )

打雷特效

我们还是在左侧layer菜单中,找到“Current Local Conditions”这个图层,之后找到这个层下的“Actions”-》“Mouse Up → Cycle Lightning Strikes”,Cycle Lightning Strikes就是触发打雷的动作

随后我们点击它,可以找到这个动作指向的打雷动作“Lightning Strike 1 -》 Strike”和“Lightning Strike 2 -》 Strike”

随后,我们通过“Lightning Strike 1”和““Lightning Strike 2”两个图层下的“Actiions”找到“Strike”,然后可以看到打雷动效为“Show Bolt”。那这个打雷动效是怎样实现的呢?

首页,我们先看下“Lightning Strike 1”图层是什么样子的,如下图,选中的(深蓝色标注)的形状:

Lightning Strike 1

Lightning Strike 2与Lightning Strike 1类似,因为是两道闪电,实现方式都一样,就不再一一介绍了。看到这个形状,相信大家进本上已经猜出来打雷的动效是怎么实现的了……没错,就是通过描边实现的,在0.05秒内,将strokeEnd由0变为1,此时闪电在0.05秒中显示出来,

opacity是控制闪电的消失,即在0.1459秒后,闪电开始消失,1.3891秒后,闪电消失完毕。第二道(Lightning Strike 1)闪电效果与第一道一样,就不在介绍了。
后续两个动效(上下滑动至“65度”显示或消失、中间不同时间段温度条的左右滑动)很简单就不再做介绍了。

Kite Compositor mac版,欢迎有需要的朋友点击本文章上面的相关软件下载使用!祝您使用愉快!

Kite Compositor制作下雨打雷特效详细教学相关推荐

  1. PS滤镜制作下雨照片特效

    原图 一.打开你想要添加下雨效果的照片,并新建一个图层,命名为雨,填充为黑色,对"雨"层执行:滤镜 > 杂色> 添加杂色,参数如图. 二.对"雨"层 ...

  2. 3dmax:3dmax经典案例详细步骤图文教程之粒子阵列粒子系统制作星球爆炸特效动画效果

    3dmax:3dmax经典案例详细步骤图文教程之粒子阵列粒子系统制作星球爆炸特效动画效果 目录 3dmax经典案例详细步骤图文教程之粒子阵列粒子系统制作星球爆炸特效动画效果

  3. “是男人就下一百层”h5游戏全网最详细教学、全代码,js操作

    "是男人就下一百层"h5游戏全网最详细教学.全代码,js操作 博主的话 游戏展示 编程工具介绍 游戏代码 代码讲解 js 第一步 切换div的显示与隐藏 js 第二步 在菜单页面用 ...

  4. 华为擎云G540笔记本怎么U盘重装电脑系统详细教学

    华为擎云G540笔记本怎么U盘重装电脑系统详细教学分享.有用户在使用华为擎云G540笔记本电脑的时候,想要将电脑系统进行更换,但是自己没有重装过电脑系统,不懂要如何去进行操作.针对这个问题,接下来我们 ...

  5. 最终幻想-核心危机中魔石融合附全能力详细教学

    FF7CC中文版魔石融合附全能力详细教学,专为入门玩家打造,适合初学者的入门合成技巧探讨,目的是在早期用最小的代价快速合成最有用的石头. 1周目初期能力有限,HP刚过2000,力和体力也就50点左右, ...

  6. OpenCV-Python图形图像处理:制作雪花飘落特效

    ☞ ░ 老猿Python博文目录:https://blog.csdn.net/LaoYuanPython ░ 一.引言 前几天有博友咨询,能否在视频中实现雪花飘落的效果,答案是肯定的.老猿前天简单构思 ...

  7. 炫龙毁灭者KP2笔记本U盘重装系统方法图文详细教学

    炫龙毁灭者KP2笔记本U盘重装系统方法图文详细教学分享.炫龙毁灭者KP2笔记本是比较不错的一款游戏本.有的用户因为使用电脑的时候安装了未知安全性的文件导致系统被损坏,需要重装系统.今天我们就一起来分享 ...

  8. 三星星曜950XBE电脑U盘重装系统详细教学

    三星星曜950XBE电脑U盘重装系统详细教学分享.在使用三星星曜950XBE电脑时,有用户电脑系统受到了攻击导致无法正常的使用了.这个情况如果无法进行系统修复,就需要将系统进行重新安装了.那么当无法修 ...

  9. 泰尔指数计算的stata代码,详细教学,包括相关文献讲解与结果分析

    泰尔指数计算的stata代码,详细教学,包括相关文献讲解与结果分析泰尔指数计算详细教学,里面包含文献讲解.结果分析与解读.stata软件操作,使用本人制作的新命令taier11,简单好用,可以计算四种 ...

  10. ae破碎效果在哪_AE制作破碎效果的详细方法_如何使用AE制作碎片效果_碎片效果怎么使用_AE制作碎片爆炸效果2019完整版教程_9号资讯...

    第 2 页 AE制作破碎效果的详细方法 如何用AE制作破碎的效果? 1.首先,打开我们的软件,AE,小编用的是CS6版本的,不过即使版本不同,其中的操作也都是大同小异哦. 2.打开之后,我们需要新建一 ...

最新文章

  1. 练习2-17 生成3的乘方表 (15 分)
  2. 【C#】关闭 Window 之后,无法设置 Visibility,也无法调用 Show、ShowDialogor 或 WindowInteropHelper.EnsureHandle...
  3. zerodivisionerror什么意思python-python代码里出现是啥意思
  4. 计算机常用图像文件格式,常用的图像文件格式
  5. 【转】运输层TCP协议详细介绍
  6. 【2018.3.24】模拟赛之五-ssl1864 得分【dp,贪心】
  7. ajax时间控件,带有ajax的JQuery中的插件datetimepicker出错
  8. 技术运维的经营大法——对话阿里云MVP熊昌伟
  9. python 基类 派生类_在Python中具有两个子(派生)类的继承示例
  10. 完成css的切图 图片任意,css切图是什么意思
  11. 出现错误ActivityManager: Warning: Activity not started
  12. 支付宝钱包流量电量优化实践
  13. git pull VS git fetchmerge(good)
  14. 【博学谷学习记录】超强总结,用心分享|Java基础语法week2
  15. Oracle后台进程及其作用简介
  16. 开发应用多开实现方式_应用三种开发方式来加速您的组织
  17. 计算机游戏是什么意思,端游是什么意思啊,吃鸡端游是什么意思啊
  18. 数据结构也不是那么没意思之前序二叉树+二叉树转伪双向循环链表
  19. linux基础内容,掌握这些基本可以流畅的使用linux系统
  20. 【数据挖掘】聚类分析

热门文章

  1. 黑盒测试和白盒测试详解
  2. 将Excel数据批量生成条形码
  3. Dos窗口的常见打开方式和常见命令
  4. Mac 借用工具删除顽固软件、清除它在开机启动项的内容
  5. 串口485接法图_RS-485 2线和4线的接法
  6. php查拼音,php 输入汉字,查出对应的拼音
  7. CSS3颜色不透明度如何设置?
  8. 最新免费下载无水印视频,抖音短视频去水印免费保存下载教程
  9. c语言逻辑运算符用法大全,C语言之逻辑运算符(示例代码)
  10. Origin绘制热重TG和微分热重DTG曲线