+ -
当前位置:首页 → 问答吧 → 弱弱地问一下,怎样让文字下划线不贴着文字?

弱弱地问一下,怎样让文字下划线不贴着文字?

时间:2007-09-21

来源:互联网

以前一直碰到这个问题,如果在ps里,用宋体12px的字,加下划线,下划线就会贴着文字的底部,用Arial等字体就不会~~~(这在html里面也会出现这种情况)。
怎样让文字下划线不贴着文字?距离文字1px就成。。。

作者: firepage   发布时间: 2007-09-21

这个好像办不到,毕竟本来就没有可调节的选项

作者: clz8206   发布时间: 2007-09-21

html里面

对文字 比如12px 文字: line-height:14px ; border-bottom:1px solid #颜色

作者: mmine   发布时间: 2007-09-22

楼上这样 多行是不是就比较麻烦了~

作者: wonton   发布时间: 2007-09-22

引用:
原帖由 mmine 于 2007-9-22 09:08 发表
html里面

对文字 比如12px 文字: line-height:14px ; border-bottom:1px solid #颜色
html里面,直接把默认的字体设为Arial系列的就成,我就不知道在ps里面怎么处理。
莫非要一根一根直线去画?岂不累死~~

作者: firepage   发布时间: 2007-09-22

画一个两个的知道那个意思   制作的时候用样式实现不就可以了

作者: liuxinghonglei   发布时间: 2007-09-22

楼主莫非要做网页的效果图~??

想了一个变态的方法,需要用"_"打一篇类似信纸的东西。速度比一条条画要快~

方法说出来估计笑死人~

未标题-1.gif (6.28 KB)
2007-9-22 14:30


具体做法也写上吧~~

先打你要的字哦,给他们加上下划线,现在下划线是压在最下面一个像素上的~~

z1.gif (1.03 KB)
2007-9-22 14:46


然后不要改变字体设置,用同样的字体大小间距,新建一个文字层,

打上连续的“_”符号,长度和你文本最长的一行等长即可(这时候要充分的复制粘贴哦。不要真的一行行去打)

z2.gif (385 Bytes)
2007-9-22 14:46


把两层对齐,现在看起来如下:

z3.gif (1.06 KB)
2007-9-22 14:46


然后 ctrl +鼠标左键 单击“_” 层的缩略图,获取他的选区

再 ctrl+ alt +shift +鼠标左键 单击 文本层的缩略图,获取文本层和“_”层的交集选区

z4.gif (1.11 KB)
2007-9-22 14:46


这时候新建一层,用黑色填充选区 ,就得到下划线了~~~

再把这个新建层下移2~3个像素.

最后去掉文本层的下划线,扔掉"_"层

[ 本帖最后由 wonton 于 2007-9-22 14:48 编辑 ]

作者: wonton   发布时间: 2007-09-22

先谢谢ls两位。
就是要做网页效果图的,楼上的方法~~~还是有点复杂~~~
莫非,类似于新浪科技那样的大页面,做网页效果图时~~~也弄这么复杂么?~~~

[ 本帖最后由 firepage 于 2007-9-25 15:50 编辑 ]

作者: firepage   发布时间: 2007-09-25

我估计他们直接就出div+css 描述的页面了

作者: wonton   发布时间: 2007-09-25

html可以用背景阿。
或者<li>
不过ps里面是没法调节的,一般都是用另个层

作者: woou   发布时间: 2007-09-25

如果用在网页里面的话用CSS控制就是很好的方法啦

作者: fuguojian1988   发布时间: 2008-04-25

在wonton 的基础上。
1、普通文字层不加下划线
2、打上连续的“_”符号,长度和你文本最长的一行等长即可,右键点击栅格化图层
3、然后将两层对齐,将_层下移1px即可,文字层在上面
此法适合做效果图。

作者: bobl   发布时间: 2008-07-04

貌似好象发错帖了

作者: yangsongmao   发布时间: 2008-07-04

我看到这个问题,第一个想到的就是跟7楼的方法一样,哈哈,做两个图层,调到一起就OK啦,灵活一点嘛。

作者: serapp   发布时间: 2010-12-17