Additional note on colours: Flat colour (param name “TintColorAndOpacity”) must be previewed as sRBG and copied from outside in Hex sRBG slot. If leaved as plain white #FFFFFF you can set the colour directly in UMG widget interface (param “Tint” or “ColorContentAndOpacity”, depending on widget type). Otherwise Gradient Colours must be previewed with sRBG unchecked and copied in Hex Linear Slot. This is required to perform the colour blending in RBG space and achieving the same beautiful results as Photoshop and Illustrator. See last image.

Features:

  • Rounded borders (each rounding settable individually)
  • Stroke only (each round settable individually, both internal and external)
  • Rounding settable as percentage or target pixel
  • Flat color or Gradient up to 4 color with adjustable color stop points and blend weights
  • Linear gradient with 360° of rotation
  • Normal Radial gradient or elliptical
  • Only stoke angle feature (see picture n° 3)

Content: 2 Material, 9 Material function, 43 Sample Material instances

Supported Development and Target Platforms: All, no specific hardware feature used.

关于颜色的额外注意事项：平面颜色（参数名称”TintColorAndOpacity”）必须预览为sRBG，并在十六进制sRBG插槽中从外部复制。 如果leaved为纯白色#FFFFFF，您可以直接在UMG小部件界面中设置颜色（param”Tint”或”ColorContentAndOpacity”，具体取决于小部件类型）。 否则，必须使用sRBG未选中预览渐变颜色，并在十六进制线性插槽中复制。 这是需要在RBG空间中执行颜色混合，并实现与Photoshop和Illustrator相同的美丽结果。 见最后一张图片。

特征:

  • 圆角边框（每个圆角可单独设置）
  • 仅行程（每个圆形单独设置，内部和外部）
  • 舍入设置为百分比或目标像素
  • 平坦的颜色或渐变多达4种颜色，具有可调节的颜色停止点和混合权重
  • 360°旋转的线性梯度
  • 正常径向梯度或椭圆
  • 只有斯托克角特征（见图n°3）

内容：2个材质，9个材质函数，43个示例材质实例

支持的开发和目标平台：全部，没有使用特定的硬件功能。










DEMO VERSION (v.1.5.1)

Try yourself most of the features available in the pack, no static switch material version used in the DEMO.

Download here the demo version (Windows 64bit)

Create all the backgrounds, rounded borders and strokes that you need with this KIT! Flat color directly adjustable by UMG widget params. Use it to create buttons, interface background, HUDs etc..

All the images of the KIT are created with Unreal Engine UMG and included in the KIT! Use as reference to create your own!

The KIT consists in one material that procedurally, at a low computational cost, creates round borders or only stoke. Each rounding (internal and external) can be adjustable individually. All of this is combined with a powerful color gradient system (up to 4 color, same params as Photoshop, Illustrator etc.., stop points and blend weights for each color), both linear with 360° of rotation and radial. Params of the material are self explanatory and very easy to use.

You can also stack the widgets with this is material assigned one on top of the other leaving you the potential to create very complex forms.

To save performance, when a feature is not used it’s automatically discarded thanks to the usage of multiple Static Switch Parameters. A second version was introduced in version 1.5 without some Static Switch Parameters allows you to blend all the features together. Try it out in the DEMO.

All the images of the KIT are created with Unreal Engine UMG and included in the KIT! Use as reference to create your own! Params of the material are self explanatory and very easy to use.

CHANGELOG

Update 1.9

  • Let user control each color gradient alpha individually

Update 1.8

  • Fix usage of single color alpha

Update 1.7

  • Fixed the usage of fixed pixel size, now is correctly displayed on widget with any size and ration

Update 1.6

  • Let choose border thickness also using target pixels

Update 1.5

  • Added background texture feature
  • Added second material version without some Static Switches that let you combine all features together
  • Update Category of some material params to be more user friendly
  • Fix bug when Border Smoothing was forced to 0

演示版(v.1.5.1)

尝试自己包中可用的大部分功能，演示中使用的静态开关材料版本。

在这里下载演示版本（Windows64位）

创建所有的背景，圆形边框和笔画，你需要这个工具包！ 平面颜色直接可调的UMG小部件params. 使用它来创建按钮，界面背景，Hud等。.

套件的所有图像都是使用虚幻引擎UMG创建的，并包含在套件中！ 作为参考来创建自己的！

该工具包由一个材料组成，程序上，以低计算成本，创建圆形边界或只斯托克。 每个舍入（内部和外部）都可以单独调整。 所有这些都与强大的颜色渐变系统（最多4种颜色，与Photoshop，Illustrator等相同的参数）相结合。.，每种颜色的停止点和混合权重），都是线性的，旋转360°和径向。 该材料的参数是不言自明的，非常容易使用。

您也可以堆叠小部件与这是材料分配一个在另一个之上，使您有可能创建非常复杂的形式。

为了节省性能，当一个特性不被使用时，由于使用了多个静态开关参数，它会自动被丢弃。 在版本1.5中引入了第二个版本，没有一些静态开关参数，允许您将所有功能混合在一起。 在演示中尝试一下。

套件的所有图像都是使用虚幻引擎UMG创建的，并包含在套件中！ 作为参考来创建自己的！ 该材料的参数是不言自明的，非常容易使用。

更新日志

更新1.9

  • 让用户单独控制每个颜色渐变alpha

更新1.8

  • 修正单色alpha的使用

更新1.7

  • 修正了固定像素大小的使用，现在可以正确地显示在任何大小和配给的小部件上

更新1.6

  • 让选择边框厚度也使用目标像素

更新1.5

  • 添加背景纹理功能
  • 添加了第二个材质版本，没有一些静态开关，让您将所有功能组合在一起
  • 更新一些材料参数的类别，使其更方便用户使用
  • 修正边界平滑被强制为0时的错误
声明：本站所有资源都是由站长从网络上收集而来，如若本站内容侵犯了原著者的合法权益，可联系站长删除。