云计算
目前，C4D设计受到很多人的喜欢，因为它的效果可以呈现出立体感和空间感。并且配合一定的动画效果，可以突出灵动、高科技的视觉效果。这一次，我们将在下面解释C4D图的动画效果制作，它主要由两大效果组成，即闪光和球体椭圆效果。本章首先解释了闪光效果的产生。想知道效果，可以去瑞江云的主页看http://www.eflycloud.com。
1-1 C4D动态效果图
一、底图和闪烁图的制作
(1)原始设计稿：最初，设计师给出的设计图是这样的。
1-2份原始设计草案
(2)设计稿分析：如何才能达到闪现的效果？首先你要分析这张图：一张底图的闪切图。分析图如下
1-3底图
1-4闪光切割图
上面1-3底图中的黑色块是可以闪光的部分，它的闪光切割图就是1-4中对应的数字标签。可以考虑将小的闪光切割图像合并成一个图像，以减少对图像的请求处理。
二、css flash效果处理
(1)底图与切割图的匹配处理
首先，裁剪图通过定位与底图完美匹配，合并成完整的1-2张原始设计图。代码实现如下：
！- html -
！-基本地图-
div class=servicMainOut
！-切割图5-
div class=service-top1/div
！-切割图6-
div class=service-top2/div
！-切割图1、2、3和4-
div class=service-cloud1/div
div class=service-cloud2/div
div class=service-cloud3/div
div class=service-cloud4/div
/div。servicMainOut {
位置：相对；
宽度：1017px
高度：469px
后台：URL(https://static . efly cloud . com/V5/PC/image/home/service . png)无重复中心；
}。服务-top1 {
位置：绝对；
top:23px；
右：416px
背景：透明URL(https://static . efly cloud . com/V5/PC/image/home/cloud . png)无重复-396 px 0；
宽度：224px
高度：89px
}。服务-top2 {
位置：绝对；
top:66px；
右：563px
背景：透明URL(https://static . efly cloud . com/V5/PC/image/home/cloud . png)无重复-620 px 0；
宽度：135px
身高：202px
}。服务云1 {
位置：绝对；
top:100px；
右：840px
背景：透明URL(https://static . efly cloud . com/V5/PC/image/home/cloud . png)无重复0 0；
宽度：89px
身高：84px
}。服务-云2 {
位置：绝对；
top:246 px；
右：671px
背景：透明URL(https://static . efly cloud . com/V5/PC/image/home/cloud . png)无重复-89px 0；
宽度：126px
高度：120px
}。服务云3 {
位置：绝对；
top:228 px；
右：233px
背景：透明URL(https://static . efly cloud . com/V5/PC/image/home/cloud . png)无重复-215 px 0；
宽度：103px
高度：59px
}。服务云4 {
位置：绝对；
top:136 px；
右：50px
背景：透明URL(https://static . efly cloud . com/V5/PC/image/home/cloud . png)无重复-317 px 0；
宽度：79px
身高：54px
}
(2)闪光效应
flash效果主要是通过控制切割图标签块的透明度来实现的。在动画制作过程中，切割图像的透明图像过亮或过暗，使底图和切割图像叠加呈现不同的效果。不透明度=1时，亮度最高，切割图完整呈现；不透明度=0时，亮度最暗，没有光照状态，底图状态完整呈现。代码如下：
@-WebKit-关键帧serviceFlash {
从，
0%,
到{
不透明度：1；
}
40% {
不透明度：0；
}
60%,100% {
不透明度：1；
}
}。服务-top1 {
动画：serviceFlash 2s infinite
}。服务-top2 {
动画：serviceFlash 0.65s无限；
动画-延时：1s；
}
//切图1，2，3，4，加service-cloud。服务云{
动画：service flash 0.3s 2；
}
您可以根据需要调整动画时间和延迟动画的执行，以实现动画闪烁的速度和不同点的动画闪烁。按照上面的方法，就可以简单的配置闪烁效果了。但是动画不容易一下子闪太多，否则容易过关，给人凌乱的感觉。所以只做单闪或者控制多闪几次。
官网的闪烁控件下次再总结，敬请期待！
文章来自微信官方账号：瑞江云计算。
瑞江云官网链接：https://www.eflycloud.com/home? from=rj 0024
更多关于云服务器，域名注册，虚拟主机的问题，请访问西部数码代理官网：www.chenqinet.cn。
教你如何用动画效果制作C4D