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


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


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


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


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


5.


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


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


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


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


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


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


12.


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


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


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


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


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


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


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


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


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


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




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

0