5.14 创建基于图层的切片并输出网页 [Ps教程]

1. 本节课将为您演示,如何将图层转换为切片,并将文档输出为网页。首先选择工具箱中的[矩形选框]工具。


image

2. 然后按下鼠标,并向右下角滑动,以创建一个选区。


image

3. 点击键盘上的快捷键,将当前的选区转换为一个新图层。


image

4. 依次点击[图层 > 新建基于图层的切片]命令,创建基于当前图层的切片 。


image
image

6. 鼠标长按工具箱中的[裁剪工具],显示隐藏的工具列表。


image

7. 然后选择列表中的[切片选择工具]。


image

8. 鼠标双击切片,弹出切片选项窗口。


image

9. 接着在网址右侧的输入框内,输入切片的链接地址。


image

10. 点击[确定]按钮,完成切片的选项设置。


image

11. 依次点击[文件 > 存储为网页所用格式]命令。


image
image

13. 保持窗口中的选项设置,所有切片将被转换为索引格式的图片。点击[保存]按钮。


image

14. 然后点击下拉箭头,选择存储格式。


image

15. 这里选择[网页和图像]选项,这样所有切片将会保存为索引格式的图片,同时生成一个包含所有图片的网页文件。


image

16. 接着在[文件名]右侧的输入框内,输入网页文件的名称。


image

17. 然后点击[保存]按扭,开始切片的输出。


image

18. 使用键盘上的快捷键,退出系统界面,并定位到输出的文件夹。


image

19. 在文件夹中,鼠标双击生成的网页文件,使用浏览器打开输出的网页文档。


image

20. 当前网页文档中,包含了所有的小图片,并根据它们在原图中的位置,拼合在一起。所以您看到的画面,和原始图像是一样的。


image

21. 点击右上角的[关闭图标],关闭浏览器,并返回系统界面。


image

22. 最后使用键盘上的快捷键,保存最终的结果,并结束本节课程。


image
image

本文整理自:《Photoshop CC互动教程》,真正的[手把手]教学模式,用最快的速度上手Photoshop,苹果商店App Store免费下载:https://itunes.apple.com/cn/app/id822431555,或扫描本页底部的二维码。课程配套素材下载地址:资料下载

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 以PhotoshopCS6为例,共包括以下六个方面详细笔记一、PhotoshopCS6的安装二、色彩模式及其像素概...
    委婉的鱼阅读 16,905评论 63 352
  • 一、工作区和工作流程 1.工作区和面板 保存、删除、重置工作区停靠、编组、浮动面板 2.首选项 常规、预览、导入、...
    朱细细阅读 7,817评论 0 52
  • 如何制作透明背景的图片? 首先,只有GIF才可以使用透明,所以在保存文件的时候不要选择保存或另存为,而是直接选“输...
    苏州暮雨阅读 2,893评论 0 15
  • 1. 本节课将为您演示[切片工具]的使用。此工具可以把图片切成若干个小图片并直接输出为网页格式,非常实用!首先长按...
    互动教程网阅读 912评论 0 1
  • 今天是我们南京开启驿站入驻园区的第一天,今天一直在忙,上午去园区先是定了共位,确定了股东照片,
    晶晶心灵驿站阅读 198评论 0 0