关闭顶部展开顶部

Flash教程:flash8 绘制秋之落叶_Flash教程

编辑Tag赚U币
教程Tag:暂无Tag,欢迎添加,赚取U币!

推荐:标准的loading制作方法
前言:网络中的swf影片是可以实现边下载边播放的,由于受到当前网络传输的制约,对于大容量的影片,这种实时播放并不理想。为避免受众尴尬的等待,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

分享:Flash电子书鼠标拖拽翻页效果原理
最近要做些电子书,本来预备去网上买现成的翻页效果的组件,但一看报价吓一跳,而且执行效率也不高,一个叫AsFlipPage4.0的组件CPU占用率高居70%,喊价1000RMB,

来源:蓝色理想//所属分类:Flash教程/更新时间:2008-03-05
相关Flash教程
闂佹眹鍩勯崹閬嶆偤閺囶澁缍栭柛鈩冪⊕閳锋帗銇勯弴妤€浜惧銈忕秶閹凤拷
濠电偛顕慨顓㈠磻閹炬枼妲堥柡鍌濇硶婢ф稒淇婇懠顒夆偓婵嬫煟閵忊晛鐏查柟鍑ゆ嫹
濠电姷顣介埀顒€鍟块埀顒勵棑缁辩偛顓兼径瀣閻庣懓瀚竟鍡欐崲娑斾線鏌i姀鈺佺伈闁瑰嚖鎷�
濠电姷顣介埀顒€鍟块埀顒勵棑缁辩偛顓兼径濠勵吋闂佽鍨庨崟顓фК闂佽閰eḿ褍螞濞戙垺鍋夐柨鐕傛嫹
闂備胶枪缁绘劙骞婃惔銊ョ劦妞ゆ帒鍊哥敮鍫曞箹鐎涙ḿ鐭掔€规洘绻堥弫鎾绘晸閿燂拷
闂備胶枪缁绘劙骞婃惔銊ョ劦妞ゆ巻鍋撻柛姘儑缁﹪鏁傞崜褏鐓撻柣搴岛閺呮繈鎯屽▎鎴犵=濞撴艾锕ョ€氾拷
闂備浇銆€閸嬫挻銇勯弽銊р槈闁伙富鍣i弻娑樷攽閹邦亞鑳虹紓浣靛妽濡炶棄顕i妸鈺婃晬婵炲棙鍨电粭锟犳⒑閸濆嫬鈧骞婇幘鑸殿潟闁跨噦鎷�
闂備礁鎼崯鐗堟叏妞嬪海绀婂鑸靛姈閻擄綁鎮规潪鎷岊劅婵炲眰鍊曢湁闁挎繂妫欑粈鈧梺鍛娚戦悧鐘茬暦閹扮増鏅搁柨鐕傛嫹
婵犵妲呴崹顏堝礈濠靛棭鐔嗘俊顖氬悑鐎氱粯銇勯幘瀵哥畺閻庢熬鎷�
濠电姷顣介埀顒€鍟块埀顒勵棑缁辩偛顓奸崶銊ヮ伕濡炪倖鎸荤换鍐偓姘虫珪娣囧﹪顢涘Δ鈧晶鍙夌節椤喗瀚�
婵犵妲呴崹顏堝礈濠靛棭鐔嗘慨妞诲亾鐎规洦鍓熼、娆撳礂閻撳簶鍋撻悽鍛婄厸闁割偅绻勫瓭婵犳鍣幏锟�
婵犵妲呴崹顏堝礈濠靛棭鐔嗘慨妞诲亾闁哄苯鎳橀崺鈧い鎺嗗亾闁宠閰i獮鎴﹀箛闂堟稒顔嗛梻浣告惈鐎氭悂骞忛敓锟�
婵犵妲呴崹顏堝礈濠靛棭鐔嗘慨妞诲亾鐎规洩缍侀獮瀣攽閸偂绱�
濠电姷顣介埀顒€鍟块埀顒勵棑缁辩偛顓兼径濠勭厬闂佺懓鐡ㄧ换鍕敂鐎涙ü绻嗘い鏍殔婢у弶绻濋~顔藉
闂佽楠搁崢婊堝礈濠靛鍋嬮柟鎯版閻鈹戦悩鎻掓殭闁奸潧缍婇弻銈夋嚍閵夈儱顫嶉梺缁樼壄缂嶄礁鐣峰▎鎾存櫢闁跨噦鎷�
UB闂備礁婀辩划顖炲礉濡ゅ懐宓侀柛銉㈡櫆鐎氭岸鎮楀☉娅虫垿锝為敓锟�
闂備浇澹堟ご绋款潖婵犳碍鐒鹃悗鐢电《閸嬫捇鐛崹顔句痪濠电姭鍋撻柨鐕傛嫹
闂佽楠哥粻宥夊垂閸濆嫸鑰块柛銏㈠殰
闂備礁鎲″缁樻叏妞嬪海绀婂璺虹灱閸楁碍绻涢崱妤€顒㈤柛鐐差槹缁绘稓绱欓悩鍝勫帯闂佺ǹ楠忛幏锟�
缂傚倸鍊烽悞锕傛偡閿曞倸鍨傛繝濠傚椤╅攱銇勯幒宥囶槮缂佹彃婀遍埀顒傚仯閸婃繄绱撳棰濇晩闁跨噦鎷�
©2017 www.mb5u.com婵犵妲呴崹顏堝礈濠靛棭鐔嗘慨妞诲亾鐎殿噮鍣i幃鈺呭箵閹烘挸鐦�
闂備浇銆€閸嬫捇鏌熼婊冾暭妞ゃ儻鎷�&闂備礁鎲$敮鎺懳涢弮鍫燁棅闁跨噦鎷�