Flash8绘制秋之落叶

2016-02-19 18:47 9 1 收藏

每个人都希望每天都是开心的,不要因为一些琐事扰乱了心情还,闲暇的时间怎么打发,关注图老师可以让你学习更多的好东西,下面为大家推荐Flash8绘制秋之落叶,赶紧看过来吧!

【 tulaoshi.com - Flash8绘制秋之落叶[组图] 】

  首先让我们先看一下制作完成之后的效果如图1所示:


图1

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com)

  现在我们开始制作:

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com)

  第一步:创建灯光以及树叶轮廓

  1)我们要通过建立一个虚拟灯光,让灯光照在树叶上,使树叶有高光区和阴影区,这样可以达到更加逼真的效果。首先将背景颜色设定为#666666,然后建立一个图层,名为‘light source’,在第10帧按F5创建关键帧,在绘图区的左上角用绘图工具绘制出一个虚拟的灯光(如图2所示),这个灯光将决定我们在树叶的什么部分绘制的阴影区以及高光区。

  2)然后在light source 下面建立一个图层,名称为‘outline’,然后用线条、铅笔工具以及选择工具和部分选择工具(线条颜色为#00FF00)画出树叶的轮廓如图2所示:

  第二步:创建树叶的叶脉

  在outline上建立一个新图层,名称为leaf,右单击outline 上的第一帧,选择‘复制帧’,在第2帧上按F6,右单击第2帧,选择‘粘贴帧’,用线条工具绘制叶脉,也可以用钢笔工具,这样修改起来更加细致逼真,最后再用部分选择工具最后修改一下就OK了,效果如图3:


图3

  第三步:给叶脉填色

  在leaf上建立一个新图层,名称为vein,在第3帧按F6,在leaf层上选择所有叶脉,crtl+c,选择vein上的第3帧,crtl+V,然后用两个线性填充色来填充叶脉的主干,和叶脉的分支。两个线性填充的值分别如下图所示:


  主干填充色

  第一个色块值为#8A1B00

  第二个色块值为#490000


  分支填充色

  第一个色块值为#B4200C,Alpha:50%

  第二个色块值为#490000,Alpha:75%

  填充完成效果如图4所示:


图4

  第四步:给叶脉绘制不同的填色区域,对树叶的颜色进行分区及填色

  在leaf 层上的第3、4帧上按F6,然后将第3帧上的内容清空,在第4帧上用铅笔工具绘制树叶的不同亮度以及不同颜色的填充区域。在第5帧上按F6,用填充工具,根据我们前面建立的虚拟灯光照射的角度,浅颜色代表高光区,深颜色代表阴影区,选择不同颜色进行填充。绘制及填充颜色完成如图5所示:


图5

  颜色由浅入深共4种,最浅为:#F4C84C #EC8926 #C32A0B #820C06 ,你会发现在一大块区域没有填色,那个是用放射状填充的,具体值如下:

  第一色块值为#C32A0B,第二色块值为#E36C24,设置好后,对未填充的地方进行填充。我们一定要注意细节,我们的叶柄还没有上色呢。叶柄也是用放射状填色的。其值如下所示:

  色块颜色依次为:#A22F12 #D1885B #E0AC8D #D17F50 #D14C13,设置完成后,可以进行填充。

  注:在第四步中为操作方便将vein 先隐藏起来,操作完成后可再显示出来。

  第五步:去除颜色区域边框线

  选择leaf层,在第6帧上选择所有的边框线,按DELE键删除。效果如图6所示:


图6

  制作到这里,也许你认为已经很像了,其实不然,我们之前第一步就建立一个虚拟灯光,目的是为了让树叶更加真实,下面我们将进行一系列的细节处理。

来源:http://www.tulaoshi.com/n/20160219/1618946.html

延伸阅读
标签: flash教程
刚刚发布的Flash Professional 8 新增了滤镜和混合模式这两项重要的功能,从而大大增强了其设计方面的能力。但对于很多设计师来说,这些在不少图形图像软件中都具备的功能,也许过于司空见惯,也就见怪不怪了。 不过看法归看法,这丝毫不能影响两项新特性对制作Flash动画所产生的便利和巨大影响。它们几乎颠覆了长期以来,对Flash设计...
刚刚发布的Flash Professional 8 新增了滤镜和混合模式这两项重要的功能,从而大大增强了其设计方面的能力。但对于很多设计师来说,这些在不少图形图像软件中都具备的功能,也许过于司空见惯,也就见怪不怪了。 不过看法归看法,这丝毫不能影响两项新特性对制作Flash动画所产生的便利和巨大影响。它们几乎颠覆了长期以来,对Flash设计...
标签: Web开发
很简单几行代码就可以实现整个页面的连接效果.  代码如下: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"  html xmlns="http://www.w3.org/1999/xhtml"  head  meta http-equiv="Content-...
标签: flash教程
有了对滤镜的大致认识(详细内容请阅读《 滤镜效果概览 》),我们来了解一些细节的内容,这里我列举几个典型的滤镜和选项。再者,因为大部分的选项和Photoshop过于相似,我会有针对性的比较两者的相同点以及有所差异的方面。我想,这对了解软件之间的共通性,从而提高效率、降低学习成本很有好处。 其一当然是投影,最基本的东西我们...
标签: FLASH flash教程
        在此教程中,我将向你展示如果将Audio TT车在flashmx2004通过鼠标来将它矢量化,虽然这里面用的是flashmx2004,但它同样适合于其的flash版本。       在这里绘图板是不需要的,但是如果你足够幸运拥有它,你也可以使用它,因为它可以加快整个绘制的过程,你所需要的只要对flas...

经验教程

437

收藏

89
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部