今天给大家写个教程,主要讲述质感的表现问题
步骤(在FlashMX里制作)：
1 新建一个Flash文档.
2 "插入"-"新建元件",名为pen.
3 将看到有一空白的图层,把该图层命名为"笔身表面".
4 用线条工具,箭头工具或者部分选取工具把笔身的形状勾出来,颜色可以不用管,因为最后线条是要删掉的.
5 接着就是最让我头痛的颜色填充问题了.
5.1 要体现质感,用渐变是比较好的,而且比较容易确定的要把笔身画成接近圆柱形的形状(笔尾部分除外),所以渐变是从上到下的线性渐变.接着渐变从上到下应该是深->浅->很深,首先从深到浅是因为光线射到圆柱的表面的时候,总有些地方是直射,而有些地方是斜射,所以对光的反射程度不同,而下面要很深是因为下面在自然情况下,是光通常比较难射到的地方.
(注明:以下颜色填充均是整个渐变区域跟形状区域重合,有特别说明的除外)
5.2 但是我发现仅靠这个理论是不能很好地去指导我配色的.尝试了上面的渐变方法,发现根本就不能满足我的要求.
首先我要求很深的地方也不能太深,所以就先尝试了下面的这种颜色搭配(其中数字代表RGB值,Alpha均为100%)
这样画出了圆柱体的那种感觉,但是觉得表面不够光滑,光的反射还不强(可能笔尾那部分很不舒服,因为笔尾是椭球体,应该用放射填充,所以要另外处理).
为此,我把颜色的对比度稍微调大一点
虽然光感还是不强,但是我看到的实物,在白天,深色部分显得并不深,所以我不能把颜色调得更深.真是让我头痛啊!我再仔细地对着实物的钢笔观察一下,发现中间部分亮度应该再调大一些.
这次算是好了很多,但是整体感觉还是不够明亮.
5.3 再观察了实物一遍,发现高光部分其实区域并不宽.是个很窄的线条,但是又不缺乏渐变.所以我尝试把中间的区域调窄.
光感强了很多,但实在很不像样,特别是找不到圆柱体的感觉.
把高光区域调宽,形状像圆柱体,但不光亮,想在光感和形状之间找到一个合适的平衡点实在很难,而且在这个平衡点附近,配出来的图形很难看.
再仔细地观察一遍.发现虽然高光区域跟非高光区域的颜色亮度差别比较大.但是高光区域附近有些地方还是比较明亮的,而且好像是高光区刺激眼睛的结果.所以,为了不影响圆柱体的形状,我尝试在较小的区域里调整高光.
我总觉得这么做很容易产生一种感觉,就是像一张纸条贴在上面一样,所以有点生硬.无论怎么调,在很窄的区域里,感觉就不像是发光,而是平面上贴个纸条.如果调整区域变宽,就会因为变化不够突然而缺乏强烈的光感.
5.4 郁闷死了!怎么调才行啊?!
伸了下懒腰,扭了下脖子,但是眼睛始终凝视着那根钢笔,因为在我心里头,成功的决心一直没有动摇.
转身眨眼之间,脑海里多了两个钢笔的画面,一个是完全对着自然光时的形象,一个是光完全给我身子遮挡时的形象.一下子又不知道是什么感觉,但是有种直觉,就是两者之间只是差了那么一点东西,但足以影响钢笔在眼球中的质感形象.
于是我尝试让钢笔重新对着光,然后又完全把光挡住.嗯,的确就差一些东西.对了!就是一条光线,这条光线不是钢笔与生俱来的,而是天公赐予它的一缕阳光.阳光的力量赋予了钢笔以无穷的光辉.没有了它,钢笔将暗淡无光.
灵感来了!我只要先把圆柱体的感觉画出来,就可以很容易地画出钢笔无光照射时的那种感觉,然后,我再在表面另外添加一个发光条,就可以了,而且一点也不影响对笔形状有决定作用的渐变填充.简单来说,形状和光感两部分独立来处理,就可以解决两者间处理时的矛盾.
此时,找回最初配色最像圆柱的方案.
然后在此基础上加个高光区域.
高光的感觉在网上相信大家都见得比较多了.就是简单的从白色全不透明到白色全透明的渐变,而且可调整性大,非常好用.
继续在pen元件里添加一个图层,名为"笔身光",用矩形工具在适当的位置画上一矩形,使用从白色全透明->白色全不透明->白色全透明的线性渐变填充.不过注意这里最好用填充变形工具(见图)对渐变进行一下压缩处理.现在终于画出我需要的那种感觉出来了!
5.5 可能大家还会觉得,表面还不是很光滑,但我看着的实物,这个笔杆的表面本来就不是特别地光滑,但是要调整起来并不难,在画笔尖的时候我就是用这种办法画出那种光滑金属表面的效果来的(其实我自己是没有把握说画得好,不过我画的过程中,是在一直往接近真实的方向前进着).笔尖的画法将在下面介绍.
6 在讲笔尖画法之前,我觉得还是先把笔身收拾好,因为笔尾部分还需要处理.
7 笔尾处理更是让我觉得艰难.
7.1 虽然知道是用放射状渐变,但是,如果就用一块渐变的话,就会出现明显的分界.
为什么?
看看下面的线性渐变
如果要在一端封闭好,而且端点的形状要是球体,那应该怎么做呢?
很简单,就加个放射填充的半圆形就可以了.
那为什么我还会头痛呢?
主要是上面的线性渐变中,上下两个渐变点的颜色是一样的,所以,在做放射填充时,只要选择两种颜色,一种是线性渐变的上渐变点的颜色,一种是中间渐变点的颜色.然后做出这种渐变,就可以很容易地适应线性填充.
然而,在钢笔的笔杆中,中间高光区两旁的颜色并不相同,而Flash的放射渐变填充不可能实现在离圆心相同的位置出现两种不同的颜色,从而导致使用单一块放射渐变,将出现一条明显的分界线(看看矩形标记的区域).
所以,这里还需要作一些颜色的小调整(虽然小,但是对我来说,实在不简单啊),下面转到实例那里讲这个做法.
7.2 在pen元件里所有的图层上面新建一个图层,名为"笔尾表面",然后把"笔身光"图层锁起来.
7.3 用箭头工具把”笔身表面“图层的尾部选取出来.
7.4 复制选出来的部分,然后点击"笔尾表面"图层,右键-"粘贴到当前位置"(也可以用Ctrl+Shift+V),把笔尾部分粘贴到新的图层.
7.5 选到形状就开始修改颜色.
7.6 如上所述,这里应选用放射状填充,但是由于中心点两侧的颜色并不相同,所以,用一种填充是不行的,先把它分成两块再说.在新图层里用线条工具在笔尾的中线处画一直线.此时在线的上方和下方点击笔尾的东西,会发现图形已经被分成两块了,此时再分别调整两块的填充色.
7.7 为了让笔尾跟笔身能够衔接在一起,放射状填充的两种颜色应该跟笔身上中部的线性渐变颜色相一致.而当时用的线性渐变中,这两种颜色分别是676767,E1E1E1(如果忘记了什么颜色,可以用滴管工具查看),所以,笔尾