|
首页 | 名片设计 CorelDRAW Illustrator AuotoCAD Painter 其他软件 Photoshop Fireworks Flash |
|
三、轻松自如矢量图
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 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可有更多的设置。 返回类别: Photoshop教程 上一教程: Photoshop特效:云层中的光线 下一教程: 第一节 PhotoShop基本操作 (1) 您可以阅读与"Photoshop6新功能--矢量图和网页切图"相关的教程: · Photoshop6 新功能全面介入(2) · Photoshop6新功能--图层与文字 · Photoshop CS新功能--网页设计师篇 · PHOTOSHOP7.0抢滩登陆之新功能使用报告 · Photoshop把美女照片转成清爽的矢量图 |
快精灵印艺坊 版权所有 | 首页会员中心在线印刷在线编辑付款方式索取样品设计指南连锁门店 |