图文
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
好了~
以上就是今天的全部内容
大家有疑问、有想要的功能留言区说~
最后的最后
给大家留了一份小彩蛋
如果你们能发现的话
就在下面哦~
更多阅读
☚☚☚ 向左滑动
秀米有那么多骚技能
不来学几招?
长按扫码关注我们