电脑技术学习

Fireworks写实绘制:我的手机

dn001

上一页 1 2 3 4 5

  勾画手机右边的“滚动键”的方法略有不同,先用钢笔工具画出路径后再以黑色实心填充,然后再复制多一个该路径,使用“缩放”工具和Alt键的配合,向缩放中心缩小2个像素,并把该路径改为白色实心填充,羽化值为1。


图24

  接着却要把这个白色实心填充的路径复制多一个来,去掉白色实心填充后,改用线性填充,由#FFFFFF至#6B7985进行色彩渐变,并用“细部”工具把这一路径最左边的节点选中,用方向键向左和向下各移动一个像素,如图25。


图25

  至此“结束键”和“滚动键”就基本画完了,最后还要用钢笔工具在这两个键上画上图示,描边大小为2,色值为#333333。


图26

  再接再厉,我们继续来画“数字键”。大家注意看,“数字键”的外围有轻微凹入斜度,这使得很多初学者认为这里应该先画一个“数字键”,填以颜色后就用“外斜角”的特效。思路是对的,但有时这样做出来的效果却并不理想,因此在这里我们要换一种思路,改用普通画法。

  先勾画出数字键“1”的外形,然后用椭圆形填充,以#444444描边。


图27

  接着再来画“1”的外斜度,先复制多一个“1”,并用缩放工具配合Alt键的使用以缩放点为中心放大3个像素,然后改为#C5C4C9至#FFFFFF的线性填充,并去掉描边,羽化为1。再用方向键把该对象向左和向上各移动2个像素的位置。


图28

  然后调整对像层,使该对象位于数字键“1”的后面。

  由于数字键“1”、“4”、“7”和“*”的外形全部一样,所以我们可以先把“1”和“1的外斜度”通过“修改—组合”把这两个对象合成一组,然后把该组合复制出多三个,并调整好各自的相对位置。


图29

  而数字键“3”、“6”、“9”和“#”的外形则是数字键“1”水平翻转后的效果,所以我们只需把“1”和“1的外斜度”的组合对象水平翻转过来,然后移到机身右边的相对位置就行了,所要修改的也只是数字键的填充色而已。


图30

  剩下的数字键就只有“2”、“5”、“8”和“0”了,而这4个数字健的外形又都是一样的,所以我们只需先画出“2的外斜度”和“2”然后把这两个对象进行组合后,再复制出其它的数字键即可。

  画出数字键“2的外斜度”后使用#B9B8BD至#F1F0F5由上而下的线性渐变,如图31。


图31

  再画出数字键“2”的外形后使用椭圆形渐变,如图32。


图32

  把其余的“数字键”复制出来后进行对齐排列,完成后如下图。


图33

  数字键虽然画好了,可上面还没有文字啊。所以我们还要把“0至9”以及“*”和“#”这些数字和字符打出来,字体我用的是AvantGarde Md BT,使用加粗,大小为13,用全黑色加以填充,并选中“平滑消除锯齿”。设置完后右键点击将这些文本文字,从弹出菜单中选择“转换为路径”,如图。而那个“*”号本来就比较小,所以还要用“缩放”工具加以放大才行。


图34

  由于这些字符都转成路径了,所以我们在选择个别数字的时候就要先用“细部”工具进行点选,然后再用“指针”工具将其移动到手机的“数字健”上面,然后进行相应的位置调整和对齐,完成后如下图。


图35

  最后别忘了还要在机身上面画上“NOKIA”的字样,用“矩形”工具画一个62*13大小的黑色实心矩形,并使其与机身对齐,然后在上面打上“NOKIA”几个字母,字体为Square721 BT,14号大小,使用“加粗”和“强力消除锯齿”。


图36

  至此,整部手机的绘画全部完工。你也可以依自己的喜好给手机加上背景,手机屏幕的内容也可以换成你喜欢的图案等等。最终效果如下图。

.png源文件下载