-
试用Illustrator做网页的一些心得(一)
2009-07-13 21:25/点击数()
我这里所说的做网页,当然是说做网页效果图了. 我以前做网站,一般是先用PS出效果图,然后切图,然后div+css之. 最近由于某些原因,不得不用Illustrator制作网页效果图.我有学过Illustrator,Illustrator是adobe的软件,整个界面和一些快捷键跟PS都是差不多 的.所以
我这里所说的做网页,当然是说做网页效果图了.
我以前做网站,一般是先用PS出效果图,然后切图,然后div+css之.
最近由于某些原因,不得不用Illustrator制作网页效果图.我有学过Illustrator,Illustrator是adobe的软件,整个界面和一些快捷键跟PS都是差不多
的.所以我在一个前辈的指点下.上手得也很快.只是,毕竟用了很久的PS,构思效果图的时候总是想当然的用PS的方法来实现,这些简便的方法去到
Illustrator中却是要走很多弯路.而且也容易忽视了Illustrator本身的一些长处.
所以我不得不从来审视Illustrator,要利用Illustrator本身的长处的达到我所要的目的.不是很多高手都说过吗?工具并不重要,重要的是巧用各种工
具为己所用.
下面就我这几天的经历,谈谈我自己的一些看法.
用Illustrator做网页效果图第一个好处的是:容易修改(如果你对这个软件够熟练的话).
做过网站的设计师都知道,你苦苦做出来的页面,也许你认为是最好的构思,但去到上司或者客户的手上却常常不合他们的心意,从而要顺从他们的意见
进行一番修改.我每次做页面效果图提交给客户看的时候,我都会有需要修改的心理准备,或多或少的都要修改的.只盼望客户提出的修改不会太多,不会
涉及到一些位图方面的难以修改的部分.比如说,客户对这个效果图的导航条的宽度和颜色都不满意.要加长加宽,要换颜色.如果刚好你的导航不仅仅是
一个单色,而是一个由图片组合而成的话.遇到这个修改恐怕要费一番周折.用利用到PS的"自由变换""选区换色""重新导入图片素材进行裁剪"等等的操
作.这时心里不禁有骂娘的冲动了吧.
这些例如换色,换大小等等修改在Illustrator里面却是易如反掌.只要在变换窗口里面修改一些属性即可.除了这些操作,其他的操作都是非常容易就修
改了.毕竟这是矢量比位图的优势所在.
这第二个好处也是非常明显,而且这也是Illustrator的长处.
那就是Illustrator路径的处理.
很多矢量插画家对这个功能应该是耳熟能详了吧.我也非常佩服那些插画家能用这样一个毫不起眼却十分重要的功能画出那样美轮美奂的画.
同样,在做网页效果图方面,Illustrator的路径同样发挥了他不可或缺的重要作用.特别是我做的网站,大多是趋向欧美简洁风格,很多都是由简单的线
条和路径组合的.所以在了解到Illustrator的路径之后,我彻底的喜欢上了这个功能.配合Illustrator的裁剪,混合等等功能,可以很容易就组合出美轮
美奂的线条图案.
而且这个路径功能修改起来也是十分的方便.而不像PS,要先描路径,然后转换成选区,然后再填色.有时需要把图案放大,那就要重新调整路径,然后再选
区,再填色...的确麻烦.
这第三个好处说的其实也是矢量和位图的根本区别了.
做网站页面效果图经常会遇到要做圆角效果.如果是在PS下做圆角,圆角必定是有锯齿的.但如果在Illustrator做出来的是矢量的,是绝对的圆滑的喔.
这第四个好处可能是我拿来搞笑,不过也是很多设计师经常遇到的.那就是方便素材的利用.
很多素材网站下载的做网站的素材都是ai格式的.特别是一些矢量按钮啊,矢量图案等等,都是ai格式的.我以前,经常是一边开着Illustrator,一边开着
PS,把下载到的素材用Illustrator打开,再提取到PS里面编辑.而且PS并不擅长调整矢量的东西,经常还是需要在AI里面调整好了再输出图片放到PS里面
加以利用.现在在Illustrator里面做网站页面,对于这类的素材的利用就简单了.
当然了,位图的素材在Illustrator里面的利用也是一样的笨拙的.各有长处嘛.
时间关系,现在仅仅是分享一下我这几天用Illustrator的一些心得体会,当然,说得肯定不全面,毕竟只是我的一些体会嘛.
接下来,我会陆续的把我对Illustrator做网站页面效果图的心得体会发到这里来.包括Illustrator做网页效果图有哪些常用技巧,哪些不好,有哪些不
方便等等.
幸福工作室(www.xingfu880.com)
