当前位置:电脑教程 > 软件教程 > photoshop PS切片如何添加链接

photoshop PS切片如何添加链接

2019-10-21 15:15:39 软件教程

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


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

photoshop PS切片如何添加链接

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

photoshop PS切片如何添加链接

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

photoshop PS切片如何添加链接

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

photoshop PS切片如何添加链接

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

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

photoshop PS切片如何添加链接

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

photoshop PS切片如何添加链接

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

photoshop PS切片如何添加链接

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

photoshop PS切片如何添加链接

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

photoshop PS切片如何添加链接

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

photoshop PS切片如何添加链接

以上便是PS切片如何添加链接的图文教程。怎么样?是不是很简单呢?小编相信善良的小伙伴们看过以上内容之后还是不会帮助程序员做链接的。


相关专题
更多+