可以将图像中选定的切片拷贝并粘贴到另一个图像或其它应用程序(如 Dreamweaver)中。拷贝切片时将会拷贝该切片边界内的所有图层(而不仅仅是现用图层)。
- 使用切片选择工具选择一个或多个切片。
- 选择“编辑”>“拷贝”。
注: 如果文档中包含一个现用选区(选框像素选区或选定路径),则无法拷贝切片。
- 执行下列操作之一:
选择“编辑”>“粘贴”。将切片粘贴到 Photoshop 图像中时,会创建一个新图层。
注: 复制到 Dreamweaver 中的切片将保留有关原始 Photoshop 源文件的文件名和路径的信息。要在 Dreamweaver 中查看此信息,请右键单击 (Windows) 或按住 Ctrl 并单击 (Mac OS) 图像,选择“设计备注”,然后在“全部信息”选项卡上找到 FilePathSrc 字段。
PS帮助:选择一个或多个切片
选择切片选择工具 并在图像中单击相应的切片。处理重叠切片时,单击底层切片的可见部分选择底层切片。
选择切片选择工具,然后按住 Shift 键单击,以便将切片添加到选区。
在“存储为 Web 和设备所用格式”对话框中选择切片选择工具,在自动切片内或图像区域外单击,然后在要选择的切片上拖移。(在用户切片内单击并拖动可移动切片。)
选取“文件”>“存储为 Web 和设备所用格式”。在对话框中,使用切片工具选择一个切片。
PS帮助:复制切片
可以创建与原切片的尺寸和优化设置相同的复制切片。如果原切片是链接的用户切片,则复制切片链接到同一组链接切片。复制切片总是用户切片,不管原切片是用户切片、基于图层的切片还是自动切片。
- 选择一个或多个切片。
- 按住 Alt 键 (Windows) 或 Option 键 (Mac OS) 并从选区内拖动。
有关使用 Photoshop 和 Dreamweaver 设计网站的视频,请访问 www.adobe.com/go/vid0200_cn。
个人博客:PS切片技术(http://lyfon.com/post/883/)
2)基本操作
如果想移动某个切片,可以使用“切片选择工具”选择某个切片,并用鼠标进行拖动,也可以使用实现,另外如果想精确的细微移动,则可以使用实现
如果想将某个切片存为某个图片输出,可以使用“切片选择工具”选择某个切片,然后选择“文件”菜单,并选择“存储为Web所用格式(W)...”,然后在弹出的界面中...
3,切图技巧
1)一张图,可以有多种切分方式,如下:
既然存在n多种切图方式,那么是不是哪种方式都可以满足要求?
答案:不是的。
一般对页面的要求是,当页面大小发生变化时,页面的各部分可以相对自由地伸缩,而不会使页面发生错乱或变形等问题。
我们切分好的图是要输出为Html格式的网页文件的,然后通过网页编辑器,将该页面进行加工,做成符合要求(例如可以根据内容多少,自由伸缩等)的模板页面。这其中,切图的方式直接影响着模板页面是否能够满足实际的要求。
我们来看一个例子:
2)切图技巧主要有几下几点
属性均匀的区域适合分为一个切片,均匀主要是指颜色和形状都没有变化,或者在X或在Y方向上没有变化。
属性渐变的区域适合分为一个切片,渐变有两种表现形式
颜色渐变
形状渐变
根据原图的内容布局,确定整体的切分策略,即切分要有分块的思想,要在想象中将整个布局看成是一个两个table,然后在具体到每个table,去考虑里面应该如何切。
下面通过几个图例来说明
|