[转]Ultra Fractal教程系列49——动画功能的使用07——颜色渐变动画
来源:互联网 发布:淘宝返利怎么设置 编辑:程序博客网 时间:2024/05/21 04:23
与Ultra Fractal中的任何动画参数一样,你也可以添加一个渐变动画。
这一节教程中我们要实现一个效果是从一个褪了色的灰度渐变到目前所使用的鲜艳色彩。
首先,我们创建所需的渐变效果。
打开渐变编辑器,开启动画模式,将时间滑块移动到第20帧位置。
在“Gradient”菜单中选择“ Adjust Colors”选项。
在“HSL”面板中,设置“Saturation”(饱和度)值为“-100”,这样将会移除渐变中的所有色彩。
设置“Luminance”(亮度)的值为“-40”,使渐变显得暗一些,点击OK。
调整后的渐变颜色显示如下图所示:
来回拖动一下时间滑块预览一下动画效果,你会发现这样的效果和我们所期望得正好相反,现在让我们来修正一下。
移动时间滑块到第1帧,确保渐变编辑器是处于激活状态并且动画模式也是开启的。
"Ctrl+C"将当前帧的渐变颜色数据拷贝到剪贴板中。
(注意一定要确保动画模式是开启的,这一点非常重要,否则你将拷贝整个动画的渐变颜色数据。但是我们所需要的仅仅是第一帧。)
将时间滑块移动到第140帧,“Ctrl+V”将第一帧的渐变颜色数据信息复制到第140帧,并关闭动画模式。
拖动时间滑块,再次预览动画效果。
这基本上已经达到我们想要的效果了,不过灰色渐变效果应该开始于动画开始的第一帧。我们要在时间轴窗口中进行进一步地调整。
打开时间轴窗口,请依次展开“Background”——“Gradient”——“Color”。
以及“Color”结点下的“Control Point 1”,“Control Point 2”,“Control Point 3”,“Control Point 4”结点。
按住Ctrl键,选择时间轴中“Control Point 1”——“Control Point 4”动画范围最左边的起始关键点。
点击删除节点“ ”按钮,这时时间轴的显示将会于下图所示:
现在单击“Gradient ”结点的起始关键帧位置,将它拖动到第一帧。这样颜色渐变动画的范围被调整成了从第1帧到第140帧。
来回拖动时间滑块来预览动画效果。这才是我们想要的效果。
但是如果在第140帧才结束灰度渐变动画的话,整个动画效果的大多数时间都是灰色的,这给人感觉不太好,现在我们再做一点调整。
再次打开时间轴窗口,将“Gradient ”结点的动画关键帧结束位置调整到第60帧。
多次进行调整,找到一个自己满意的效果为止。
来源:分形艺术网
这一节教程中我们要实现一个效果是从一个褪了色的灰度渐变到目前所使用的鲜艳色彩。
首先,我们创建所需的渐变效果。
打开渐变编辑器,开启动画模式,将时间滑块移动到第20帧位置。
在“Gradient”菜单中选择“ Adjust Colors”选项。
在“HSL”面板中,设置“Saturation”(饱和度)值为“-100”,这样将会移除渐变中的所有色彩。
设置“Luminance”(亮度)的值为“-40”,使渐变显得暗一些,点击OK。
调整后的渐变颜色显示如下图所示:
来回拖动一下时间滑块预览一下动画效果,你会发现这样的效果和我们所期望得正好相反,现在让我们来修正一下。
移动时间滑块到第1帧,确保渐变编辑器是处于激活状态并且动画模式也是开启的。
"Ctrl+C"将当前帧的渐变颜色数据拷贝到剪贴板中。
(注意一定要确保动画模式是开启的,这一点非常重要,否则你将拷贝整个动画的渐变颜色数据。但是我们所需要的仅仅是第一帧。)
将时间滑块移动到第140帧,“Ctrl+V”将第一帧的渐变颜色数据信息复制到第140帧,并关闭动画模式。
拖动时间滑块,再次预览动画效果。
这基本上已经达到我们想要的效果了,不过灰色渐变效果应该开始于动画开始的第一帧。我们要在时间轴窗口中进行进一步地调整。
打开时间轴窗口,请依次展开“Background”——“Gradient”——“Color”。
以及“Color”结点下的“Control Point 1”,“Control Point 2”,“Control Point 3”,“Control Point 4”结点。
按住Ctrl键,选择时间轴中“Control Point 1”——“Control Point 4”动画范围最左边的起始关键点。
点击删除节点“ ”按钮,这时时间轴的显示将会于下图所示:
现在单击“Gradient ”结点的起始关键帧位置,将它拖动到第一帧。这样颜色渐变动画的范围被调整成了从第1帧到第140帧。
来回拖动时间滑块来预览动画效果。这才是我们想要的效果。
但是如果在第140帧才结束灰度渐变动画的话,整个动画效果的大多数时间都是灰色的,这给人感觉不太好,现在我们再做一点调整。
再次打开时间轴窗口,将“Gradient ”结点的动画关键帧结束位置调整到第60帧。
多次进行调整,找到一个自己满意的效果为止。
来源:分形艺术网
转载请注明出处:http://www.fxysw.com/thread-533-1-1.html
- [转]Ultra Fractal教程系列49——动画功能的使用07——颜色渐变动画
- [转]Ultra Fractal教程系列46——动画功能的使用04——动画模式的实验
- [转]Ultra Fractal教程系列47——动画功能的使用05——动画的拓展
- [转]Ultra Fractal教程系列43——动画功能的使用01——创建动画分形案例
- [转]Ultra Fractal教程系列44——动画功能的使用02——制作一个缩放动画
- [转]Ultra Fractal教程系列45——动画功能的使用03——播放动画
- [转]Ultra Fractal教程系列50——动画功能的使用08——添加淡入动画效果
- [转]Ultra Fractal教程系列51——动画功能的使用09——渲染动画
- [转]Ultra Fractal教程系列48——动画功能的使用06——时间轴工具的使用
- [转]Ultra Fractal教程系列16——学习基础技巧08——使用渐变
- [转]Ultra Fractal教程系列24——如何使用图层07——渐变编辑器中的透明度
- [转]Ultra Fractal教程系列20——如何使用图层03——编辑渐变
- [转]Ultra Fractal教程系列38——蒙版的学习04——微调渐变
- [转]Ultra Fractal教程系列11——学习基础技巧03——使用Explore(探索)功能
- [转]Ultra Fractal教程系列22——如何使用图层05——关于融合模式的学习
- [转]Ultra Fractal教程系列27——关于变换的学习02——使用万花筒变换效果
- [转]Ultra Fractal教程系列52——完结——最后的一些思考
- [转]Ultra Fractal教程系列17——学习基础技巧09——同步颜色并保存图案
- QT编写中碰到:找不到批处理文件
- Android之Toast的用法
- log4j 配置
- 学习重要,还是经营人脉重要?(转自李笑来)
- Javascript的Defer属性
- [转]Ultra Fractal教程系列49——动画功能的使用07——颜色渐变动画
- CSDN博文精选:Android系列开发博客资源汇总
- XMind – 免费好用的开源思维导图制作编辑软件 (支持Windows/Mac/Linux)
- Page_Load、Page_Init、$(document).ready,这三个的执行顺序
- 中国股市开盘时间
- 查看端口占用情况(tomcat启动出现Unrecognized Windows Sockets error: 0: JVM_Bind错误)
- [转]Ultra Fractal教程系列50——动画功能的使用08——添加淡入动画效果
- UITapGestureRecognizer 区分多指 单双击
- 手机翻转静音