另一个则是 借助秀米普通布局，将图片设置为布局的背景图，然后再在布局里添加文字内容：

工作

总结概述

01

通过调整定位参数在图片上加字

选中图片或文字，然后调整工具条上“定位”里面的段前距或段后距为负值。

文字在图片前面

选中文字，在定位里面把文字组件的段后距调整为负值：

但是，把段后距设置为负值之后，我们会发现文字被图片挡住了：

这个时候根据图文排版元素重叠规律，有3种方法可以调整文字和图片的重叠顺序：

①选中文字，在定位里面设置很小的偏移数值：

②选中文字，在工具条上的“···”里面把透明度数值改成99：

③选中文字，在工具条上的“···”里面设置旋转角度为1：

这样文字就会在图片上面啦~上面三种调整元素重叠顺序的方法选择其中一个就可以了。

文字在图片后面

选中文字，在定位里面把文字组件的段前距调整为负值：

或者是选中图片，在定位里面把图片组件的段后距调整为负值：

通过调整定位里面的参数值来实现图片上加文字的效果，会有一定的限制，当设置的数值较大时，编辑界面与预览时所呈现的效果是有所差别的，就更不要说在手机手机预览效果了。

所以，使用这个方法时，文字和图片最好相邻，且定位里的参数数值不要设置的过大。

02

把图片设置为布局背景图再加字

秀米布局里可以放入文字、图片、模板等内容，那把图片设置为布局的背景图之后，再往布局里面放入文字，也就是在图片上加文字的效果啦。

先添加一个基础布局里的普通布局到编辑区域，把图片设置为布局的背景图，重复方式为不重复：

然后双击布局，再多次点击工具条上的“后插空行”，用空行把布局撑开：

然后再在布局里面的空行内输入文字内容，调整文字格式等：

这里可以注意一下，如果你输入文字之后发现文字太贴近布局的四边了，可以选中布局，调整布局的四周间距：

除了可以放入纯文字，也可以加入图片、模板等内容。

悄咪咪的讲，其实除了利用普通布局，还可以用秀米最近才出的“自由布局”来实现图片上加字的效果，超级推荐大家试一试~

秀米里也有一些用自由布局制作的系统模板，大家也可以拿出来研究研究~

小结

图片上加文字，可以直接调整定位里面的段前距/段后距为负值来实现，但要注意数值不能设置的过大，且最好图片和文字相邻，而且还需要注意一下元素重叠规律。

另外，也可以直接把图片设置为普通布局的背景图，然后在布局里面加文字，或者是用自由布局制作哦~

这个小技巧你们学会了吗？

学会了记得帮我点个赞/在看哦~返回搜狐，查看更多