Photoshop中的切片和代码,是店铺装修时比较常用的功能,在这一节中我们就针对切片给大家演示一下操作技巧。
Photoshop中的切片和代码,是店铺时比较常用的功能,在这一节中我们就针对切片给大家演示一下操作技巧。
首先我们打开Photoshop,找到切片工具。常用切片方式有:划分切片、常规切片、辅助线切片。
1.划分切片
我们先来看一下划分切片,划分切片的效率很高,适用于排列方式为等分的结构。
2.常规切片
选择切片工具,用切片工具逐个手动选出不同切片,在拉框选切片的过程中要注意,不要有交叉或空隙出现,那样会导致切片。这种切片方式效率低,且容易出现误差,所以并不推荐。
3.辅助线切片
辅助线切片是按照参考线快捷切片的一种方式。首先按Ctrl+R组合键调出标尺,在标尺上按住鼠标左键向下拖出一条辅助线,将线放在切片的位置,然后选择切片工具,点击“基于参考线的切片”按钮。
切片做好后,我们选择“文件”-“存储为Web所用格式”,选择所有切片,改为jpeg格式,调节图片品质,推荐品质为80~90即可。
点击存储,选择格式为“HTML和图像”,文件命名使用英文或数字,尽量不要用中文。
以上是操作切片工具的相关内容,希望对您有帮助。
特别声明:以上文章内容仅代表作者本人观点,不代表ESG跨境电商观点或立场。如有关于作品内容、版权或其它问题请于作品发表后的30日内与ESG跨境电商联系。
二维码加载中...
使用微信扫一扫登录
使用账号密码登录
平台顾问
微信扫一扫
马上联系在线顾问
小程序
ESG跨境小程序
手机入驻更便捷
返回顶部