2016 - 2024

感恩一路有你

如何在PS中为文字切片添加链接地址

浏览量:4920 时间:2024-02-05 20:07:23 作者:采采

在进行网站设计或店铺装修时,经常需要给文字添加超链接。通常情况下,我们使用DW软件来完成这个任务,但如果只有PS呢?接下来我们将讨论如何使用PS为图片文字添加链接。

第一步:创建导航条

首先打开PS软件,新建一个宽度为1024像素、高度为50像素的导航条。然后用油漆桶工具涂上你喜欢的颜色,如图所示。

第二步:美化导航条

进一步美化导航条。新建一个图层,依次点击:图层 - 图层样式 - 斜面和浮雕。在弹出的对话框中调节滑块,直到你满意为止。然后点击确定,如图所示。

第三步:添加菜单文字

现在给导航条上输入你想要的菜单文字。然后在工具栏中右键剪刀工具,并选择切片工具。示例如图:

第四步:切割文字

使用切片工具将你想要添加链接的文字进行切割。注意要完整切割,不要留下空隙,否则会给店铺的装修带来麻烦。如图所示。

第五步:编辑切片选项

右键点击每一个文字对应的切片,然后在菜单中选择“编辑切片选项”。如图所示。

第六步:添加链接地址

在弹出的窗口中粘贴你准备好的链接地址,并在目标栏填写“_blank”(表示在新窗口中打开链接)。如果不需要在新窗口中打开链接,则不需要填写目标栏。如图所示。

第七步:保存导航条

完成文字链接编辑后,进行保存。选择“Web”格式保存。在弹出的存储窗口中选择“html和图像”格式,然后点击保存。如图所示。

第八步:上传图片并添加代码

保存的“导航条”包括一个images文件夹和一个html网页文件。在装修店铺或网站时,首先将images文件夹上传到图片库中。然后打开html网页文件,并右键点击网页查看源代码。复制和之间的所有代码,然后粘贴到自定义页面中。修改相应的images图片地址即可。

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。