Flash绘制精致矢量图——斑驳的秋天落叶

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

图1
现在我们开始制作:

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

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

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

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

第六步:建立树叶的第一个纹理

在leaf上建立一个新图层,名为texture1,在其第7帧上按F6,用建立一个放射状填充的渐变,值如下图所示:


两个色块的颜色都是一致的为:#820C06 两个色块的Alpha 分别为:75%和0%;

然后用画圆工具(其填充色为刚刚设置的放射状渐变,无边框色)绘制一个圆形,然后选择此圆形后按ctrl+G将其组合,然后分别复制6个,通过变形、旋转工具将其变形旋转后,根据虚拟灯光的照射角度,把它们放在叶子的不同位置,达到阴影的效果。完成效果如图7所示:

图7
我把这几个图形都选择上,以方便大家知道它们所放的位置,最后大家别忘记把那个左上角无用的图形删除掉。

第七步:建立第二个树叶纹理

同第六步,方法基本一致,在 texture1上建立一个新图层,名为texture2,在其第8帧上按F6,用建立一个放射状填充的渐变,值如下图所示:


两个色块的颜色都是一致的为:#D24917 两个色块的Alpha 分别为:75%和0%;

然后用画圆工具(其填充色为刚刚设置的放射状渐变,无边框色)绘制一个圆形,然后选择此圆形后按ctrl+G将其组合,然后分别复制15个,通过变形、旋转工具将其变形旋转后放在叶子的不同位置,完成效果如图8所示:

图8
同第六步一样,我把这几个图形都选择上,以方便大家知道它们所放的位置,最后大家别忘记把那个左上角无用的图形删除掉。

第八步:给树叶加上杂点

为了使树叶更加逼真,我们给树叶加上许多更加小的细节部分,在 texture2上建立一个新图层,名为texture3,在其第9帧上按F6,你以用用铅笔,钢笔等绘图工具,不用同颜色在叶子的不同位置绘制不同的杂点,使树叶更加真实,千万别忘记叶柄的根部还有一个小杂点呢。所有步骤完成后的最终效果如图9所示。

图9

时间: 2024-10-30 22:01:55

Flash绘制精致矢量图——斑驳的秋天落叶的相关文章

Flash绘制精致矢量图:逼真土豆

本教程中我们用Flash 8的绘图功能描绘一幅精致的矢量图像--逼真土豆.步骤简单易操作,而且效果非常棒. 首先让我们先看一下制作完成之后的效果,如图1所示. 图1 现在我们开始制作: 第一步:创建虚拟灯光以及土豆轮廓 1)我们还是要通过虚拟灯光达到更加逼真的效果.首先将背景颜色设定为#999999,场景尺寸:420*200,然后建立一个图层,名为'light source',在第7帧按F5创建关键帧,在绘图区的左上角用绘图工具绘制出一个虚拟的光源(如图2所示)这个灯光将决定我们的土豆的阴影区和

Flash绘制精致矢量图:可爱的玉兔

本教程中我们用Flash 8的绘图功能描绘一幅精致的矢量图像--可爱的玉兔,步骤简单易操作,而且效果非常棒. 首先让我们先看一下制作完成之后的效果如图1所示: 图1 现在我们开始制作: 第一步:创建虚拟灯光.绘制玉兔轮廓 1)我们还是要通过虚拟灯光达到更加逼真的效果.首先将Flash背景颜色设定为#FFFFFF,场景尺寸:300*300,然后建立一个图层,名为'light source',在第5帧按F5创建关键帧,在绘图区的左上角用绘图工具绘制出一个虚拟的光源如图2所示: 图2 2)在light

Fireworks绘制精致矢量美女插画

本例中我们用Fireworks绘制一个矢量风格的帅气美女,大家可以从中了解到Fireworks在矢量绘画方面的能力. 1.在Fireworks中用路径勾画脸部.头发的形状(如下图) 2.路径做头发上的光泽: 光泽部分使用的色彩,将光泽全部组成组后再添加颜色.得下图:

Flash绘制有趣脸形图

该篇主要讲述了如何使用鼠标绘制人的脸形,看着网上那么多缤纷多彩的Flash,相信很多朋友都有想自己亲手制作动画片的愿望.但我们中的大多数人并没有学过绘画,总是有很多的想法却无法用自己的画笔表达出来.还有一些朋友虽然有点绘画功底,但苦于没有扫描仪.手绘板等等专业工具,总不能得心应手.其实只要您有一只不错的鼠标,利用好Flash中自带的绘画工具,还有仔细阅读完本文,再加上细心与耐心,即使没有受过专业绘画训练,您也一样可以制作出很漂亮的动漫画效果. 本文主要讲述了如何使用鼠标绘制人的面部,包括脸形塑造

Flash绘制时尚矢量插画技法教程

先看 教程效果图 01.草图:我习惯直接在电脑里起稿,草图阶段用的是刷子工具,快捷键是B,点flash左边的工具栏悬停下会有快捷键的提示.一定要先画裸体,因为衣服的结构是依附于体形上的.   02勾线:用铅笔工具勾画,线条粗细0.5-1即可,当然根据画面需要,粗细可以自己调节,注意铅笔模式要调成平滑状态且平滑度为100.

【译】在Asp.Net中操作PDF - iTextSharp - 绘制矢量图

原文 [译]在Asp.Net中操作PDF - iTextSharp - 绘制矢量图   在上一篇iTextSharp文章中讲述了如何将现有的图片插入PDF中并对其进行操作.但有时,你需要在PDF中绘制不依赖于任何图片文件的矢量图形.iTextSharp既包含了绘制简单矢量图功能,也包含了绘制复杂矢量图的功能.这篇文章将会帮助你入门.本系列文章之前的文章如下:       在ASP.NET中创建PDF-iTextSharp起步     在Asp.Net中操作PDF - iTextSharp - 使

用FLASH绘制矢量图以假乱真

用FLASH也可绘制较为真实的矢量图,首先找一张手机的图片,导入FLASH,作为背景图层. 新建图层,此图层建立在背景图层之上.可适当设置背景图层中图片的Alpha值,用线条工具勾画出手机的基本轮廓. 复制手机轮廓图层,将不必要的线条删除,为手机上色.注意保留原始轮廓图层以备以后使用.在这里使用渐变是关键,要仔细观察背景图片中的色彩和明暗程度.可用滴管工具汲取背景图层手机的颜色,这样可以使绘制出的手机更为真实.  为手机按键添加效果. 再次复制手机轮廓图层,删除不需要的线条,为手机按键勾边. 进

PS手绘精美秋天矢量图

这个教程用Photoshop绘制一幅精美的秋天风景矢量图 首先创建一个文档: 使用渐变工具绘制: 我们利用钢笔工具绘制一个轮廓,然后设置选区: 然后使用渐变工具填充,注意颜色: 然后利用钢笔工具和填充效果选项创建图案: 创建一个新图层,按住Shift绘制一个太阳: Ctrl+J,复制图层,执行高斯模糊: 降低可见度:         注:更多精彩教程请关注三联photoshop教程栏目,三联PS群:75789345欢迎你的加入 分类: PS入门教程

Illustrator绘制精致iTunes矢量图标教程

给各位Illustrator软件的使用者们来详细的解析分享一下绘制精致iTunes矢量图标的教程. 教程分享: 1. 绘制基本形状 首先需要使用Illustrtor的矢量绘图工具(如椭圆工具.钢笔工具等)绘制出如图1所示的基本形状,或者找一幅现成的图标图片置入到Illustrator中,描摹出轮廓. 图1   2. 绘制音符 制作一个平滑的椭圆.如图2所示,先绘制出3个基本形状,然后分别填充以由亮到暗的不同颜色,选择菜单命令"对象>混合>混合选项",将"间距&qu