云荷-个人作品展示

标题: 【flash教程】背影飘裙动画应用 [打印本页]

作者: 寒江雪润    时间: 2022-9-9 10:05
标题: 【flash教程】背影飘裙动画应用
  打开flash软件,可以看到如下图。
[attach]21795[/attach]


图的顶端是一排菜单,中间一大块是舞台,下端是图层以及时间轴。
右端是库与属性面板。右端的边上是竖排的常用工具。这些东西比较多,一下子介绍起来会令人头晕。
如果能在具体使用中慢慢熟悉,就会容易得多。

作者: 寒江雪润    时间: 2022-9-9 10:10
  1,打开flash软件后,选菜单中文件--新建,然后填写舞台宽与高,fps(帧频:每秒运行多少帧,一般为24),
       然后点确定。

[attach]21796[/attach]

这里尚未命名,所以标题为未命名。下端有图层与时间轴。主场景舞台标注为场景1
作者: 寒江雪润    时间: 2022-9-9 10:11
2,选菜单--文件--保存,选好需要保存的地址与文件夹,并给flash文件取个名。
作者: 寒江雪润    时间: 2022-9-9 10:12
3,选菜单--插入--新建元件,在框中的类型选--影片剪辑,名称取--人物飘裙mc。
作者: 寒江雪润    时间: 2022-9-9 10:13
4,将下载的11张飘裙人物图片取名1.png--11.png。

下载地址:http://www.yhyhlt.com/forum.php?mod=viewthread&tid=20137
作者: 寒江雪润    时间: 2022-9-9 10:17
  5,此时flash舞台显示的是:场景1--人物飘裙mc(此舞台不是主场景舞台,而是人物飘裙mc的舞台)
   选文件--导入--导入到舞台,打开存放图片的文件夹,选第一张,然后打开。
   系统会出现提示:是否打开所有的同类图片?选:是。
   
   系统会自动将11张图片按序排列在图层中,并且库中自动导入了11张图片。

[attach]21797[/attach]



  (用此法的目的是节省步骤,一张张导入比较麻烦且费时)
  


作者: 寒江雪润    时间: 2022-9-9 10:21
5.1,在库中,点第一张图片,按shift键选最后一张图片,(即全选图片)
        然后右键,在下拉式菜单中选--属性,
       在属性对话框中选压缩:选照片。在品质中选:80.当然也可选100或无损,主要是够用就好,无损文件会大,压缩太多图像会糊。

作者: 寒江雪润    时间: 2022-9-9 10:22
  5.2,右键点击舞台下面图层1的第一帧,弹出菜单中选插入帧两次,插入两帧。各个关键帧后依次分别插入两帧,11帧变成33帧。
          这样,播放起来速度正好。(我这里选择的是fps24,如果fps12的话,间隔插入1帧就行)

[attach]21798[/attach]

作者: 寒江雪润    时间: 2022-9-9 10:25
  6,点舞台上端场景1,回到主场景。点右端面板上边的 属性。可以看到主场景舞台的属性:舞台大小:900x500.目标11.2.脚本as3.
        舞台颜色:白色。这些都可以改,改为自己合适的。

    [attach]21799[/attach]
  
     舞台的大小,即宽与高是flash在论坛播放时所显示的大小。
   其中舞台大小我以前用1400x800,其优点是视野宽,缺点是文件会很大,且观看时需要拉论坛滚动条。现在的看客都比较懒,来看你的帖子
   已经很给面子了,动画播放与静态图不一样,要看客不停地拉滚动条去观看播放有点不现实。如果不拉滚动条看动画,那大尺寸就得不偿失了。
   一般用1000x600。
   因为高度500正好掐住论坛高度,无须拉滚动条,所以我现在用900x500,且整体文件可以做得更小。
作者: 寒江雪润    时间: 2022-9-9 10:26
7,导入一张自己想用的底图。
   选文件---导入--导入到库。导入后可以看到库中出现这张图,并在属性中填入品质大小(见5.1)。
作者: 寒江雪润    时间: 2022-9-9 10:28
8,选菜单中的插入--新建元件,类型:图形,取名为底图。将库中将此图片拖入底图舞台,打开属性面板,在位置和大小中,取x:0,y:0(对齐) 宽900,高500。
   选菜单--修改--分离,(俗称为打散,将图片变为形状。一般图片都需要做此步骤,以便需要时可以对它进行修改)
作者: 寒江雪润    时间: 2022-9-9 10:28
9,回到主场景,时间轴选择图层1中第一帧,(第一帧有一个空白圆点,如果没有,需要添加一个空白关键帧)
   将库中底图拖入舞台。
作者: 寒江雪润    时间: 2022-9-9 10:29
  9.1,鼠标选中场景中的底图图片,就会见到属性面板上有底图的大小与位置,选x;0,y:0.(与舞台对齐)

  [attach]21800[/attach]
作者: 寒江雪润    时间: 2022-9-9 10:30
10,左键点击底边左角上的小白框,即添加一个图层2。将图层1锁住,选择图层2第一帧,用选择工具将库中人物飘裙mc
   拖入舞台。并放好位置。
作者: 寒江雪润    时间: 2022-9-9 10:31
11,选择任意变化工具,将人物适当放大,高度上略多增加一点,因为我做的人物略宽了点,高度变大点身材比例更适当。
作者: 寒江雪润    时间: 2022-9-9 10:33
  12,选中人物,打开属性面板,(注意:选择舞台中的哪个元件,属性面板就显示哪个元件的属性)
    打开属性面板上的滤镜,鼠标放在属性面板的底端小白框上,就能见到添加滤镜选项,点击它,选择调整颜色,
    改变饱和度至20--30,人物色彩会鲜艳一点,设置多少合适,主要看背景图片的情况而定。

  [attach]21801[/attach]
作者: 寒江雪润    时间: 2022-9-9 10:34
13,选菜单--控制--测试影片,就能看效果。
作者: 浅唱    时间: 2022-9-9 11:22
寒江老师又出教程
收藏
作者: 寒江雪润    时间: 2022-9-9 19:05
浅唱 发表于 2022-9-9 11:22
寒江老师又出教程
收藏

嗯,可以收藏,其实背影动画也可以用在单图的设计中。
作者: 欧阳风刀    时间: 2022-9-9 20:15
对照着教程学习,看能不能学会。
作者: 欧阳风刀    时间: 2022-9-9 20:16
感谢哥们精品教程!
作者: 薰衣草    时间: 2022-9-9 22:16
支持老师
作者: 寒江雪润    时间: 2022-9-9 23:03
欧阳风刀 发表于 2022-9-9 20:15
对照着教程学习,看能不能学会。

肯定能学会的,新学可能不太熟悉,碰到问题尽管问。
作者: 寒江雪润    时间: 2022-9-9 23:06
欧阳风刀 发表于 2022-9-9 20:16
感谢哥们精品教程!

不用谢,更多人做动画热闹哈。
作者: 寒江雪润    时间: 2022-9-9 23:07
薰衣草 发表于 2022-9-9 22:16
支持老师

谢谢支持!
作者: 欧阳风刀    时间: 2022-9-10 19:26
寒江雪润 发表于 2022-9-9 23:03
肯定能学会的,新学可能不太熟悉,碰到问题尽管问。

这领域俺从没接触过俺试试。
作者: 春华秋实    时间: 2022-9-10 22:31
教程真是不错,只可惜本人比较笨,我顶我顶
作者: 寒江雪润    时间: 2022-9-11 11:14
欧阳风刀 发表于 2022-9-10 19:26
这领域俺从没接触过俺试试。


flash不太难,只是熟悉与否的问题,多做做,慢慢来,有问题在此帖提问,一定能行。

难点在ps上制作素材,有了素材,在flash上只是进行组合、平移、旋转等动作。
作者: 寒江雪润    时间: 2022-9-11 11:19
春华秋实 发表于 2022-9-10 22:31
教程真是不错,只可惜本人比较笨,我顶我顶


问好春华秋实!

放心去试,传统flash就是为笨人设计的。

如果你碰到问题,一定是你不熟悉,陌生而已。
作者: 绿蔷薇    时间: 2022-9-11 21:35
非常强大的教程,步骤非常详细,谢谢寒江无私的分享,辛苦~~
作者: 绿蔷薇    时间: 2022-9-11 21:35
等薇空了也来试试~~
作者: 绿蔷薇    时间: 2022-9-11 21:36
遥祝寒江中秋假期快乐~~
作者: 寒江雪润    时间: 2022-9-12 10:43
绿蔷薇 发表于 2022-9-11 21:35
非常强大的教程,步骤非常详细,谢谢寒江无私的分享,辛苦~~

在写教程之时,自感已经很详细了,但现在传论坛后,再看一遍,觉得对没接触过flash的的人来说,可能还不够细致。
作者: 寒江雪润    时间: 2022-9-12 10:51
绿蔷薇 发表于 2022-9-11 21:35
等薇空了也来试试~~

慢慢试,从生疏到熟悉需要一个过程,真心说flash不难,功能强大。
难在动画素材的制作上,就是ps的功夫。
作者: 寒江雪润    时间: 2022-9-12 10:52
绿蔷薇 发表于 2022-9-11 21:36
遥祝寒江中秋假期快乐~~

节日快乐!
作者: 绿蔷薇    时间: 2022-9-14 21:18
寒江雪润 发表于 2022-9-12 10:43
在写教程之时,自感已经很详细了,但现在传论坛后,再看一遍,觉得对没接触过flash的的人来说,可能还不 ...

教程很详尽了,新手如果碰到问题,可以在帖子里向寒江提问~~
作者: 绿蔷薇    时间: 2022-9-14 21:25
寒江雪润 发表于 2022-9-12 10:51
慢慢试,从生疏到熟悉需要一个过程,真心说flash不难,功能强大。
难在动画素材的制作上,就是ps的功夫。 ...

对的,无论是PS还是FL的学习,都有一个漫长的过程~
过了国庆我可能会少忙一些,到时候静下来学学,我必须让静止的图片动起来~~
作者: 寒江雪润    时间: 2022-9-17 08:28
绿蔷薇 发表于 2022-9-14 21:18
教程很详尽了,新手如果碰到问题,可以在帖子里向寒江提问~~

嗯,有问题尽管提。
作者: 寒江雪润    时间: 2022-9-17 08:32
绿蔷薇 发表于 2022-9-14 21:25
对的,无论是PS还是FL的学习,都有一个漫长的过程~
过了国庆我可能会少忙一些,到时候静下来学学,我必须 ...

确实,学习都有一个从生疏到熟悉的过程,慢慢来。

那是,让图图动起来。喜欢单图的,可以先让单图中的部分元素动起来,如此会更有兴趣。
作者: 紫雨琦琦    时间: 2022-9-18 21:45
为雪润老师的分享,点赞




欢迎光临 云荷-个人作品展示 (http://www.yhyhlt.com/) Powered by Discuz! X3.2