photoshop PS切片如何添加链接

编辑:ziyi 阅读:2 时间:2019-11-19 17:26:23

身为设计的小伙伴都知道,在我们设计出一份完整的效果图之后,我们需要对关键图片进行切片然后交于程序编辑,有不少尽职的小伙伴会在切片图片中添加链接,使程序编辑起来更加轻松。那么PS切片如何添加链接呢?下面就让去下载啦小编来和您分析一下photoshop PS切片如何添加链接。


用ps打开需要切片加链接的图片。

image.png

选择“切片工具”,或者按键盘上的Shift+C来切换到“切片工具”。

image.png

画切片。利用参考线画出的切片会没有分隔符。

image.png

画好切片后,选择需要添加链接的单个切片区域,点击鼠标右键。选择“编辑切片选项”。

image.png

在“URL”那一栏的框里填上你需要添加的网址链接。填好后点击“确定”。

其他的切片区域也可以进行添加链接。我这里就添加这一个区域的做测试。

image.png

添加好网址链接后。点击“文件”>“储存为Web所用格式”。快捷键 Alt+Shift+Ctrl+S。

image.png

保存时可以选择图片的格式,品质和图片尺寸的大小。格式一般为jpg具体看使用需要。品质决定图片的内存大小和画质的清晰度,视情况而调。

image.png

点击“储存”后,弹出“将优化结果储存为”的窗口,这里要把格式更改成“HTML和图像”或者“仅HTML”。HTML是网页格式链接就做里面。

image.png

储存后的文件为,images和一个html网页文件。

image.png

用网页编辑软件打开html文件即可获取代码了。把代码复制到需要的地方就可以了。

image.png

以上是photoshop PS切片如何添加链接喜欢的话就让我们一起去下载啦!