[UE4]字体材质

摘要:
1、 准备一个字体文件,将其直接拖放到Content Browser 2,创建名为testFontMaterial的UserWidget,并将TextBlock添加到默认CanvasPanel。FontFamily:要使用的字体。选择在步骤1中创建的字体资源。3.创建一个名为M_ fontMaterial的材质,MaterialDomain=Userinterface(以便该材质可以在UI中使用)的新字体,添加一个Tex

 一、准备好一个字体文件,直接拖放到内容浏览器

  [UE4]字体材质第1张

二、创建一个名为testFontMaterial的UserWidget,添加一个TextBlock到默认的CanvasPanel。Font Family:要使用的字体,选择第一步创建好的字体资源

  [UE4]字体材质第2张

三、新建一个名为M_fontMaterial的材质,Material Domain=User interface(如此才能在UI中使用该材质),添加一个TextureSampeParameter2D节点,并将UVs链接到M_fontMaterial节点。最后记得保存材质。

  [UE4]字体材质第3张 [UE4]字体材质第4张

 四、Font Material=M_fontMaterial,如图所示文字被材质填充了。

  [UE4]字体材质第5张

五、修改TextBlock文字内容为:武将。可以看到材质被拉伸填充到“武将”这2个文字了。

  [UE4]字体材质第6张

六、TextBlock文字内容恢复成“武”。按照第三步的方法创建一个名为M_fontMaterial2的UI材质。选中TextureSampeParameter2D节点,选中一张图片M_fontMaterial材质不一样的图片。最后记得保存材质。

  [UE4]字体材质第7张 [UE4]字体材质第8张

 七、回到testFontMaterial编辑界面Outline Settings.Outline Material=M_fontMaterial2,Outline Settings.Outline Color=白色,透明通道值也设置为1。得到如图描边材质效果,看起来就像是美术用Photoshop做的图片一样。

  [UE4]字体材质第9张

八、将TextBlock文字内容改成“武将”,可以看到描边跟字体材质一样,描边材质的图片也会被拉伸填充。

  [UE4]字体材质第10张

九、TextBlock文字内容恢复成“武”。Show Offset(投影)和Shadow Color(投影颜色,RGB=1,1,1,也就是白色,A=1透明通道值完全不透明。)如图所示,投影看起来就是直接复制了本体加上偏移。

   [UE4]字体材质第11张

 十、如果Shadow Color投影颜色不为白色,则最终颜色=材质颜色×Shadow Color(相乘也就是叠加),但是保留纹理。如果是白色,则跟本体一样(包括描边,如第九步的图片所示)。

  [UE4]字体材质第12张

十一、同理,描边材质和字体材质则最终颜色:材质颜色×自定义颜色(相乘也就是叠加),但是保留纹理。如果自定义颜色为白色,则最终呈现的颜色就是材质颜色。

  [UE4]字体材质第13张 [UE4]字体材质第14张

  

免责声明:文章转载自《[UE4]字体材质》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇UiPath Level 1-Lesson 3. Data Manipulationairtest中断言存在assert_exists、断言包含assert_equal和判断是否存在exists的使用下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

Android之shape属性详解

有时候 ,为了满足一些需求,我们要用到 shape 去定义 一些背景,shape 的用法 跟图片一样 ,可以给View设置 Android:background=”@drawable/shape”, 定义的shape 文件,放在 res/shape 目录下 通常我们可以用shape 做 button 的背景选择器,也可以做切换tab 时,底部的下划线。...

CanvasRenderingContext2D 整理

CanvasAPI参考文档推荐: https://www.canvasapi.cn/ 一、CanvasRenderingContext2D 属性 canvas : 当前元素对象 globalAlpha: 全局透明度,范围是0到1,范围以外的值会被忽略 globalCompositeOperation: 可以用来设置Canvas图形的混合模式。可以衍生很多其...

three.js使用卷积法实现物体描边效果

法线延展法 网上使用法线延展法实现物体描边效果的文章比较多,这里不再描述。 但是这种方法有个缺点:当两个面的法线夹角差别较大时,两个面的描边无法完美连接。如下图所示: 卷积法 这里使用另一种方法卷积法实现物体描边效果,一般机器学习使用该方法比较多。先看效果图: 使用three.js具体的实现方法如下: 创建着色器材质,隐藏不需要描边的物体进行渲染,将...

canvas的用法

包括: 介绍。 基础入门。(兼容性。获取canvas上下文。绘制直线/描边,填充内容。绘制表格。) canvas是基于状态的绘图。 绘制矩形。 绘制圆形。 绘制文本。 绘制图片。 阴影。 渐变。 绘制背景图。 变换。 介绍:HTML5的新标签<canvas></canvas> canvas标签通过JavaScript在网页上绘制图像...

ps和AI使用过程中的易错点整理

ps:1、视图工具:1)标尺2)参考线3)网格:视图-->--显示>-->网格4)修改网格:编辑-->首选项>-->参考线、网格和切片 5)放大工具:画布中单击可放大视图(也可以按住Ctrl) ,按住Alt单击可缩小视图(双击缩放工具可缩放到100%)6)抓手工具:抓着移动画布 7)渐变工具使用:首先选择需要修改的元素,...

PS如何把印章颜色加重更加清晰?

参考:https://zhidao.baidu.com/question/367446820730456004.html 一般盖章都会在纸张上的文字上面盖不是吗?就是说不是一张纸上光有印章,而是还有一行打印出来的黑色文字两者重叠。字是打印出来的黑色,印章是盖出来油墨的红色。更改文件:彩色扫描件。我的问题是把这个印章上的红色加深,然后看起来更清晰,还不影响底...