飘飘悠悠 发表于 2015-1-15 21:05:39

给大家带来Flash教程:绘制喜鹊和红梅动画-Flash实例教程

Flash通常也指MacromediaFlashPlayer(现AdobeFlashPlayer)。2012年8月15日,Flash退出Android平台,正式告别移动端。
  点击这里前往本站的Flash教程频道。
  本Flash教程是关于利用flash绘制喜鹊和红梅动画,次要由绘制喜鹊、梅花和场景的组装,来制造喜鹊登红梅动画效果,教程合适有必定基本的网友进修,网友必要花点耐烦做绘制实习。
  本教程具体解说了利用Flash来绘制喜鹊和梅花的办法,但愿网友能喜好。先看看效果演示:
http://www.webjx.com/files/media/xiquehongmei.swf
最终效果
  新建文档,数值利用默许值。
  1、画喜鹊(逐帧动画实习)
  一样平常的逐帧动画其实不难,把第一帧画好了,其他关头帧只需调剂大概稍做修改就好了。只要外形变更对照年夜的,每一个关头帧必需重画的,才贫苦。如人物回身,固然,这对妙手们来讲是小菜一碟了。
  新建元件,影片剪辑,名:喜鹊。增添五个图层,图层更名,从上到下为:翅、尾、上嘴、下嘴、身、脚。图层全体上锁,在哪一个图层操纵就把哪一个图层锁翻开,其他的锁上,如许不会堕落。
  1、身:用椭圆和直线工具画身材,把工具绘制点上,在属性栏里设置线条为极细,用黑箭头工具调剂外形,调欠好的中央就共同CTRL大概ALT键打结点,然后再调。FLASH鼠绘的效果是修改来,很多多少人不会画画,但鼠绘却不错,就在于有耐烦往调剂。



  全体选中,CTRL+B打散,删除过剩的线条,添补色彩,并用添补变形工具调剂色彩地位。









  删除一切线条,把场景缩小400倍画眼睛,假如眼睛要做举措的话,就另建一层来画,这里不弄那末庞大,就画在身材图层里。选椭圆工具,线条为实线巨细为1,笔触色:8A888A添补色:E3B602画椭圆并得当调剂。





  用刷子工具画上眸子和高光。



  2、上嘴:场景400倍,笔触色克制,添补色:D29402画长方形,用黑箭头工具拖动下面的两个角,拉成三角形,再把边调一点弧度。



  3、下嘴:添补色:BA8201



  4、尾:场景改成200倍,用直线工具,线条巨细为1,笔触色:453B53画尾。



  放射状添补,左色标:544A50右;000000添补后,再画上三根线条。选中这一帧,按Ctrl+G键组合一下。


0



  5、翅:场景200倍,画下图,边线的巨细为极细,椭圆和两头的线条巨细1。椭圆线条色彩:999999其他线条色:453B53。


1
  椭圆色彩添补和身材的淡色部分一样,其他中央和尾部添补色彩一样。添补后删除边沿线条,再选中这帧,按Ctrl+G键组合。


2
  6、脚:场景200倍,如丹青好,组合一下,再复制一个,摆放好。


3
  至此,第1帧完成了。全体效果和图层的摆放如图:


4
  把一切图层延伸到25帧。



  上面来调剂其他的关头帧,用变形工具调剂时,要注重注册点摆放的地位,它是以注册点为中央动弹。你要以那里为中央点动弹,就要把注册点挪动那边。第3帧:上嘴和下嘴图层拔出关头帧,变形工具选中上嘴,把注册点挪动左下角,向上动弹。


5
  变形工具选中下嘴,把注册点挪动左上角,向下动弹。


6
  第5帧:除脚图层外,一切的图层加关头帧。同党:变形工具选中同党,把注册点移到根部,向上动弹。


7
  尾:变形工具选中尾,把注册点移到根部,向上动弹。


8
  上嘴,下嘴,身材:这三个图层一同调剂,翻开这三层的锁,用套索工具选中嘴和身材的头部分。

9



  再点变形工具,如图挪动注册点,向上动弹。

0


1
  黑箭头工具调剂,毗连断点,再用变形工具把嘴调剂下。


2
  第6帧和第7帧:先把同党图层的第6、7拔出关头帧,然后复制第1帧粘贴到第6帧上。
  第8帧:用变形工具调剂上嘴和下嘴,让它闭合起来。


3
  第9帧:调剂翅和尾图层,并分离复制翅和尾的第1帧,粘贴到它们第9帧上。第12帧:调剂身材、上嘴、下嘴图层。分离复制身材、上嘴、下嘴的第一帧,粘贴到它们的第12帧上。第18帧:翻开上嘴、下嘴、身材图层的锁,用套索工具选中嘴和头部分,再点变形工具,如图挪动注册点,向下动弹。


4
  黑箭头工具调剂,毗连断点,完成图:


5
  一切的关头帧都完成了。举措未几,假如你想举措更多点,本人往试着调剂。如今把喜鹊元件拉进场景中,测试就能够看到一个活跃心爱的喜鹊了。上面我们入手下手画梅花...


  2、画梅花
  1、新建元件,图形,名花瓣1。放射状添补左色标:FF0000右色标为红色。


6
  2、新建元件,图形,名花瓣2,添补色彩同花瓣1。


7
  3、新建元件,图形,名花瓣3,添补色彩同花瓣1。


8
  4、新建元件,图形,名梅花1,点图层1的第1帧从库中把花瓣1、2、3拉进场景中,如图摆放好。


9
  增添图层2,画花蕊,点直线工具,笔触色:FFFF99线条巨细为1,画几条直线调弯。


0


  5、从库当选中梅花1,右键间接复制元件,更名梅花2。双击库中的梅花2,进进它的编纂区中,第1层不动,把第2层的花蕊删除,改画花蒂。


1
  点多角星形工具,在属性面板中,点”选项”,如图设置:


2


3
  画五角星。再用黑箭头工具调剂外形,然后添补色彩。放射状添补,左色标:30471F右:6C9452完效果果图:


4
  6、新建元件,图形,名半着花。点图层1的第1帧从库中把花瓣1,拉进场景中,复制四个,如图摆放好。


5
  增添图层2,画花蒂。


6


  7、新建元件,图形,名花苞。用椭圆工具和直线工具画表面,调剂好,添补色彩。放射状,左;FE7878右色标为红色。


7
  增添图层2画花蒂。


8
  8、新建元件,影片剪辑,名梅枝组合。增添二个图层,从上而下更名:前花、树枝、后花。图层上锁,翻开树枝图层,点刷子工具,设置光滑度20。


9
  随树枝粗细的变更,选择得当巨细的刷子来画,还能够用橡皮擦工具来修整。主枝的色彩:333333细枝的色彩:453B53花纹的色彩:555555。


0
  树枝画好了,图层上锁。翻开后花图层,从库中把梅花2拖进场景中,复制一些,改动巨细,摆放好。


1
  翻开前花图层,从库中把梅花1,半着花,花苞拖进场景中,复制一些,改动巨细,随本人的喜好往摆放,我的仅供参考。


2


  3、场景组装
  增添五个图层。从上而下定名:音乐、边框、笔墨、花飘、梅花、背景。
  1、背景图层:矩形工具,笔触色克制,添补色:F7F7F7画550*400矩形,全居中。
  2、梅花图层:从库中把梅枝组合元件拖进场景中,选中梅枝,增添滤镜中的含混效果,含混值为2。


3
  复制一个,减少、程度翻转,下降通明度为20%,摆放好。
  3、花飘图层:做花瓣飘落大概雪花飘落的效果,也能够不做,随本人喜好往弄吧。
  4、笔墨图层:打上本人喜好的咏梅诗词。
  5、边框:用矩形工具,添补色克制,笔触色为:CFB085线条为极细,工具绘制点上,画一个550*400矩形,全居中。再画一个510*360的矩形,全居中。用直线工具把两个矩形的的四个角毗连。


4
  选中这帧ctrl+B打散。添补色彩,线性添补。7个色标从左到右:BC8B5C、E7E4BB、C29C6B、E7E4BB、C29C6B、BCB187、BC8B5C。色标地位摆放如图:


5
  添补后,用添补变形工具调剂四个边色彩的地位。


6
  6、音乐图层。导进一首你喜好的歌,紧缩一下,在库当选中音乐,右键点属性,如图往失落勾,如许文件小了良多。


7
  点第一帧,在属性里,声响处选中音乐,设置为数据流。


8
  延伸帧,至音乐消散。我的有1415帧,把其他的图层都延伸到1415帧。一切的都做完了,ctrl+enter测试影片!

交互性更是flash动画的迷人之处,可以通过点击按钮、选择菜单来控制动画的播放。正是有了这些优点,才使flash日益成为网络多媒体的主流。

小妖女 发表于 2015-1-17 15:37:19

flash的优缺点可以如何运用呢?

爱飞 发表于 2015-1-24 11:46:29

缺点方面~有些技术不能实现,不过FLASH技术在发展在进步,相信在以后FLASH可以取代,大部分的视频编辑软件,视频制作软件。

蒙在股里 发表于 2015-2-1 10:59:46

传播上的优势——无国界跨媒体;创作群体的形成;媒体及比赛的推进

精灵巫婆 发表于 2015-2-7 07:34:22

矢量图形相对于位图的另一个优势是可以随意缩放的能力。这是对动画进程的奖赏,对用户来说也是一个很酷的特征。在Flash之前,Web上没有这种功能。

山那边是海 发表于 2015-2-21 11:14:04

Flash流行的主要原因是它使用了矢量图形(与位图相反)。因为这种图形格式比位图小得多,而且在缩放时对图形质量影响不大,所以很适合对带宽要求很高的Web。

谁可相欹 发表于 2015-3-6 21:19:03

各类广告形式,相信大部分网民基本都关注过,而毋庸置疑,一个画面精美,生动活泼的互动Flash动画广告,比其他广告形式更加吸引你我的眼球。这就是Flash动画的优势。

小魔女 发表于 2015-3-13 22:09:54

FLASH在网站建设中广泛的应用,但是FLASH也有自身的缺陷,尤其考虑到网络营销的综合效果时,FLASH 格式的广告并非最好的选择,有时甚至会降低广告效果。

admin 发表于 2015-3-20 21:19:18

flash 有这么多的优势,那么它的优缺点和设计方面的关系是什么?
页: [1]
查看完整版本: 给大家带来Flash教程:绘制喜鹊和红梅动画-Flash实例教程