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

原文:http://coolketang.com/staticPhotoshop/5a98d4acee920a7880872645.html

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,或扫描本页底部的二维码。课程配套素材下载地址:资料下载



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

李发展

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值