是飞翔在群山之上,是正俯看波涛涌动的大海,还是飞舞的彩带?用简单的线条,我们也可以组合出动人的奇妙效果。
下面请看具体的制作过程:
1.新建一个影片,将其背景色改成黑色。
2.创建一个线条的变化动画“line”(如下)
新建一个影片剪辑“line”,先在其中每隔20帧创建一个关键帧(创建多少随意,在这个例子中我们创建6个关键帧,也就是总共占用100帧),然后在每个关键帧中用铅笔工具随意地画一根弯曲的线条,不能画得太短,并且线条的弯曲状况要多变一点,最好没有重复的感觉。每个关键帧中的线条颜色要不同,相邻关键帧的颜色相差最好大一些:前一个关键帧用了暖色的话,在接下来的一个关键帧中最好用冷色调。最后一个关键帧的图像与第一个关键帧的相同(用复制帧-粘贴帧的方法就可以了)。在每个关键帧之间创建形状动画:选中所有关键帧,然后在属性栏中将“中间”的值改成“形状”。
3.创建一个“line”渐渐扩大的动画“linescale”
新建一个影片剪辑“linescale”,将我们刚做好的“line”拖放至中央位置,在影片的100帧处创建关键帧,将这一个帧中的“line”扩大至原来的2至3倍,并适当将其下移一段距离。在两个关键帧之间生成动画。然后在第101帧插入关键帧,删去其上的元件将其做成一个空的关键帧,并在其中写入以下代码:
stop();//为什么?请看最后的第7条
至此元件就全部做好了,下面来做整个效果。
4.在整个影片的第一帧写入以下代码:
count=1;
frame=1;
maxframe=100; //这是我们做的“line”动画的总帧数
maxcount=50; //允许同时出现的“line”数目
5.在影片的第二帧创建关键帧。拖入“linescale”影片剪辑到这一帧,注意:要放在影片区域之外,也就是影片播放时不要让它出现。将其Instance值改为“linescale”。双击这个影片剪辑进入编辑状态,选中其中放置的“line”影片剪辑,将其Instance值改为“line”。点击“时间轴”下方的“场景1”退出编辑状态回到整个影片根目录。
点击整个影片的第二帧,写入以下代码:
duplicateMovieClip(linescale,"line"+count,count); //复制影片“linescale”
eval("line"+count)._x=200;
eval("line"+count)._y=150; //设定影片出现位置
eval("line"+count).line.gotoAndStop(frame); //将线条形状定格于第frame帧
6.在影片的第四帧创建关键帧,写入下面代码:
count++;
if (count>maxcount) {
count=1;
}
frame++; //下次线条的形状要采用的帧
if (frame>maxframe){
frame=1;
} //帧的循环
gotoAndPlay(2);
好了,现在可以按“CTRL+ENTER”测试我们的影片了。
7.最后:
相信看了以上制作过程,你应该对这个效果的制作原理有所了解了吧。“line”元件的作用只是生成一系列的动画帧,而后面我们做的就是用生成的这些帧顺次显示并放大。颇有些预渲染的意思噢。 为什么要在第4帧做这一步呢,其实只是一个延时的作用,如果你将这一步放在前一帧,生成的动画中线条就会密一些,你可以通过这种方法并通过增加maxcount的值来增多同屏线条数量,以提高动画的质量。不过同一帧显示太多元件的话会导致影片播放不顺畅,需要多次尝试并在质量和播放速度之间找到一个平衡点。还有在第3步,为什么要多加那么一个空的关键帧呢?在我们进行上述的调整时,肯定在某一参数时“linescale”在屏幕上的存活时间会比其播放一次的时间要长(比如maxcount调得较大时),这时影片就会回到第一帧播放第二次,画面秩序就会被破坏了。加入空白帧的目的就在于阻止影片的重复播放并使其在屏幕上消失掉。
下面请看具体的制作过程:
1.新建一个影片,将其背景色改成黑色。
2.创建一个线条的变化动画“line”(如下)
新建一个影片剪辑“line”,先在其中每隔20帧创建一个关键帧(创建多少随意,在这个例子中我们创建6个关键帧,也就是总共占用100帧),然后在每个关键帧中用铅笔工具随意地画一根弯曲的线条,不能画得太短,并且线条的弯曲状况要多变一点,最好没有重复的感觉。每个关键帧中的线条颜色要不同,相邻关键帧的颜色相差最好大一些:前一个关键帧用了暖色的话,在接下来的一个关键帧中最好用冷色调。最后一个关键帧的图像与第一个关键帧的相同(用复制帧-粘贴帧的方法就可以了)。在每个关键帧之间创建形状动画:选中所有关键帧,然后在属性栏中将“中间”的值改成“形状”。
3.创建一个“line”渐渐扩大的动画“linescale”
新建一个影片剪辑“linescale”,将我们刚做好的“line”拖放至中央位置,在影片的100帧处创建关键帧,将这一个帧中的“line”扩大至原来的2至3倍,并适当将其下移一段距离。在两个关键帧之间生成动画。然后在第101帧插入关键帧,删去其上的元件将其做成一个空的关键帧,并在其中写入以下代码:
stop();//为什么?请看最后的第7条
至此元件就全部做好了,下面来做整个效果。
4.在整个影片的第一帧写入以下代码:
count=1;
frame=1;
maxframe=100; //这是我们做的“line”动画的总帧数
maxcount=50; //允许同时出现的“line”数目
5.在影片的第二帧创建关键帧。拖入“linescale”影片剪辑到这一帧,注意:要放在影片区域之外,也就是影片播放时不要让它出现。将其Instance值改为“linescale”。双击这个影片剪辑进入编辑状态,选中其中放置的“line”影片剪辑,将其Instance值改为“line”。点击“时间轴”下方的“场景1”退出编辑状态回到整个影片根目录。
点击整个影片的第二帧,写入以下代码:
duplicateMovieClip(linescale,"line"+count,count); //复制影片“linescale”
eval("line"+count)._x=200;
eval("line"+count)._y=150; //设定影片出现位置
eval("line"+count).line.gotoAndStop(frame); //将线条形状定格于第frame帧
6.在影片的第四帧创建关键帧,写入下面代码:
count++;
if (count>maxcount) {
count=1;
}
frame++; //下次线条的形状要采用的帧
if (frame>maxframe){
frame=1;
} //帧的循环
gotoAndPlay(2);
好了,现在可以按“CTRL+ENTER”测试我们的影片了。
7.最后:
相信看了以上制作过程,你应该对这个效果的制作原理有所了解了吧。“line”元件的作用只是生成一系列的动画帧,而后面我们做的就是用生成的这些帧顺次显示并放大。颇有些预渲染的意思噢。 为什么要在第4帧做这一步呢,其实只是一个延时的作用,如果你将这一步放在前一帧,生成的动画中线条就会密一些,你可以通过这种方法并通过增加maxcount的值来增多同屏线条数量,以提高动画的质量。不过同一帧显示太多元件的话会导致影片播放不顺畅,需要多次尝试并在质量和播放速度之间找到一个平衡点。还有在第3步,为什么要多加那么一个空的关键帧呢?在我们进行上述的调整时,肯定在某一参数时“linescale”在屏幕上的存活时间会比其播放一次的时间要长(比如maxcount调得较大时),这时影片就会回到第一帧播放第二次,画面秩序就会被破坏了。加入空白帧的目的就在于阻止影片的重复播放并使其在屏幕上消失掉。
回复Comments
作者:
{commentrecontent}