如下图,Illustrator的图层调板在外表上与Photoshop非常相似。但两者对图层这个概念,却着完全不同的定义。这主要是由于Photoshop基于点阵图像,而Illustrator是基于矢量图像。
可以说Photoshop的图层是真正的图层,就如同用画笔在纸上画画一样,如果不分层所有的像素都会融合在一起无法分离。
Illustrator的工作方式实际上不是基于图层,而是基于物件的。就如同你在地面上放上钳子、扳手、螺丝刀。这些物件本身就具有独立性,即使不分层也不会融合。
虽然Illustrator的界面为英文,但大家不要担心。以我本人为例来说,最初自学Photoshop的时候也是看不懂英文,抱着字典逐一翻译。但一段时间下来就可以看懂许多英文了。我也没有专业学习过,只是接触得多而已。并且Adobe系列软件的使用界面都很出色,比如在Photoshop中其实都是图形化的操作,选择移动工具就会出现一个移动的图标指示。在Illustrator中绝大多数的操作也都是图形化的,只有少数几个功能需要用到菜单。
在本教程中涉及到英文的部分都会作相应的汉语解释。还有大家注意不要使用汉化版,因为汉化的人本身都不是专业设计人员,只是根据字典解释来翻译,这使得有些经过翻译的中文看起来莫名其妙。
换一个角度说,要保持在设计行业中的领先,学习英文也是必要的。新出的软件总是英文的,一段时间后才会出现其他语言版本。
下面我们进入Illustrator实地体会一下。进入Illustrator后先新建一个图像,还记得Photoshop中新建图像的快捷键是什么?如果你记得现在就再次按下它,如果忘记了,那就去前面找,并且记住。
新建之后从左方的工具栏选择Rectangle Tool『矩形工具』〖M〗,然后在图像中随意画1个矩形,画完后打开Color『颜色』〖F6〗调板,将填充色改为一个橙色,如下左图所示。然后遵照这样先画后改色的方式再绘制几个矩形。观察Layers『图层』〖F7〗调板,展开三角形,会看到我们绘制的物体“一个萝卜一个坑”地自动排列在3个子层中。先画的层次较低,后画的层次较高。更改层次的方法和在Photoshop中一样。使用类似Photoshop中移动工具的Selection Tool『选择工具』〖V〗可直接在图像上点击并移动矩形。
由此可见,Illustrator中将每次绘制的物件都独立归为一个子层,类似于Photoshop中的层组一样。点击调板下方的新建按钮将新建一个层,那么之后绘制的物件就归入为它的子层。
需要注意的是更改矩形的颜色必须要先选中矩形才可以,选择的方法是用Selection Tool『选择工具』〖V〗点击矩形。选择后可以从Color『颜色』〖F6〗调板直接更改颜色。也可以在空白区域拖动出一个大选择框选取多个矩形同时改色。
由于大家是第一次接触Illustrator,也许对以上操作适应不了,可参照以下动画。
>>>点击播放动画>>>
GoLive是一个网页制作软件,不属于图像软件,严格说来是没有层的概念的。但由于网页中允许安放浮动层,因此GoLive也算具有“图层”功能了。大家一定看过一些网页上有飘动的图片或文字,那就属于一个网页中的层。下面我们就来制作一个有飘动层的网页。
进入GoLive后新建一个网页,新建的快捷键和在Photoshop、Illustrator一样,由此可见Adobe这一系列软件的关联是很紧密的,熟悉一个软件的操作后很容易就可以做到触类旁通。什么?你问我新建的快捷键到底是什么?嘿……
新建网页后在其中随便输入一些字母或数字,如下图。注意不要输入中文,因为网页有语言编码方式的区别,中文和英文的网页编码不一样,在中文编码的网页中可以显示英文,但在英文编码的网页中不能正确显示中文。而GoLive的默认编码是英文,要更改设置后才能编辑中文。在这里我们先不做要求。
然后从Objects『对象』〖CTRL 2〗工具栏中从将Layer『浮动层』图标拖动到页面的左上角,如下左图。如果工具栏是类似Photoshop那样竖条显示的,点击其中的
按钮就可切换到如下图的调板方式。然后在这个浮动层内输入GoGoGo或其他一些文字。输入好后选择这些文字,在公共栏设置字体样式,如下右图。选择颜色的方法是按住颜色框右下角的黑三角(下右图紫色箭头所指处)不放,将会出现颜色表,移动到满意的颜色上放开鼠标即可。
接下来选中这个浮动层,选择的方法是用鼠标点击层的边框,鼠标光标会变为
,如下左图所示。然后打开Inspector『设定』〖CTRL 1〗调板,切换到Timeline『时间线』选页,如下中图。按下其中的Record『记录层轨迹』按钮。
接着在编辑窗口内拖住浮动层任意移动,移动的轨迹会以灰色线段显示。松手后轨迹记录完成。
好了,我们已经完成了浮动层的设定。如下图,切换Layout『设计』窗口到Preview『预览』窗口,就会看到飘来飘去的文字。点此预览页面
>>>点击播放动画>>>
由于是第一次接触网页制作软件,与图像软件在很多地方都有不同,所以一下子难以理解和消化是正常的。另外由于脚本库的指向问题,如果现在保存这个网页,其中的飘动效果只能在本机运行,在没有安装GoLive的电脑上是无法运行的。范例网页附带了脚本库因此可以在任何电脑上运行。不必介意,在正式地开始学习GoLive的时候就能解决了。