Creating a Water Reflection Effect in RightBooth

Updated: Jan 2021
I'm sure you've seen the water reflection effect used many times on websites and in promotional literature.  

This is where an image appears to have a faded copy below it, as if it is being reflected in water.

You can apply this water reflection effect to screen items in your RightBooth events, including reflecting the live feed from your webcam or DSLR camera.  This Blog article explains how to achieve the effect shown opposite.

Add the Background
​In the Screen Editor, choose a screen from the screen list and then add a suitable background image as follows:

• Click on the screen background to select it.
• On the Screen Toolbox, click the Properties check box to show the Screen Properties​ Toolbox

• In the Background properties, click the Image button to choose an image from the RightBooth Background Library.  The image we are using in the example comes from the Views folder in the Library. 

​

Add an Image

• On the Screen Toolbox, click the Add items check box to show the Add items toolbox.
• On the Add items toolbox click the Image button to add a new image item to the screen.
• Double click on the newly added image item to give it some content.  In our example we have chosen the wedding couple image from the Wedding Valentine folder in the RightBooth Media Library.
• Size and position the image where you would like it on the screen.

Duplicate the Image
Ensuring that the wedding couple image is selected:

• On the Screen Toolbox, click the Copy button, followed by the Paste button to add a copy of the image to the screen.

The copied image will be placed exactly over the current image.

Flip the Duplicate Image
​

• Click on the new duplicate image to select it
• On the Image Properties toolbox, tick the Flip Y property to flip the duplicate image item in the vertical direction.

Position the Duplicate Image

​Use the mouse to drag the duplicate image into position below the original image.

Notice in the screen shot opposite that we've moved the duplicate image slightly off the bottom of the screen to allow for the correct position.

You can alter the Zoom value on the Screen Toolbox to help with positioning items off or partially off the screen.

Create the Reflection Effect
Ensuring the duplicate image is still selected, on the Image properties toolbox set the following Appearance property values:

• Opacity = .75
• Fade = Top
• ​Fade amount 35%

Voila!  You have recreated the example water reflection effect.  ​Try experimenting with these properties to see how it alters the reflection.
​

Now Reflect a Camera Item
Yes. You can reflect the live camera item.  Try it...

• Show the Start screen.
• Click on the live camera item.
• Duplicate it.
• Flip it.
• Position it under the original camera item.
• Add the desired reflection properties

​​
You now have a REALLY COOL live camera water reflection to impress and astound your users !!