gggds 发表于 2009-12-27 12:32:45

使用 Fireworks 制作图标[显示器篇]

显示器的详细制作过程:

http://edu.chinaz.com/Files/BeyondPic/1_r1_c1.jpg

1.画显示器正面,使用放射状渐变填充

http://edu.chinaz.com/Files/BeyondPic/1_r3_c1.jpg

2.显示屏,同样使用放射状渐变填充

http://edu.chinaz.com/Files/BeyondPic/1_r5_c1.jpg

3.显示器调整按钮的槽,先画好路径,然后使用投影活得凹槽效果

http://edu.chinaz.com/Files/BeyondPic/1_r7_c1.jpg

4.使用内侧阴影制作出突出效果,这两步请不要使用FW自带的凹入和突出效果

http://edu.chinaz.com/Files/BeyondPic/1_r9_c1.jpg

5.按钮的不规则平面,使用色块来表现

http://edu.chinaz.com/Files/BeyondPic/1_r11_c1.jpg

6.开关按钮分三部分:按钮、凹槽、阴影,放射填充表示球形表面

http://edu.chinaz.com/Files/BeyondPic/1_r13_c1.jpg

7.显示器标记

http://edu.chinaz.com/Files/BeyondPic/1_r15_c1.jpg

8.平面的部分完成了,使用扭曲工具调整为透视状态,使用辅助线能更好的调整以防失真

http://edu.chinaz.com/Files/BeyondPic/1_r17_c1.jpg

9.然后制作显示屏的边缘,这个边缘的路径是使用显示屏路径->错位->打孔得到

http://edu.chinaz.com/Files/BeyondPic/1_r19_c1.jpg

10.补上显示器的背部,同样采用放射状填充或者线性填充,上明下暗

http://edu.chinaz.com/Files/BeyondPic/1_r21_c1.jpg

11.显示器的底部也是由一个一个面组合成的

http://edu.chinaz.com/Files/BeyondPic/1_r23_c1.jpg

12.细节上加点功夫,转角添加白色线条,显示器就已经完成了

http://edu.chinaz.com/Files/BeyondPic/1_r25_c1.jpg

?
页: [1]
查看完整版本: 使用 Fireworks 制作图标[显示器篇]