绘画技巧:用Flash画钢笔

http://www.webjx.com  更新日期:2006-02-13  网页教学网  浏览次数:

高光的感觉在网上相信大家都见得比较多了.就是简单的从白色全不透明到白色全透明的渐变,而且可调整性大,非常好用.
继续在pen元件里添加一个图层,名为"笔身光",用矩形工具在适当的位置画上一矩形,使用从白色全透明->白色全不透明->白色全透明的线性渐变填充.不过注意这里最好用填充变形工具(见图)对渐变进行一下压缩处理.现在终于画出我需要的那种感觉出来了!

5.5 可能大家还会觉得,表面还不是很光滑,但我看着的实物,这个笔杆的表面本来就不是特别地光滑,但是要调整起来并不难,在画笔尖的时候我就是用这种办法画出那种光滑金属表面的效果来的(其实我自己是没有把握说画得好,不过我画的过程中,是在一直往接近真实的方向前进着).笔尖的画法将在下面介绍.

6 在讲笔尖画法之前,我觉得还是先把笔身收拾好,因为笔尾部分还需要处理.

7 笔尾处理更是让我觉得艰难.

7.1 虽然知道是用放射状渐变,但是,如果就用一块渐变的话,就会出现明显的分界.
为什么?
看看下面的线性渐变

绘画技巧:用Flash画钢笔

如果要在一端封闭好,而且端点的形状要是球体,那应该怎么做呢?
很简单,就加个放射填充的半圆形就可以了.

绘画技巧:用Flash画钢笔

那为什么我还会头痛呢?
主要是上面的线性渐变中,上下两个渐变点的颜色是一样的,所以,在做放射填充时,只要选择两种颜色,一种是线性渐变的上渐变点的颜色,一种是中间渐变点的颜色.然后做出这种渐变,就可以很容易地适应线性填充.
然而,在钢笔的笔杆中,中间高光区两旁的颜色并不相同,而Flash的放射渐变填充不可能实现在离圆心相同的位置出现两种不同的颜色,从而导致使用单一块放射渐变,将出现一条明显的分界线(看看矩形标记的区域).

绘画技巧:用Flash画钢笔

所以,这里还需要作一些颜色的小调整(虽然小,但是对我来说,实在不简单啊),下面转到实例那里讲这个做法.
7.2 在pen元件里所有的图层上面新建一个图层,名为"笔尾表面",然后把"笔身光"图层锁起来.

绘画技巧:用Flash画钢笔

7.3 用箭头工具把”笔身表面“图层的尾部选取出来.

绘画技巧:用Flash画钢笔

7.4 复制选出来的部分,然后点击"笔尾表面"图层,右键-"粘贴到当前位置"(也可以用Ctrl+Shift+V),把笔尾部分粘贴到新的图层.

7.5 选到形状就开始修改颜色.

7.6 如上所述,这里应选用放射状填充,但是由于中心点两侧的颜色并不相同,所以,用一种填充是不行的,先把它分成两块再说.在新图层里用线条工具在笔尾的中线处画一直线.此时在线的上方和下方点击笔尾的东西,会发现图形已经被分成两块了,此时再分别调整两块的填充色.

绘画技巧:用Flash画钢笔

7.7 为了让笔尾跟笔身能够衔接在一起,放射状填充的两种颜色应该跟笔身上中部的线性渐变颜色相一致.而当时用的线性渐变中,这两种颜色分别是676767,E1E1E1(如果忘记了什么颜色,可以用滴管工具查看),所以,笔尾上部,放射填充也用这两种颜色,即中心为E1E1E1,外部为676767.同理,笔尾下面用的放射填充是E1E1E1-454545.

绘画技巧:用Flash画钢笔

7.8 颜色调整好以后,7.6步所画的线条就可以删掉了.

7.9 此时笔身和笔尾的过渡算是自然了(其实这里还需要用填充变形工具调整下才行的,为了这个,我弄了很久),但是,笔尾本身怎么弄都不能衔接得好,谁叫454545跟676767相差那么明显呀?为了这个,我尝试在这基础上再调整,可是,没办法啊,如果笔尾平滑了,跟笔身之间的衔接又出问题!怎么办呢......

7.10 再多分几块?不错,是个好办法,但是,要从6776767到454545,要分多少块才行啊?我可没那个心情去分.

7.11 啊!既然刚才用到了多图层技术,这里也尝试下用吧!在衔接不好的地方上面加个线性渐变,应该可以了吧?

7.12 在最上面新建一个图层,名为"笔尾调色层",然后锁定其它图层.根据需要,在过渡不自然的地方上面覆盖一个形状.

绘画技巧:用Flash画钢笔

7.13 使用下面三种渐变填充的其中一种,看你觉得哪种好了.(从上往下,676767-454545,676767(100%Alpha)-676767(0%Alpha),454545(0%Alpha)-454545(100%Alpha))道理我想大家应该明白的,就是让两种颜色676767和454545之间由突变变成渐变.而后面两种则是让一种颜色逐渐变淡,另一种逐渐加深.

7.14 但是状况也并不像我想像中的那么简单.其实这块突变是非常复杂的,交界两侧颜色对并不是固定不变的,因为交界两侧的颜色不是纯填充色,而是渐变填充,所以交界线每个点两侧的颜色对是不同的,理论上有无数种搭配,在显示器中,搭配数目等于交界线的长度(以像素为单位)

绘画技巧:用Flash画钢笔

注:上图的颜色值不大准确,只是为了说明交界线的颜色突变其实是非常复杂的.

7.15 搞了大半天,还是要分成很多块.唉!累了,先跳过这一步.

7.16 再新建一个图层,命名为"笔尾光",这个比较好处理,根据上面的道理,做一个半圆的放射填充就可以了.颜色从白的全不透明到白的全不透明.

绘画技巧:用Flash画钢笔

7.17 做到这里,忽然发现,突变的分界线给"笔尾光"图层遮掉了相当一部分,分界线看上去短了很多.嗯,看来现在可以近似地把复杂的突变看作简单的纯色突变.如果觉得精度不是很高的话,"笔尾调色层"分少数几块也应该可以了.这里,我没有分块,就把笔尾调色层做成了从676767(Alpha100%)到676767(Alpha0%)的线性渐变.再用填充变形工具稍作调整,就得到了下面的效果.

绘画技巧:用Flash画钢笔

7.18 虽然感觉还稍有不自然,但是我这个也弄了很久很辛苦了.这个效果总算可以.嗯,到外面散散步再弄吧.

上一页 下一页

作者:HBrO  来源:蓝色理想  (责任编辑:webjx)    

推荐给好友】【打印】【关闭】    

  相关评论

您的姓名:
评论内容: