Wallpaper Engine Wiki
Advertisement

This tutorial will show you how to add a custom color option to the browser and use it in your scene wallpaper. Make sure you checked out the basic guides for the Editor and Scene Wallpaper!

Preparation

  • Open the Editor.
  • Get an image you want to animate, for example this:
    Dota2 axe.jpg


Import the Image

Tutorial image import drag.png

Drag and drop the image into the editor.

Editor scene initial import options.png

The project name and scheme color will be automatically set, you can change them if you like. Press OK to import the image and create the wallpaper.

Tutorial image in editor.png

A new wallpaper will be created and the image should become visible.

Add Tint effect

Tutorial add effect.png

Select the image on the left and then click Add in the effects menu to add a new effect.

Tutorial user property color select tint.jpg

Select Image Effect Tint and click OK.

Tutorial user property color begin paint.jpg

By default, the effect is applied to the entire image. To limit it to a certain area, click on paint near the opacity mask option.

Tutorial user property paint mask.jpg

Make sure value is set to 255 and start painting the part that you want to color. Then press OK.

Link User Variable

Tutorial user property bind property.jpg

Click on the small gear icon next to the tint color on the right. Choose Bind User Property.

Tutorial user property add property.jpg

Click on Add Property to create a new color property.

Tutorial user property add property details.jpg

Fill in the values you like, choose a default color for the user, and press OK.

Tutorial user property select new property.jpg

The property will be auto selected if it is new, just close the dialog now and the property will be linked.

💡 Pro tip: You can edit and sort all of your user properties in the Edit -> Project Settings menu later as well.

Result

Tutorial user property result.jpg

The wallpaper will show the user property in the browser now. Changing this property will also change the color of the wallpaper on your desktop!

Advertisement