怎么做这种论文图片文字格式式 字透过一层半透明背景印出最底下的背景

来源：蜘蛛抓取(WebSpider) 时间：2017-10-23 19:00 标签： 图片格式文字如何复制
第三方登录：photoshop给图片添加透明背景的样式漂亮文字ps
知道photoshop里的添加文字不容易掌握，这里利用Word先将文字样式设计好，再将文字转化为背景色为白色的文字图片，然后用photoshop将文字图片转为透明背景，加载在背景图片上即可。无论你是网店掌柜，想自制加有漂亮文字的海报和店招；还是你是自拍控，想给自己的照片加上漂亮的文字记录的回忆，这里给你一个容易操作的方法。当然，你也可以把漂亮文字换成其他你想要的印记···
Photoshop软件，空白Word文档，需要加载文字的图片
新建一个空白Word文档，输入你要加载的文字，并按你的设计思路将文字格式设计好。如下图：
利用QQ截屏或者键盘上PrtSc键等方法，在Word中将文字截图，并保存下来，点确定，在此保存为名称为【文字图片】的图片。如下图：
打开ps，双击灰色部分，打开刚刚保存的图片【文字图片】，选择魔棒工具，对准图片白色区域点击一下，出现选区，接着点选“选择”菜单下的“反向”，选区反选。
点选“文件”菜单下的“新建”，打开“新建”选项卡，设置‘预设’为‘剪贴板’，设置‘背景’为‘透明’，点确定。点选‘还原按钮’，将【文字图片】中刚刚的选区直接拖至新建的对象中，点选‘最大化按钮’，按住Alt键，向上滑动鼠标滑轮，放大对象。
选择背景橡皮擦工具，设置画笔半径为最大，硬度为100%，对准文字中间残余的白色区域点击，反复数次，直到白色区域基本擦净，点击保存。
类似第四步骤，打开需要添加文字的背景图片，将刚擦净处理好的文字图层拖入背景图片，点选‘显示变换控件’选项，按需要调整文字图层的大小，点击‘对号’，完成变换，点击保存为所需图片格式即可，如‘。jpg’等，漂亮的文字加背景就制作完成了。
当然也可以把文字替换为漂亮的图片图标等，方法类似。
能够找到ps魔术棒等基本工具
制作好的透明背景的文字图层可以单独保存下来，以备以后的重复利用
已投稿到：
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。后使用快捷导航没有帐号？
只需一步，快速开始
查看: 4780|回复: 14
像这种在图片上加一个背景和文字怎么做是正确的
UID621224在线时间 小时积分275帖子离线17463 天注册时间
中级会员, 积分 275, 距离下一级还需 225 积分
QQ截图.jpg (6.95 KB, 下载次数: 0)
12:00 上传
如图，我是用margin-top:-30 这样来把背景图拉到上面，可是火狐和谷歌和ie显示里面的文字都会偏移，更头疼的是一个偏上，一个偏下，调也没法调啊，估计是我的方法错了，所以来请高手解答。
&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional//EN& &http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&&
&html xmlns=&http://www.w3.org/1999/xhtml&&
&meta http-equiv=&Content-Type& content=&text/ charset=gb2312& /&
&title&无标题文档&/title&
&style type=&text/css&&
p {background:url([url]/template/dgzhilu/portal/jingdian/lm_bj.png[/url]) 0px 0px no- width:114 height:30 line-height:30 color:#FFFFFF; font-size:14 font-weight: padding-left:10 margin-top:-50 position:}
&img src=&/data/attachment/block/2d/2d09a5ad1bcf06b2d510c5.jpg& /&
&p&背景图文字&/p&
&提示：您可以先修改部分代码再运行
UID544819在线时间 小时积分1683帖子离线17463 天注册时间
银牌会员, 积分 1683, 距离下一级还需 1317 积分
最好是定位在上面
UID606598在线时间 小时积分50464帖子离线17463 天注册时间
用绝对定位配合相对定位
UID621224在线时间 小时积分275帖子离线17463 天注册时间
中级会员, 积分 275, 距离下一级还需 225 积分
UED 发表于
用绝对定位配合相对定位
不是很懂，那个文字下面有一个背景图片的，怎么没显示，dw编写的时候可以显示
UID606598在线时间 小时积分50464帖子离线17463 天注册时间
youname 发表于
不是很懂，那个文字下面有一个背景图片的，怎么没显示，dw编写的时候可以显示
搜索绝对定位和相对定位的进阶教程
UID641170在线时间 小时积分18帖子离线17463 天注册时间
新手上路, 积分 18, 距离下一级还需 32 积分
&!DOCTYPE HTML&
&meta http-equiv=&Content-Type& content=&text/ charset=gb2312& /&
&title&无标题文档&/title&
&style type=&text/css&&
p {background:#555; width:114 height:30 line-height:30 color:#FFFFFF; font-size:14 font-weight:}
.img-box{ position:}
.img-box p{ position: bottom:20left:10 margin:0;}
& & & & &div class=&img-box&&
& & & & & & & & &img SRC=&没法放图& width=&100& height=&100&/&
& & & & & & & & &p&背景图文字&/p&
& & & & &/div&
UID621224在线时间 小时积分275帖子离线17463 天注册时间
中级会员, 积分 275, 距离下一级还需 225 积分
kll 发表于
无标题文档
p {background:#555; width:114 height:30 line-height:30 color:#FFFFFF; ...
不是光文字，文字下面还有一个背景图，下面是完整效果图，一楼的是因为系统自动在图片网址加了url所以不显示
QQ截图06.jpg (23.02 KB, 下载次数: 0)
10:45 上传
UID251765在线时间 小时积分272帖子离线17463 天注册时间
中级会员, 积分 272, 距离下一级还需 228 积分
把文字和文字后的图片都用定位，相对于图片来说
UID536289在线时间 小时积分3780帖子离线17463 天注册时间
金牌会员, 积分 3780, 距离下一级还需 1220 积分
把下面的做成背景，然后上面的背景和文字一起在那个带背景的层中喽，呵呵
UID591906在线时间 小时积分2298帖子离线17463 天注册时间
银牌会员, 积分 2298, 距离下一级还需 702 积分
里面大的DIV用相对定位，外面背景图用绝对定位，这样就不会上下不齐了
UID545798在线时间 小时积分161帖子离线17463 天注册时间
初级会员, 积分 161, 距离下一级还需 39 积分
&meta http-equiv=&Content-Type& content=&text/ charset=gb2312& /&
&title&无标题文档&/title&
&style type=&text/css&&
p {background:url(/template/dgzhilu/portal/jingdian/lm_bj.png) no- width:114 height:30 line-height:30 color:#FFFFFF; font-size:14 font-weight:position:bottom:10left:0;padding:0 0 0 10}
&div style=&position:&&
&img src=&/data/attachment/block/2d/2d09a5ad1bcf06b2d510c5.jpg& /&
&p&背景图文字&/p&
&提示：您可以先修改部分代码再运行
UID473808在线时间 小时积分251帖子离线17463 天注册时间
中级会员, 积分 251, 距离下一级还需 249 积分
z-index 这个也可以的
UID465089在线时间 小时积分126帖子离线17463 天注册时间
初级会员, 积分 126, 距离下一级还需 74 积分
&head&
&meta http-equiv=&Content-Type& content=&text/ charset=gb2312& /&
&title&无标题文档&/title&
&style type=&text/css&&
p {background:url(images/lm_bj.png) no-
line-height:30
color:#FFFFFF;
font-size:14
font-weight:
bottom:20
padding:0 0 0 10
}
&/style&
&/head&
&body&
&div style=&display:position:width:300height:200&&
&img src=&images/2d09a5ad1bcf06b2d510c5.jpg& /&
&div style=&position:left:0;bottom:20z-index:100;&&
&p&背景图文字&/p&
&/div&
&/div&
&/body&
&/html&复制代码
UID172635在线时间 小时积分3431帖子离线17463 天注册时间
金牌会员, 积分 3431, 距离下一级还需 1569 积分
& & background:;
.imgBox a {
& & display:
& & width:;
& & height:;
&div class=&imgBox&&
& & &a href=&#&&&/a&
UID536289在线时间 小时积分3780帖子离线17463 天注册时间
金牌会员, 积分 3780, 距离下一级还需 1220 积分
13楼做的就是楼主想要的效果了，呵呵
Powered by

我要回帖

更多关于 图片格式文字如何复制 的文章

 

随机推荐