• 导航

都2021年了!你还不会在图片上加字?

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

工作

总结概述

01

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

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

文字在图片前面

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

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

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

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

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

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

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

文字在图片后面

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

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

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

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

02

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

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

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

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

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

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

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

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

都2021年了!你还不会在图片上加字?

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

小结


您可能还会对下面的文章感兴趣: