Creating Thumbnail Borders

You can use the PostProcess material features with the Thumbnailer Plugin to create special effects, in this case we’ll take a look at how to make a simple Border around our image.

Creating the Material

Begin by creating a new Material, make it a “Post Process” material, the 0.1 const value determines how “thick” our border will be, this is a percentage value ranging from 0 to 1 (1 being 100%).

Using our Post Process material

Expand the Post Processing settings -> Rendering Features -> Post Process Materials and select our Material, if you don’t notice any difference you can Disable / Enable the checkbox “Post Processing Enabled

Your thumbnails will now have a border surrounding the Thumbnail, you can extend this functionality using your own textures or whatever you want to use for your custom borders.

Create Transparent Actor Thumbnails

To capture an Actor Thumbnail that has a Transparent background, we need to make a few changes to our Actor Blueprint.

Begin by making sure you have the correct Project Settings setup for your project, you can find these in the “Creating Transparent Thumbnails” document.

When you’ve configured your Project Settings as needed, open up your Actor Blueprint, we need to change each components Rendering Settings. See the example below:

Make sure you enable “Render CustomDepth Pass” for every component that you want to include in the Thumbnail.