怎样在PS上为文字切片加上链接地址？

2024-09-20 01:14:03

我们在做网站或装修店铺的时候，往往要为文字加上超链接，这更多的运用是给自制的导航条图片文字加上链接网址，要做到这一切一般情况下是需要DW软件的，而手头上只有PS该怎么办？下面我们就来谈谈用PS怎样为图片文字加上链接。

操作方法

01

首先打开PS软件，新建一个长1024像素X50像素的导航条，再用着色按钮涂上你喜欢的颜色，如图所示：
02

然后，进一步美化一下导航条。新建一个图层，接着依次点击：图层——图层样式——斜面和浮雕。在弹出的对话框中慢慢调节移动滑块，直到你认为比较满意位置，点击确定后，如图所示：
03

现在给导航条上输入你想要的菜单文字，然后在工具栏里右键剪截工具，再选择切片工具。示例如图：
04

接下来用切片工具把你准备要加链接的文字进行切割，注意要完整切割，不要留下空隙，否则零散的碎块太多，会给店铺的装修中带来没必要的麻烦。如图所示：
05

文字切割完成之后，再分别右键每一个文字对应的切块，在右键菜单里点击“编辑切片选项”。如图所示：
06

点击“编辑切片选项”之后，在弹出的窗口中粘贴你准备好的链接地址，再在目标栏里填上“_banck”,此表示在新窗口中打开网页，如果不需要就不填了。如图所示：
07

文字链接编辑好后，就要进行保存了。保存格式为“Web”格式。在弹出的存储窗口中点击“存储”。指明路径的时候选择格式为“html和图像”，然后点击保存即可。如图：
08

保存好的“导航条”为两个文件夹，一个是images文件，一个是html网页文件。在装修店铺或网站时，首先把images文件上传到网站或店铺的图片库中，然后打开html网页文件，再在打开的网页上右键单击查看源代码，复制<body和</body>之间的所有代码，然后粘贴到你需要投放的自定义页面中后，再回到文字编辑模式中修改一下相对应的images图片地址就是了。

赞 (0)

如何在微信上发表文字说说，显示地址，同步空间

刷朋友圈的时候发现,一个朋友发qq空间说说的时间和微信说说的时间一样,可以显示他的地址,而且不一定非得要带图片,他们是怎么实现的呢操作方法 01 登陆微信 02 找到底部的发现 03 点击朋友圈 0 ...
ps输入文字不显示，看不见，ps上无法输入文字

昨天有朋友问我为什么在ps上输入文字不显示.因此,夏夏写了这篇,用来帮助同样有这样疑问的朋友.希望对于初学ps的朋友,有所帮助. 下面跟夏夏一起来看下吧! ps上输入文字不显示的原因? 01 ps上输 ...
ps怎么在文字上加底色

在平时用ps处理图片的过程中,有时候为了凸显文字,需要给文字加上底色,那么ps怎么在文字上加底色呢?下面介绍一种ps中给文字加底色的方法,希望对你有所帮助. ps怎么在文字上加底色 01 第一步:打开 ...
怎么用PS软件给图片上的文字制作压痕效果

今天给大家介绍一下怎么用PS软件给图片上的文字制作压痕效果的具体操作步骤.1. 首先打开电脑上的PS软件,然后将图片素材导入,点击页面上的文字工具,给图片添加想要设置压痕效果的文字.2. 然后在打开的 ...
怎么在PS软件中用仿章工具将图片上的文字删除

今天给大家介绍一下怎么在PS软件中用仿章工具将图片上的文字删除的具体操作步骤.1. 首先打开电脑上的PS软件,进入主页面后,将需要处理的图片导入软件.2. 然后按键盘上的"Ctrl j&qu ...
怎么利用PS软件将图片上的文字删除

今天给大家介绍一下怎么利用PS软件将图片上的文字删除的具体操作步骤.其实也算是去除图片上水印的一种方法.1. 首先打开电脑,找到想要删除的字体图片,选择使用PS软件打开,进入主页面后,点击左侧的选择套 ...
如何利用PS软件在图片上添加文字

想要给图片添加文字,可以使用PS软件来进行,今天给大家介绍一下如何利用PS软件在图片上添加文字的具体操作步骤.1. 首先打开电脑,找到桌面上的PS软件,双击打开.2. 进入主页面后,将想要编辑的图片拖 ...
利用PS软件怎么模糊图片上的文字

我们想要将图片上的文字进行模糊处理,可以选择使用PS软件进行操作,今天就跟大家介绍一下利用PS软件怎么模糊图片上的文字的具体操作步骤.1. 首先打开电脑上的PS软件,进入主页面后,点击左上角的文件选项 ...
如何使用Photoshop PS软件修改图片上的文字

图片上的文字想要进行删除或者添加,该怎么操作呢?我们可以借助PS软件来进行操作,今天就跟大家介绍一下如何使用Photoshop PS软件修改图片上的文字的具体操作步骤.1. 首先打开电脑上的PS软件, ...