原标题:小编啊怎么在图片加攵字上添加文字啊啊啊啊啊啊
是秀米用户问过千千万万次的
其实,在图片加文字上添加文字有两种方式一个是通过设置定位数值,来调整文字的位置放到图片加文字上:
另一个则是借助秀米布局,将图片加文字设置为背景然后再在背景上添加文字内容:
接下来,就来與你一一细说将文字放在图片加文字上的,两种制作方式
设置文字的定位值,将文字放到图片加文字上
通过设置文字的定位值将文芓放到图片加文字上,是比较能理解好懂的方法只需要一个图片加文字与文字内容就好:
要想标题文字与图片加文字重叠,可以设置文芓段前/后距;而上方的示例是文字在图片加文字的前面可以设置标题的段后距为负值:
虽然是设置了标题的段后距为负值,但最终显示效果好像是“插入”到了图片加文字下面:
要解决这个现象很简单可以根据图文排版的元素重叠规律来,调整一下标题的偏移数值或者尛小的旋转一下:
操作后的两种效果如下:
这是对于文字放在图片加文字前面的示例那么如果文字放在图片加文字后方吗?
同样的道理设置一下文字的段前距为负值就好:
在这个操作过程中,使用到了图文排版元素重叠规律如想了解更多,请点击下方图片加文字:
利鼡定位值来调整比较直观,但有一定的限制当设置的数值较大时,编辑界面与预览时所呈现的效果是有所差别的就更不要说在手机掱机预览效果了。那么根据这个情况,还可以利用下面这个方法:
将图片加文字设为背景再在背景上添加文字
因为秀米布局相当于一個容器,可以往里面塞入任何内容把图片加文字设置为布局的背景图,然后再往背景中添加文字就好
所以,想要做到将图片加文字设置为背景还需要一个空白布局:
如果在左边素材中找不到布局分类,就点击最后的更多:
然后在系统模板库在不常用标签中找到布局汾类,将它拖到上面最后点击右上角的确定,就好:
接下来来动手操作一遍:
- 打开布局模式,添加一个空白布局到编辑区域中;
- 点擊布局边缘,设置图片加文字为布局的背景图重复方式为不重复;
- 然后双击空白布局,输入文字内容调整一下文字颜色;
- 再往下插入幾个空行,撑开背景内容;
这时关闭布局模式会发现文字顶着背景图左边了:
- 为了让文字在图片加文字上显示更美观些,可以设置背景圖四周间距也就是设置布局的四周间距;
- 然后可以再稍微调整一下,文字的位置:
- 如果觉得纯文字放在图片加文字上显得单调的话,還可以使用秀米的模板:
- 继续在布局模式下将想要的模板拖到背景图上,替换文字再删除原来的文字内容;
- 最后再调整一下颜色、位置等设置就好:
将文字放到图片加文字上,具体有两种方式操作可以通过设置元素的定位值来调整,也可以将图片加文字设置为背景图然后在背景上添加文字内容;具体操作时可根据文章需要,来决定使用哪种方式就好如果想要文字显示得更好看,可以使用秀米的模板再调整模板颜色,位置与图片加文字搭配更和谐。
对于图片加文字与文字你还想了解的