1.独具一格的网页美工 网页美工与其它美工相比有极大的特殊性。一方面,网页图片因网络传输速度的限制,在保证图片效果的同时,必须尽量减少图片文件容量;与之相反,诸如Photoshop或Pagemaker做的印刷图片之类却必须要保证足够的分辨率(如300dpi/inch ),一般不在意图片文件的容量大小,而用CorlDraw的广告设计者,更多的是考虑图形的户外效果。另一方面,网页中要用到大量容量很小的平面动画,令深3DMAX的三维动画高手也有虎落平原之感。再者,网页美工同时要求对网页设计、排版等有一定熟悉程度,有些页面的排版和美工甚至已完全融合。但是,良好的美术基础和美感仍是最重要的,就算对常用网页绘图软件用得再熟,但却鲜有创意的话,亦难以成为优秀的网页美工师。
2.网页美工看家工具 网页美工定要掌握点绘图软件的使用,这可是看家的本事!我力推网页“三剑客”,即Macromedia公司的Flash、FW(Fireworks)及DW(Dreamweaver)(DW虽是页面设计的法宝,但美工师也万不能一知半解)。当然还有位图老大Photoshop做网页图片仍是格外的爽!还需要用其它什么软件吗,我认为真的不必了。因为PS能胜任多数静态图片制作,再加上FW这个能与DW无缝对接的专业网页美工软件,自带最优秀的图片“减肥”引擎及近乎完美的图片分割功能,还有什么设计要求不能满足的呢?说到动画,FLASH和FW足够了,二者均能生成相当优化的GIF动画图片。事实上,一位精湛的FLASH高手,甚至要求有不错的编程能力!FLASH的变化之多可见一斑。其实在DW中,也能利用层的运动在页面上产生相当不错的动画效果,而且如FLASH一样可响应各种事件(Event)......我认为,用的软件不要求多,而应求精、求深。
3.网页图片大扫荡 网上支持的图片格式有GIF、JPG、PNG、SWF等。按图片属性可分为动态和静态图片。常用的静态图片格式为JPG和GIF,动态图片常用GIF动画和FLASH动画两种。GIF格式因其能实现交错、透明和动画显示,获得最广泛的应用。网页图片往往还有一些称谓,如LOGO、BANNER、BOTTON及链接小图标等。LOGO指网站或页面的标志图片,常要求简洁明快,精益 求精,尺寸一般在120*60左右,静态.容量一般控制在10K以内。BANNER的尺寸要宽一些(如468*60),经常采用动态图片,其内容一般为广告。BOTTON为按钮图片,动态和静态的BOTTON都很常见,一般作页面链接用。另有作链接用的小图片,尺寸一般为80*30或更大一些,也是要求精雕细作,能充分表现所链接站点的特点,容量最好控制在5K以内。
4.图片制作 LOGO图片一般采用静态方式,而在广告BANNER中常用动态图片,以获得较强的视觉冲击力;在页面上实现动态效果的另一常用方法,是用两幅静态图片在DW中做成Roller,从而在页面上产生翻转效果。FLASH动画的容量小,变化多, 可配音,应用已日趋广泛,缺点是需要二百多K的插件支持,不过插件是一次性自动下载,影响不大。不容置疑,随着浏览器对FLASH支持率和网速的提高,FLASH动画必将大行其道。如果图片几何尺寸很大,或与页面融汇交错,则应用FW对图片进行分割处理。
5.制作点滴“吐血”经验 用PS或FW新建图片文件时,一般建为透明RGB图,便于之后作透明处理。尺寸最好以DPI为统一标准,便于在DW中的排版。PS5中可另选用几个诸如PHOTO TOOlS、DSB FLUX之类的滤镜插件,EYE CANDY也不错,在P5和FW中均可使用。大量的字库是必须的,若C盘装不下,可装在其它逻辑盘,并在用FONT文件夹中用快捷方式调用。
FW是一个矢量化的绘画工具,特别对制作卡通化的网页图片很适合。在PS和FW中熟练掌握“套索、磁力套索、魔术棒”等选择工具,对素材的合理应用极有利。
FLASH中少引用位图,多用其自带的矢量绘图工具,都是缩小动画容量的明智之举;多次引用其图库中的同一元件,也不会显著增加动画图片容量。尽量对GIF图片作透明处理,能大幅减少图片容量,但要注意其索引色(INDEX COLOR)的RGB值的选取。