photoshop切片工具使用选取工具.docx
《photoshop切片工具使用选取工具.docx》由会员分享,可在线阅读,更多相关《photoshop切片工具使用选取工具.docx(8页珍藏版)》请在冰点文库上搜索。
photoshop切片工具使用选取工具
photoshop切片工具使用(选取工具)?
许多网页为了追求更好的视觉效果,往往采用一整幅图片来布局网页。
但这样做的结果就是使下载速度慢了许多。
为了加快下载速度,就要对图片使用切片技术。
也就是把一整张图切割成若干小块。
并以表格的形式加以定位和保存。
几乎所有的图象处理软件都包括切片功能,并能方便地输出切片和包括切片的html文件。
所以,当你需要使用大图作网页,需要把它们切成多个图片(切片)时,可以借助这些软件的帮助,而无须用插入表格的方法。
下面,用photoshop软件中,切片的使用为例说明使用方法。
1。
在photoshop(以下简称ph)中选择切片工具。
(如图一)在要进行切割的图片上‘画'出每个切(如图一)上为切片工具示意图(如图二)割区域,可见每个切割区域都会带上一个数字标签。
(图中的兰色线框)(如图二)
2。
执行:
文件(file)--存储为web所用格式(saveforweb),在弹出的saveforweb对话框中,可以单击上方的视图标签,选择、切换二或四视图或其他优化格式视图。
然后单击左边工具条中的切片选择工具,在任一你选定的切割的视图中点击切片,此时你选中的切片变色,表示已经选中。
设置最终输出的每个切片是以什么类型的文件保存。
(gif或
jpg)(图三)
3。
每进行一次设置,其输出的文件大小都会改变。
可以在视图下方看到结果。
可以按个人需要反复切割,使大小和效果都满意为止。
(图四)
4。
在弹出的将优化结果存储为(saveoptimizedas)对话框中‘保存类型'选择‘htmlandlmage‘最下方选择网站文件夹的路径,便可将包括html文件和对应的切片图形文件,都保存到网站文件夹中了。
默认状态下,切片存放在'image‘文件夹里(。
图五)(图三)(图四)(图五)打开你的网页文件中存放的html文件,几可以看到所有的切片都被安放好了。
而下载速度要快了许多。
是不是很爽?
(见图六图七)(图六)(图七)你快试试吧!
使用切片工具创建切片:
选择切片工具。
任何现有切片自动显示在文档窗口中。
选取选项栏中的样式设置:
“正常”选项通过拖移确定切片比例。
“固定长宽比”选项设置高度与宽度的比例。
输入整数或小数作为长
宽比。
例如,若要创建一个宽度是高度两倍的切片,请输
入宽度2和
高度1。
“固定大小”选项指定切片的高度和宽度。
输入整数像素值。
在要创建切片的区域上拖移。
按住Shift键并拖移可将切片限制为正
方形。
按住Alt键(Windows)或Option键(MacOS)拖移可从中
心绘制。
使用对齐使新切片与参考线或图像中的另一切片
对齐。
(请
参阅移动用户切片并调整其大小。
)从参考线创建切片:
向图像中添加参考线。
(请参阅使用参考线与网格。
)执行下列操作之一:
(Photoshop)选择切片工具,然后在选项栏中点按“基于参考线的切
片”。
(ImageReady)选取“切片”>“从参考线创建切片”。
从参考线创建切片时,将删除所有现有切片
从选区创建
切片(ImageReady)
选择图像的一部分。
选取“选择”>“从选区中创建切片”。
ImageReady创建基于选框的用户切片。
如果选区已羽化,则切片将覆
盖整个选区(包括羽化的边缘)。
如果选区不是矩形,则切片将包括
足以覆盖整个选区的矩形区域。
选择切片
使用切片选择工具选择一个或多个切片。
然后您可以修改选中的切片。
在ImageReady中,可以存储、载入和删除切片选区。
使用切片选区
能够快速且精确地重新选择特定的切片。
选择切片:
执行下列操作之一:
选择切片选择工具并点按图像中的切片。
处理重叠切片时,请点按
底层切片中的可视选区,将其选中。
(Photoshop)选取“文件”>“存储Web所用格式”。
在对话
框中
,使用选择切片工具选择切片。
使用切片工具或切片选择工具时,按住Ctrl键(Windows)可以在
两者之间切换。
(ImageReady)在“Web内容”调板中选择切片。
选择多个
切片(ImageReady):
使用切片选择工具,执行下列操作之一:
按住Shift键并点按,将切片添加到选区。
在自动切片内或图像区域外点按,并在要选择的切片上拖移。
(在用
户切片内点按并拖移可移动切片。
)
在“Web内容”调板中,按住shift键点按多个切片。
选择文档中的所有用户切片(ImageReady):
选取“切片”>“选择所有用户切片这”实。
际上是选择了所有非自
动切片,并包括选区中基于图层的切片。
存储切片选区(ImageReady):
选择一个或多个切片。
选取“切片”>“存储切片选区”。
在“选区名称”文本框中输入一个名称并点按“好”按钮。
载入切片选区(ImageReady):
选取“切片”>“载入切片选区并”从,子菜单中选择要载入的切
片
删除切
选区的名称。
注释:
必须存储切片选区后才能载入该切片选区
片选区(ImageReady):
选取“切片”>“删除切片选区并”从,子菜单中选择要删除的切片
选区的名称。
删除切片选区并不删除切片本身。
组合切片(ImageReady)
在ImageReady中,可以将两个或多个切片组合为一个单独的切片。
组合切片的尺寸和位置由通过连接组合切片的外边缘创建的矩形决定。
如果组合切片不相邻,或者比例或对齐方式不同,则新组合的切片
可能与其他切片重叠。
组合切片的优化设置是“组合切片”操作之前选中的第一个切片的优
化设置。
组合切片总是用户切片,与原切片是否包括自动切片无关。
选择两个或更多的切片。
选取“切片”>“组合切片”排。
列用户切片和基于图层的切片
切片重叠时,最后创建的切片是堆叠顺序中的顶层切片。
可以更改堆
叠顺序以便能够访问底层切片。
可以指定堆栈的顶层和底层切片,并
在堆叠顺序中上下移动切片。
注释:
无法排列自动切片的堆叠顺序。
更改切片的堆叠顺序:
选择一个切片。
在ImageReady中可以选择多个切片。
执行下列操作之一:
如果切片选择工具是现用的,则点按选项栏中的堆叠顺序选项:
置为
顶层、前移一层、后移一层或置为底层。
(ImageReady)选取“编辑”>“排列切片并”从,子菜单中选取堆叠
顺序命令。
(ImageReady)在“Web内容”调板中向上或向下拖移切片。
请参阅
使用“Web内容”调板。
对齐用户切片(ImageReady)
在ImageReady中,可以将用户切片进行顶、底、左、右或中间对齐
。
对齐用户切片可以消除不需要的自动切片并生成较小的、更有效的
HTML文件。
注释:
若要对齐基于图层的切片,请对齐图层的内容。
(请参阅对齐
图层。
)对齐用户切片:
选择要对齐的用户切片。
执行下列操作之一:
如果切片选择工具是现用的,则点按选项栏中的对齐选项:
顶对齐
、垂直中齐、底对齐、左对齐、水平中齐或右对齐。
选取“编辑”>“对齐切片”,并从子菜单中选取命令。
链接切片(ImageReady)
链接切片使您得以在切片间共享优化设置。
将优化设置应用于链接切
片时,组中的所有切片都将更新。
GIF和PNG-8格式的链接切片共享颜色调板和仿色图案。
为防止切
片之间出现裂缝,相邻切片的边界间应用了仿色图案。
(请
参阅优化
GIF和PNG-8图像中的颜色。
)
注释:
也可以在Photoshop的“存储为Web所用格式”对话框中链
接切片。
(请参阅在“存储为Web所用格式”对话框中处理切片
(Photoshop)。
)链接切片:
选择要链接的两个或两个以上的切片或切片组
注释:
如果选择的第一个切片是用户切片,则任何链接到第一个切片
的自动切片都变为用户切片。
如果选择的第一个切片是自动切片,则
任何选择的用户切片都链接到该自动切片组。
选取“切片”>“链接切片进行优化”。
对于切片左上角的切片显示图形,每个链接的用户切片组都分配了不
同的颜色。
这有助于您确定哪些切片是链接一起的。
取消用户切片的链接:
执行下列操作之一:
若要取消一个用户切片的链接,请选择该切片,然后选取“切片”>
“取消切片链接”。
若要取消图像中所有用户切片的链接,请选取“切片”>“取消全部
链接”。
设置HTML输出选项
使用Photoshop和ImageReady可以精确控制Web图像的准备以及
图像在Web页面上的显示方式。
在这两个应用程序内都可以指定切
片和切片表结构,以确保导出的HTML或XHTML文件的功能正确。
(请参阅设置切片表导出选项(ImageReady)。
)处理图像映射(ImageReady)
图像映射将图像区域链接到URL。
您可以在图像中设置链
接到其他
Web页或多媒体文件的多个链接区域(称为图像映射区
域)。
当决定使用切片还是图像映射来创建超链接时,请考虑下
列因素
使用图像映射时,图像作为一个文件按原样导出;而使用切片时,图
像作为多个单独的文件(每个切片一个文件)导出。
使用图像映射可以链接图像中的圆形、多边形或矩形区域;而使用切
片只能链接矩形区域。
使用图像映射时,在优化过程中所拥有的灵活性比使用切片时低。
注释:
为避免出现意外结果,不要在包含URL链接的切
片中创建图
像映射区域-在一些浏览器中图像映射链接或切片链接可
能被忽略。