分享

flash制作对称图片移动的效果

 松月石泉 2016-01-20

对称图片移动的效果


自己找几张图片。

首先,我们打开FLASH软件,新建一个文档,FLASH2.0、3.0都可以,然后导入素材图片,共4张,点“文件”~导入~导入到库,选中导入的这四张图片,点打开,库里四张图片分别命名为01、02、03、04。首先压缩图片,这样做出来的东西占用空间比较小,便于上传。压缩图片的方法:用鼠标在图片的图标上右键,属性单击,打开了位图的属性,在这个位图对话框里面,把“允许平滑”前面打沟,因为在“平滑”前面打“勾”,图片在动的时候就比较平滑不大抖动了。选择“自定义”,点右面的“更新”,点“确定”,单击一下,就这样,一张图片就压缩好了。用同样方法对图2~4分别进行压缩操作。这样,四张图片就处理好了。

首先做效果,在场景1里找时间轴,在图层1的第1帧单击,然后把库面板中图片1拖入舞台,做全居中。图片宽550高400,如果用自己的图片,需要做全居中,就是匹配宽和高,让它和舞台一样大小,并且和舞台位置重合。第1张图片摆好了,我们再到库面板中找第2张图片,将图片2拖入舞台,摆在图片1右面,如果不是550×400的,需要用属性面板修改它的大小,550×400,我们今天要用的图片都是这个尺寸,拖入的图片如果不符合这个要求,就按此更改一下。拖进来之后点选第2张图片,做垂直中齐,用方向键把第2张图片向第1张图片靠拢,敲到两张图片衔接没有缝隙为止。第2张图片就做好了。下面从库面板中把第3张图片拖入舞台,先拖入舞台的下面,这时要看一下舞台展示的比例,比例一定要放小,否则就看不到边缘了。我们把比例放到25%,如果25%的比例还有些大,就调到15%,原来有两张图片已经摆好了,我的第3张图片现在放在下面,右面这个地方不够,这没关系,你只要把第3张图片往右挪一下,区域就加宽了,然后把第3张图片放在第2张图片的右面,点一下这张图片,做垂直中齐,然后用方向键把第3张图片往左挪,向第2张图片靠拢,做到严实合缝,用方向键一点一点的挪,直到没有缝隙为止。3张图片都已经衔接好了。

再把最后一张图片拖进来,图4拖入舞台,放在这三张图片的下面偏右一些,你看右面还是区域比较窄,你继续把这张图片往右放,放一点它就抻开了,你再放一点它又抻开了,然后把第4张图片放在第3张图片的右侧,还是用对齐面板做垂直中齐,接下来用方向键把第4张图片向第3张图片靠拢,用方向键向左敲,敲到衔接没有缝隙为止,释放鼠标。现在我已经把四张图片全都放好了,衔接好了。然后还要放1张图片,那就是把第1张图片从库里再次拖入舞台,或是复制第1张图片也可以,咱们还是拖吧,把这第1张图片拖入舞台,放在第4张图片的下面,再一点一点往右串,串到第4张图片的右面,然后做垂直中齐,就上来了,然后用方向键向左敲,使它和第4张图片衔接好,不要留有缝隙,留有缝隙就不好看了。到目前为止,舞台上已经摆了5张图片,它们的顺序是:第1张、第2张、第3张、第4张,然后又是第1张。1和5都是同样的图片。

摆好后,点图层1的第1帧,你一点第1帧,五张图片就全都被选中了,我们在选中的图片上面,点鼠标右键,找“转换为元件”单击,转换为元件的名称默认,为“元件1”,图形元件,确定。这五张图片全成为一体,成为一个图形元件了。

把图层1小锁的右面小四方块,就是显示轮廓的按钮按下去看一下,这5张图片成为一个元件,这个元件的左边和舞台的左边一齐,整个的元件在舞台上,右边还有4张图片没有在舞台上,出现图片的空框。

在500帧插入关键帧,把时间轴下面的拉条往右拉,拉到500帧的位置,插入关键帧,把图片位置串一下,刚才是左对齐,现在我们选中这个元件,单击一下场景中这个元件就可以了,不要双击。单击这个元件以后,打开对齐面板,做右对齐,看一下,这个元件的右边缘和舞台的右边缘就对齐了。元件的位置有了较大的改变。这时候,再回到第1帧,或在第1帧到500帧之间任选1帧,点鼠标右键,找“创建传统补间”单击,我现在用的是FLASH10.0,如果有的同学是用的9.0的,就打开属性面板,到那里去找“补间动画”点一下,给它创建一个补间动画。

这时候我们释放鼠标,把图层1显示轮廓这个小绿方块再弹回来,然后回车,看图片动没动起来?从哪个方向向哪个方向移动的?是从右面慢慢的向左移,到500帧结束。图层1做好了,上锁。

填加图层2,图层2放什么呢?还是放图层1里的这个元件,我们可以从库面板里找,也可以在图层1第1帧上进行复制。我们就从库面板里找吧。

打开库面板,就可以看到我们刚才做好的图形元件1,我们把图形元件1拖入舞台,把图层1的眼睛关掉,用对齐面板把拖进来的这个图形元件做一个对齐,点对齐面板做垂直中齐,右对齐。图层1的第1帧是左对齐,图层2的第1帧正好相反,它是右对齐,然后我们需要有一个“水平翻转”,到菜单栏里找到“修改”,点修改~变形~水平翻转,单击。到图层2的第500帧,右键“插入关键帧”,打开对齐面板做“左对齐”。这个图形元件的左面就对齐舞台了。

回到第1帧或在图层2的第1帧至500帧点任1帧,点右键~“创建传统补间”,或者是打开属性面板~单击“补间动画”,我们释放鼠标敲一下回车,看它是怎么动的?它是从左边开始向右边移动。这两个图层同样的元件,它们的区别是:图层1里是原来的元件,图层2是在原来的基础上做了一个水平翻转,它的图案正好是对称的。图层1是从右向左移动,图层2做的是从左向右移动。动作的方向不同,做好后,我们把图层2上锁。

再添加图层3,在图层3上画一个遮片,打开图层1眼睛,因为我们敲回车看效果,舞台中间什么也看不到,只能看到图层2上的图片在动,图层1上的就看不到了。如果我们把图层2用遮罩的办法遮住一半,或是把图层1遮住一半,那么,两个图层的动作就能同时看到了。并且在舞台上,一半是图层1的动作,一半是图层2的动作,

现在把图层3第1帧单击,放一个遮片,画遮片,点选矩形工具,笔触颜色关掉,填充色任意,在舞台上画一个矩形,不管多大,拉出一个就可以,点黑箭头选中矩形,调整大小和位置,首先调大小,选中这个矩形,打开属性面板,在宽高解锁状态下,把宽度调275,是舞台原宽度的一半,高400,和舞台一样高,回车。这时遮片正好是舞台一半,在对齐面板,首先做垂直中齐,右对齐,它就在舞台的右半边,那怎么才能看到是不是在舞台的右侧?把图层最上边的显示“所有图层轮廓“的按钮单击一下,所有的图层就都显示为轮廓了,右边绿色的是图层1上的图片,左边这个紫色的轮廓是图层2上的图形元件,在舞台上中间右半个是我刚刚做的遮片,这样,我们就能看到我们遮的位置了。现在我们把显示轮廓的按钮再弹起来。点一下就回来了。

我们是要用图层3这半个遮片,遮罩一个图层,把图层3变成遮罩层,在图层3上点右键,单击“遮罩层“,遮罩了图层2,遮罩了图层2之后,我们看一下,点控制~测试影片,看效果,两个图层上的图片都分别在动,图层2上的图片选择了被遮罩,两个图层都能看到。效果就出来了。从第1张图片开始拉动到第4张图片,继续不断的在动,两个图片从中间往左右分开拉动。做成了。

我们再把图片装饰一下,控制~测试影片看一下,如果播放影片时,或是拉宽了,或是拉高了,你会看到超出舞台的部分也都显示出来了,挺不好看的。这时需做遮布,使舞台外面多余部分不让显示。一显示就乱套了,看到没有。我们要的是显示舞台中间的部分,两边多余的部分不让它显示,就更好看了。怎么办呢?再插入一个图层4,在图层4上画一块遮布。点第1帧,把舞台展现比例调为25%,把显示轮廓按钮点下去,你就会看到白背景,它的好处是:你画矩形、画遮罩布的时候就能找到这个白背景。否则你遮罩谁呀?看到了白背景之后,你就在白背景上画一个遮布,就能把多余部分给遮上了。

下面就点选矩形工具,笔触色为红色,点第1帧,把舞台展示比例改为25%,把上边显示轮廓按钮点下去,矩形工具,笔触红色,填充色灰色吧,在舞台上画一个矩形,这个矩形画多大没有尺寸,我们看到舞台上多余的部分,主要把左右两边,上下没有多余的部分,所以,主要是要把左右两边以外的遮起来,但上下也要多画一些,画遮布主要是盖住白色舞台就可以,外围宽高都要超出舞台,在舞台的左上方离的远一点的地方,点一下鼠标左键,从左上向右下拉一个大点的遮布,把白背景和右边的框都给它盖住,因为只看到轮廓框,看到这个矩形框把白背景都盖住了,而且多出来很多,这样就可以了。现在把显示轮廓按钮弹起来,就会看到我画的这个遮丑布了。现在点选黑箭头工具,选中遮丑布,使其成麻麻点状,如果没有麻麻点状,你就选中遮丑布,用修改~分离,单击一次,分离以后就有麻麻点了,这时候红色的笔触颜色也看到了,里边灰色的颜色也看到了。接着用对齐面板做全居中,在整个遮丑布是全选的状态,做全居中。释放鼠标,这时灰色和红色边缘都不应是麻麻点了。

双击红色笔触色,边缘有麻麻点,中间部分没有麻麻点,接下来用对齐面板做“匹配宽和高”,做水平中齐、垂直中齐,我们让笔触颜色和舞台一样大小,并且位置居中于舞台。调好了之后,再释放鼠标,让红色边框颜色这个笔触色来切割填充色,释放鼠标以后,再点中红色矩形框里的中间,中间部分就是麻麻点了,外边就不是麻麻点了。里外两个部分被红色的笔触色给分开了,选中中间以后,用Delete键删除,或是用右键~剪切。把中间去掉了。中间的底下的图层,颜色就露出来了。然后还要把红色矩形框去掉,双击这个红色的笔触色,一双击就全选了,如果单击只能选中一条边,一定要双击这里,然后用Delete键删除。这时,中间这个“洞”我们就抠好了。这个“洞”里面就是下边图层的动画效果。外面全部被遮丑布给遮住了。图层4上锁。测试影片,左右都是灰色的遮丑布,看不到多余的图片在那动了,只有舞台中间的部分在动。在测试的时候如果把场景再拉长一些拉高一些,我们看到上下也还是灰色的,也看不到多余的东西跟着动了。这就是我们想要的效果。遮丑布做好了。按理说今天的动画就可以了。下面再装饰一下。

我们给这个动画镶一个小边框吧。会好看一些。我们再添加一个图层,在图层5上点第1帧,矩形工具,笔触色深绿色,你也可以根据自己的喜爱任选一个颜色,填充色关掉。打开属性面板~“填充和笔触”~把笔触高度调成50,在舞台上画一个矩形,在哪画都行,多大都行,画一个矩形,因为笔触高度数值比较大,画出来的线条就很粗,用黑箭头工具框选这个矩形,打开对齐面板做“匹配宽和高”,水平中齐、垂直中齐,给这个框做了全居中。然后释放鼠标看一下,看大小颜色比较合适就可以。这时看边框还是比较呆板,让它有点立体感,给边框加滤镜效果,首先我们的对象必须是影片剪辑,现在我们的对象只是个矢量图,需要框选这个矩形框,在上面点鼠标右键,找“转换为元件”单击,名称默认就可以,类型:影片剪辑,确定。打开属性面板,在下面有滤镜,点开滤镜,里边有“十”号,点开就看到滤镜了。10.0的在左下角有个按钮叫“添加滤镜”,点一下“添加滤镜”,再点一个“斜角”,释放鼠标看一下,就会看到做的边框有立体感了。点“控制”~测试影片,就会看到装饰以后,效果就好多了。经过装饰以后,似乎这个动画是在镜框里面动起来,比刚才好看多了。

剩下的就是再给这个动画填上一个标题和作者的名字和制作的时间,这个我就不想讲了。大家自己发挥自己的特长,添上漂亮的标题和漂亮的名字就可以了。最后别忘了保存文件,把所有图层都上锁,保存。文件就做好了。

效果就讲完了。

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多