This blog post shows you how to use multiple redraw mask images in a DirectSmile Set. But before we start with multiple mask images, let me show you the basic steps:

1) How to use a redraw mask image

Sometimes you need a so called redraw image to cover some parts of the personalisation with elements of the background image:

Therefore you open the Set background image in Photoshop and save it as “redraw.jpg” in the same folder. Now we need a selection of the backgroundimage element which should be on top of the personalisation There are several tools that you can use to create a selection, my favourite is the path tool because it is very precise. Independent from how you have created the selection, you have to fill the selection with 100% black and the rest of the image with 100% white:

In the DirectSmile Set Editor you can open the “Action” window in the top menu bar “Window -> Actions”. At first simply drag & drop the action “Redraw foreground” to the right (and be sure that you have not selected the frame before, so that you set up the “redraw” action for the entire Set):

Double click “Redraw foreground to open the property window:

In the properties open the drop down menu, select the “redraw.jpg” and click “Apply”.

2) How to use multiple redraw mask images

Some background images can be used for several frames. This might leed to the challenge that you have to redraw some parts of one frame but not of another one like here:

Here we need 5 redraw images, one for each frame. To understand why the redraw images look as they do, you need to know that DirectSmile starts the rendering with the last frame at first. In this Set it starts with the rendering of frame 5, then 4, 3, 2, 1. Please note that this tutorial works fine for normal frames without “Extend row count to 2”.

That’s why we take care of the redraw image for frame 5 at first, it should redraw everything except the last tab and it is saved as “redraw5.jpg”.

To select a redraw image not for the entire Set but for only one frame you have to select the frame and drag & drop the “Redraw foreground” action to the right.

Double click it to select your “redraw5.jpg” image. Now the next frame that will be rendered by DirectSmile is frame 4.

The selection in the redraw image must be not only tab 4 but also tab 5, because otherwise you would overwrite the personalised text of frame 5. The white selection of tab 4 will only show the personalised content of frame 4 and not of frame 5 because the rendering of frame 5 is already completed and won’t be affected again. The redraw image for frame 4 looks like this:

According to frame 5 you select frame 4, drag & drop the “redraw foreground” action to the right and double click to select your “redraw4.jpg”.

Now that you know how the principle works, here is how the other redraw images have to look like.

Redraw 3:

Redraw 2:

Redraw 1:

For the sake of completeness it should be mentioned that this Set also includes one action for the entire Set, a masked based blur with this image:

In order to draw the light and shadow in the text frames correctly, they are filled with a second image, this can be seen in the actions of each frame, it is the action “draw” with a picture like this, called “draw.jpg”:

That’s it! I hope I could show you comprehensible how to work with multiple redraw mask images so that you can go on creating great creative DirectSmile Sets, have fun!