当前位置:Gxlcms > 前端框架 > 用ps切片怎么做链接

用ps切片怎么做链接

时间:2021-07-01 10:21:17 帮助过:91人阅读

用ps切片怎么做链接?

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

5f8db594d44b05102cfb082b6fa587d.png

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

546b77d89855cedcfb449f95e7a230c.png

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

3c1ea1b33bf7402f80309a71086a0a8.png

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

24e1dac9497d9bc39433f332a1a6735.png

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

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

5cd06c93c893863f614311cc4a1adef.png

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

cdda041d3fa8092886b55ac0cfabd52.png

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

52f84ecfc3807e27b67d9554a0e044a.png

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

4c4190e3e7c5e5a6b161d76c4de6de6.png

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

68564de56a19479764aa5a11c858c8f.png

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

45a92b846290bf56802ddc577b1b3db.png

以上就是用ps切片怎么做链接的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行