当前位置:编程学习 > 网站相关 >>

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

答案:三、轻松自如矢量图








  

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

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

  


  
[page_break]


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

选择绘图工具并在属性面板里选中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 Slice。Slice工具在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可有更多的设置。

上一个:域名抢注入门
下一个:建站全攻略(1)

CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,