繁星闪烁与流星飞掠效果的制作
来源:百度文库 编辑:神马文学网 时间:2024/04/26 18:41:05
先谈“繁星闪烁”效果的制法。
一、新建文档,背景黑色,其它默认。
二、插入名为“星星”的影片剪辑:⑴绘制一个如图1所示的三角图形,将其填充色设置成左白(白色,透明度100%)右淡(白色,透明度0%)的线性渐变,然后将其转化为名为“星1”的图形元件;⑵按Ctrl+D键再直接复制4个,将5个三角形调整成如图2所示的星状图形,并将其转化为名为“星2”的图形元件,设置宽高为20*20,全居中;⑶分别在第15帧和第30帧插入关键帧,并在第1—15帧和第15—30帧之间创建补间动画,然后再把第1帧和第30帧的实例的透明度修改为0%,把第15帧的实例拉大一些(大体是25*25)。
图1
图2
三、插入名为“繁星”的影片剪辑:⑷在第1层第1帧拖入“星星”元件,全居中,并输入实例名xx;⑸新建图层2,在第1帧输入以下语句:
i = 1;
xx._visible = 0;
onEnterFrame = function () {
if (i>120) {
i = 1;
}
duplicateMovieClip("xx", "xx"+i, i);
with (this["xx"+i]) {
_x = random(550);
_y = random(400);
_xscale = _yscale=random(30)+70;
_rotation = 30*i;
_alpha = random(70)+30;
}
i++;
};
四、组织场景:回到主场景,将“繁星”元件拖入舞台,左对齐,上对齐。
测试,OK!
紧随上篇(《繁星闪烁》)谈谈“流星飞掠”效果的制作步骤:
一、插入名为“流星”的影片剪辑:⑴绘制一个如下图所示的流星图形,将其填充色设置成左白(白色,透明度100%)右淡(白色,透明度0%)的线性渐变,宽高设置成40*1.5,全居中。
图
⑵新建图层2,在第1帧输入如下语句:
_x = 550;
_y = random(100)+40;
ran = random(80)+20;
_xscale = _yscale=ran;
_alpha = random(60)+40;
onEnterFrame = function () {
_x += -ran/8;
if (_x<0) {
_x = 550;
}
};
三、插入名为“流星雨”的影片剪辑:⑷在第1层第1帧拖入“流星”元件,全居中,并输入实例名lx;⑸新建图层2,在第1帧输入以下语句:
for (i=0; i<=20; i++) {
duplicateMovieClip("lx", "lx"+i, i);
this["lx"+i]._alpha = random(70)+30;
}
四、组织场景:回到主场景,将“流星雨”元件拖入舞台,左对齐,上对齐。
测试,OK!
一、新建文档,背景黑色,其它默认。
二、插入名为“星星”的影片剪辑:⑴绘制一个如图1所示的三角图形,将其填充色设置成左白(白色,透明度100%)右淡(白色,透明度0%)的线性渐变,然后将其转化为名为“星1”的图形元件;⑵按Ctrl+D键再直接复制4个,将5个三角形调整成如图2所示的星状图形,并将其转化为名为“星2”的图形元件,设置宽高为20*20,全居中;⑶分别在第15帧和第30帧插入关键帧,并在第1—15帧和第15—30帧之间创建补间动画,然后再把第1帧和第30帧的实例的透明度修改为0%,把第15帧的实例拉大一些(大体是25*25)。
图1
图2
三、插入名为“繁星”的影片剪辑:⑷在第1层第1帧拖入“星星”元件,全居中,并输入实例名xx;⑸新建图层2,在第1帧输入以下语句:
i = 1;
xx._visible = 0;
onEnterFrame = function () {
if (i>120) {
i = 1;
}
duplicateMovieClip("xx", "xx"+i, i);
with (this["xx"+i]) {
_x = random(550);
_y = random(400);
_xscale = _yscale=random(30)+70;
_rotation = 30*i;
_alpha = random(70)+30;
}
i++;
};
四、组织场景:回到主场景,将“繁星”元件拖入舞台,左对齐,上对齐。
测试,OK!
紧随上篇(《繁星闪烁》)谈谈“流星飞掠”效果的制作步骤:
一、插入名为“流星”的影片剪辑:⑴绘制一个如下图所示的流星图形,将其填充色设置成左白(白色,透明度100%)右淡(白色,透明度0%)的线性渐变,宽高设置成40*1.5,全居中。
图
⑵新建图层2,在第1帧输入如下语句:
_x = 550;
_y = random(100)+40;
ran = random(80)+20;
_xscale = _yscale=ran;
_alpha = random(60)+40;
onEnterFrame = function () {
_x += -ran/8;
if (_x<0) {
_x = 550;
}
};
三、插入名为“流星雨”的影片剪辑:⑷在第1层第1帧拖入“流星”元件,全居中,并输入实例名lx;⑸新建图层2,在第1帧输入以下语句:
for (i=0; i<=20; i++) {
duplicateMovieClip("lx", "lx"+i, i);
this["lx"+i]._alpha = random(70)+30;
}
四、组织场景:回到主场景,将“流星雨”元件拖入舞台,左对齐,上对齐。
测试,OK!
繁星闪烁与流星飞掠效果的制作
彩色繁星闪烁【代码】
巧用CSS制作可控闪烁效果
巧用CSS制作可控闪烁效果
科比挽着艾弗森的小手,呆呆地望着繁星闪烁的天空--第一辑~ - 篮球公园 - 直播吧论坛 ...
PS制作闪烁文字
闪烁贴图特别制作
闪烁图特别制作
抽丝效果的制作
室内教程:PS阳光效果的制作与应用_
制作合唱效果~随机与声相的研究
闪烁贴图特别制作奉献
不规律的星光闪烁效果-共八种颜色供您选择(12)
Photoshop打造星光闪烁动画效果
有趣的效果图片制作
图片滚动效果的制作
教程《焰火效果》的制作
制作漂亮的拼图效果
制作漂亮的拼图效果
我制作的下雨效果
精美边框代码与制作效果
精美边框代码与制作效果
闪烁的星空背景
PS教程——GIF闪烁动态图片制作 - 蓝色妖姬的日志 - 网易博客