我们不一样!有图有真相~

乐活   2024-08-28 12:31   江苏  

图文

H5

设计

文档

APP






宝子们好~

你们有没有觉得我今天的文字

效果有点酷酷哒~


emmm,秀米在之前的模板推送中

我们有做过几次类似这种

文字上带有图案效果的模板

这就是秀米的文字

(请在手机微信或浏览器点开,

微信Pc端效果不适配)



这种文字纹理做起来很简单的哦

想学请往下看嘞~



01

文字纹理”操作位置


文字纹理,在秀米图文、H5、设计均可进行设置,操作页面一模一样。

在编辑界面,点击文字工具条,文字颜色右边的小三角,在下拉菜单中有文字纹理设置。

秀米图文→文字纹理


秀米H5→文字纹理


秀米设计→文字纹理


文字纹理,可以从图片素材,即秀米提供的系统素材给文字设置纹理,也可以从自己图库选择图片。

纹理可以是静态图,也可以是gif图片。



02

文字纹理”操作设置


因为秀米图文、H5、设计的文字纹理操作是一样的,这里就只以图文作为操作示例。

在图文编辑界面,输入文字,为了方便效果查看,字号设置了大一点。


然后,点击文字颜色右边的小三角,选择文字纹理,会弹出图库。我们也可以切换到图片素材中选择喜欢的图片设为纹理。

纹理图可以设置重复选项,填充方式为覆盖或拉伸,然后看下文字效果:


大概就是这样的效果:

城市

(请在手机微信或浏览器点开,

微信Pc端效果不适配)


当然,文字纹理也可以设置动态gif图,操作一样的。

选中文字,点击文字纹理,选择gif图片,调整到合适的位置、重复方式,就做好啦:


最后这个动态效果,就是这样滴:

啤酒

(请在手机微信或浏览器点开,

微信Pc端效果不适配)


嗯,需要注意一下的是,由于微信PC端还不够给力,该效果不适配微信PC客户端。对此方式浏览有强需求的小伙伴请谨慎使用。希望微信爸爸早日能更新!叩谢~



03

“文字纹理”好玩用法


介绍完文字纹理基本操作,我们来拓展下思维,来看点有趣好玩的用法。


一行文字中支持部分文字

设置文字纹理效果

文字纹理,支持一行文字中给部分文字设置纹理效果。

操作也很简单,在一行文字中选中需要设置纹理效果的文字,设置文字纹理就好:



当SVG动画+文字纹理叠加

会有什么化学反应呢?

自由布局里的文字可以设置动画,也能够设置文字纹理,这两个叠加,做一个忽闪忽闪的,若隐若现的弹幕文字效果,是可以的哦。

将自由布局添加到编辑区,点击工具条上编辑,进入自由布局编辑界面,输入一行文字。


选中文字,给它设置一个文字纹理,是素材#21881,让它动起来:


接着,再选中它,点击工具条上的动画设置,在自动效果中点击添加动画,选择字幕,然后设置时长、延迟时间、勾选动画重复:


然后把这做好的文字弹幕复制,再添加,去调整它们的位置、动画设置;最后调整下自由布局的页面尺寸就好:




一些重要的小结~


1、文字纹理,是让文字带有图片效果,在文字颜色的下拉菜单中设置。

2、文字纹理,可设置静态图,也可以设置动态gif图片。

3、由于微信PC端还不够给力,该效果不适配微信PC客户端。对此方式浏览有强需求的小伙伴请谨慎使用!所以,请用手机微信、浏览器预览该效果!

4、纹理图文件高度不能超过4000px,否则安卓手机无法显示。

5、文字纹理,能采用复制、插件复制、同步到公众号,都能正常显示。



end

好了~

以上就是今天的全部内容

大家有疑问、有想要的功能留言区说~


最后的最后

给大家留了一份小彩蛋

如果你们能发现的话

就在下面哦~


S1LLjw, uFCckW

5oayRP, zhrJgn

wC5P2c, 5yU7Q8

M41PrI, AgJaAt

 CADXy3, 9rKUEu

RwYdiF, lyB4Cy

e5GhaR, oP1NEr

04Pbe7, jdmCfm

G0sNnT, xoP7bf




更多阅读

小白适用

系统介绍秀米的基础操作

长按识别二维码继续阅读

☚☚☚  向左滑动


秀米有那么多骚技能

不来学几招?

长按扫码关注我们

秀米XIUMI
秀米,图文排版/H5秀创意制作平台。秀米公众号会及时播报秀米的产品更新信息,并定期与广大编辑小伙伴分享秀米的编辑技巧,探索排版设计的乐趣~
 最新文章