分享
 
 
 

Slice工具

王朝图像设计·作者佚名  2006-01-14
窄屏简体版  字體: |||超大  

Photoshop 6.0 Beta 全攻略

三、Slice 工具

在处理网页图像的时候,我们经常需要把一个大尺寸的图片切割成小块。以前这样的工作往往需要切换到 Firework 或者 ImageReady 才能完成。而现在 Adobe 把 ImageReady 里的 Slice 工具引入了 Photoshop 6.0 ,你可以在工具栏右列第三个位置找到它。另一个与切割图像相关的 Slice Select Tool 工具被和 Slice Tool 放置在一组。

用 Photoshop 6.0 的 Save for Web 功能可以将切割后图像中的小块单独地保存为 Gif 或者 Jpeg 文件,另外 Photoshop 还将生成一个 HTML 文件将这些小块用表格组织起来--你用浏览器打开这个 HTML ,应该可以完整的图像。

任何一个完整的图像都可以被 Slice Tool 工具分割成一个个小块,而 Slice Select Tool 工具将用来选取分割开的小块。图像中的每一个小块左上角都有一个小图标,如果你希望暂时隐藏它们,可以点击 View > Show > Slices 菜单。

用 Slice Tool 切出的小块被 Photoshop 称为 " User Slice " 。User Slice 左上角的图标是蓝色的,并且围绕它周围有八个控制点,用 Slice Select Tool 可以拖动这些控制点,如果你需要,也可以用 Slice Select Tool 将某个 User Slice 整体地移动。点击 Options 面板中的 Promote to User Slice 按钮可以得到 User Slice 。

Photoshop 允许你为每一小块图像单独地制作链接--当然,这些最终通过 HTML 中实现。用 Slice Select Tool 选中某个 Slice 后,双击或者点击 Slice Options 按钮可以打开一个设置窗口。

设置窗口中 Slice Type 可以选择 Image 或者 No Image --两种类型的 Slice 的图标看上去也稍有一同。

对于 No Image 类型的 Slice ,你可以在 HTML 文本区域输入超文本内容--在生成的 HTML 中,Photoshop 将用这些文本内容取代表格中的图像;对于 Image 类型的 Slice ,可以设置的参数更多一些:

Name : Slice 的名字;

URL : 为这一小块图像创建一个链接,请在这里输入链接到的地址;

Target : 与 FrontPage 、Dreamweaver 等 HTML 编辑器一样,在 Target 栏中输入 _blank,链接到的地址将在新窗口中打开,输入 _self ,链接到的地址将在原窗口中打开。可供选择的 Target 还有 _top 和 _parent ;

Message Text : 鼠标移到链接上时,浏览器的状态栏将出现 Message Text 指定的文本内容;

Alt Tag : 图片没有出现或者不能正常显示时,图片所在区域将显示 Alt Tag 指定的文本。

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

最后一个步骤是用 Save for Web 保存切割后的图片并生成 HTML --保存类型可以是 HTML and Images ( *.html ),这样 Photoshop 会保存 HTML 和全部切割后的小图片,小图片将放置在一个 images 的新文件夹中;Image Only ( *.gif ) 仅保存图像文件,不生成 HTML 文件;而 HTML Only ( *.html ) 仅仅生成一个 HTML 文件而不保存切割后的小图片。在窗口底部的下拉列表中选择 All Slice 将保存图像中全部的 Slice ,这是缺省值。而选择 Selected Slice 将仅仅保存选中的 Slice 。点击 Output Setting 按钮可以得到更多、更详细的设置。

最后发表一点个人观点--把 Slice 工具嵌入 Photoshop 确实可以省去在 Photoshop 与 ImageReady 等软件之间切换的麻烦,然而我感觉它的功能并没有 ImageReady 和 Firework 强大,希望在 Photoshop 6.0 正式版中有所完善。

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有