Photoshop6新功能--矢量图和网页切图


来源:   

三、轻松自如矢量图

photoshop6的矢量绘图功能也得到了很大的增强, 使用 Photoshop 6.0 Shape 图形工具 要作出矢量图形就容易了。

工具栏的右列倒数第三个就是图形工具,右击这里可以在弹出的菜单中看到列详细的内容--矩形工具 Rectangle Tool 、圆角矩形 Rounded Rectangle Tool 、椭圆工具 Ellipse Tool 、多边形工具 Polygon Tool ,直线工具 line tool,原来和铅笔在一起的直线工具被移到了这儿,而且具有了和别的图形工具一样的新功能,另外使用Custom Shape Tool 可以自定义形状。属性面板中的按钮选择也可以不同工具。点击最右侧标着向下三角形的 Geometry Options 按钮可以打开一个小窗口,在那儿可以对所选的图形做更详细的设置。属性栏的左边有三个


 


按钮分别是Create shape layer Create work path Fill Region,它们的作用是选择 Create shape layer 将会新建一个图层,将图形绘制到新创建的图层上;选择 Create work path的意思是绘制后的图形将作为一个 Path (路径)出现;选择 Create work pathPhotoshop 将在当前图层上用当前的前景色绘制图形,选择Fill Regionphotoshop会创建一个以前景色填充的区域。

选择绘图工具并在属性面板里选中Shape Layer并上画出一个形状后,层面板上会自动生成一个新层,名为shape1;同时,在路径调色板上也会出现一个新的路径,名为 shape1 clipping path。新出现的层是一个以前景色填充的区域,Layer层图标是一个普通层加一条线和链接符号再加一个Shape Layer的图标。其实就是路径里填充上了前景色,用路径选择工具单击该层就可以对节点进行编辑,当路径变化时填充的颜色也自动跟着变化。第一个层和线代表一个层;中间的链接符号指出了该层与路径剪切层是否关连,如果取消了链接,那么再对路径进行编辑,填充区域就不发生变化了;最后一个图标代表这是一个路径剪切层,点击该图标会弹出层效果的对话框。

使用形状工具以后,属性栏左边的图标就变成了增加路径区域、减去路径区域、交合路径区域与反选路径区域。

Custom Shape Tool自定义绘图工具可以直接的绘出各种已定义好的形状。这些形状都存储在Photoshop目录下的Presets目录下的Custom Shapes下的扩展名为.csh的文件里,在属性栏的Shape下拉菜单里有详细的形状显示。自定义图形的方法是用 Path 工具描绘出需要的形状,点击 Edit > Define Custom Shape 命令,在弹出的窗口里输入名字就完成了。相信将来会有各种的.csh格式的形状可以提供下载,这样要创建各种复杂的图形那就容易了。

四、网页切图不再难

Photoshop 6最新功能还包括可以对Web图形加以分割和输出成为html文件。在Photoshop 6里使用Slice工具就能很出色的完成切图的工作。

在网页设计中经常要用到切图,以前要想把一个大图片分割开来,就要用到Firework或是ImageReady才能完成,总之,还要费时费力的打开一个另外大程序才行,而现在就简单了,Adobe ImageReady 里的 Slice 工具引入了 Photoshop 6.0。虽说功能还不如在ImageReady里头的多,可是要切图还是绰绰有余的。

Slice 工具里包括了两个工具。Slice Tool 工具可以将图象分割成一个个小块,而 Slice Select Tool 工具将用来选取分割开的小块。图像中的每一个小块左上角都有一个小图标,觉得这些切出来的小块影响了视线吗,不要急,点击 View > Show > Slices 菜单,就可以暂时隐藏它们。

Slice Tool 切出的小块叫" User Slice " User Slice 左上角的图标是蓝色的,并且围绕它周围有八个控制点,用 Slice Select Tool 可以拖动这些控制点,如果你需要,也可以用 Slice Select Tool 移动整个User SliceSlice工具在Options调色板里的选项有:Style:普通,按比例切割和固定高宽三种模式;一个显示Slice No.的选择框以及切割线的颜色。Slice Select Tool。在Options调色板下的选项有:将所选的Slice前一层,后一层,送至最前和最后。用选择工具在任一Slice中点击后,再点击Promote to user slice按钮,便可将所选Slice变为当前可编辑Slice点击后一按钮Slice Options会出现下面的设置窗,设置窗口中 Slice Type 可以选择 Image 或者 No Image,这两种slice的图标稍稍有点不同,不仔细看还真看不出来。

   对于 No Image 类型的 Slice ,你可以在 HTML 文本区域输入超文本内容在生成HTML文件后,这些文本内容将取代表格中的图像;而Image 类型的 Slice可以设置这样一些属性。

name:设置slice的名称 URL:在这里输入一个链接地址,可以创建一个链接。输入的时候有没有“http://”都可以。Target:在 Target 栏中输入 _blank,链接到的地址将在新窗口中打开,输入 _self ,链接到的地址将在原窗口中打开。可供选择的 Target 还有 _top _parent Message Text : 鼠标移到链接上时,Message Text的内容将在浏览器的状态栏出现;Alt Tag : 图片没有出现或者不能正常显示时,图片所在区域将显示 Alt Tag 指定的文本。

   设置窗口底部的 Dimension 可以非常精确地指定 Slice 的位置与尺寸--X Y 为左上角的位置,W H 分别代表宽度和高度,单位都为像素点。

就这样一块一块的切好以后(切萝卜?),还要把这些碎片变成网页,就要使用save for web 来进行保存并且生成html文件了,点击ok后可以在保存类型里可以选择HTML and Images *.html) 这样就会保存 HTML 和全部切割后的小图片,小图片将放置在一个 images 的新文件夹中,选择Image Only ( *.gif )只保存图像文件,不生成 HTML 文件,而 HTML Only ( *.html ) 只生成HTML 文件而不保存切割后的小图片。在窗口底部的下拉列表中选择 All Slice 将保存图像中全部的 Slice ,这是缺省值。而选择 Selected Slice 将仅仅保存选中的 Slice。点击Output Setting可有更多的设置。

 

编辑:

相关内容

 娱乐专题

more...

高峰私生子

王伯昭被打

傅彪肝癌晚期

赵薇餐馆打人事件

《云南映象》图集

张铁林拖欠中介费

女医生状告赵忠祥

高虎被捕事件

演绎经典美丽

解读《十面埋伏》

揭示明星美丽秘诀

五颜六色娱乐圈

明星纤体大比拼

《绿茶》精彩影评

天地英雄

吕丽萍群星艺术学校被起诉

于娜出道前被包养是真是假?

香港英皇贪污丑闻追踪

多少明星追忆中

2003环球小姐大赛

 

 叨叨专栏

more...

冯小刚,你怎么敢抽"上帝"?

流氓与流氓

娱乐媒体,请站直一点

原来张铁林不是中国人!

《神雕侠侣》的悲惨前途

男人,要硬派不要阴柔

请不要随便脱裤子

李欣,《自娱自乐》的挺滋儿!

不服没用,人家就是红了!

陆毅演戏吧,别唱歌了。

 

 

 
报业集团
- 版权声明 - 广告业务 - 联系方式
Copyright (C) 2001-2002 dzwww.com. All Rights Reserved
大众报业集团网络中心主办
Email:webmaster@mail.dzdaily.com.cn