在PS上为文字切片加上超链接方法

重康是我的名字

重康是我的名字

2016-04-01 11:39

图老师电脑网络栏目是一个分享最好最实用的教程的社区,我们拥有最用心的各种教程,今天就给大家分享在PS上为文字切片加上超链接方法的教程,热爱PS的朋友们快点看过来吧!

在PS上为文字切片加上超链接方法

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

  方法/步骤

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

在PS上为文字切片加上超链接方法图老师

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

在PS上为文字切片加上超链接方法
在PS上为文字切片加上超链接方法

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

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com)
在PS上为文字切片加上超链接方法

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

在PS上为文字切片加上超链接方法

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

在PS上为文字切片加上超链接方法

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

在PS上为文字切片加上超链接方法

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

在PS上为文字切片加上超链接方法

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

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com)

  注意事项

  切片的时候要细心,尽量以大块为好。

  以上就是在PS上为文字切片加上超链接方法介绍,希望能对大家有所帮助!

展开更多 50%)
分享

猜你喜欢

在PS上为文字切片加上超链接方法

电脑网络
在PS上为文字切片加上超链接方法

在RichEdit中实现超链接

编程语言 网络编程
在RichEdit中实现超链接

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

PS为模特加上超酷的夸张潮流彩妆

PhotoShop PS PS教程
PS为模特加上超酷的夸张潮流彩妆

PowerPoint2007给文字添加超链接

电脑入门
PowerPoint2007给文字添加超链接

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

如何去除EXCEL文档上的超链接

电脑入门
如何去除EXCEL文档上的超链接

Word怎样做超链接和取消超链接

电脑入门
Word怎样做超链接和取消超链接

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

PS+AI教程!手把手教你打造低多边形星系海报

PS+AI教程!手把手教你打造低多边形星系海报

Photoshop为室内偏黄婚片调出高贵冷色效果

Photoshop为室内偏黄婚片调出高贵冷色效果
下拉加载更多内容 ↓