Once you have started creating a new Image - Trigger experience, or if you are editing an existing experience, you will need to upload the video file through the Image component in the left side panel. If that component is not open already, click on it once.
Select a .png file. The Image component provides three ways to do this.
- Move your mouse over the image area, and when the prompt appears click on the upload icon to open your computer’s file system. Browse to the .png file you want and then click Open.
- Open your computer’s file system and find the .png file you want to upload. The drag that file from the system browser to the image area in the Image component to begin the upload process.
- If you have already uploaded the image file to another experience or directly in the Asset Manager, you may use it again on this experience. Select the Import From Asset Manager button and browse the pop-up for your .png file. Select it and then click + Add To Experience.
|AR Designer supports the transparent alpha channel in the .png image file format.|
Once the image upload is complete, the image will appear in the 3D workspace on top of the trigger image, sized to fit within it. In the Image component panel, you will see a thumbnail of the same image.
Repositioning the overlay image
You can reposition the overlay image relative to the trigger image, as well as resize it. For example, if you want to see the overlay appear smaller and to the left.
To reposition, you may enter values in the Local Transform fields at the bottom of the Image component.
- To change the position, enter a number value that is the proportion of the size of the underlying trigger image. ("x" is horizontal; "y" is vertical.) For example, if you want to move it left half the width of the image, enter -0.5 in the x field. If you want to move it up the full height of the image, enter 1.0 in the y field.
- To resize the image, enter a value in the scale field that is the proportion of the original size. For example, if you want the image to be half as larger, enter 0.5. The image's aspect ratio will remain fixed.
- You may also rotate the image in space relative to the trigger image, so that the image plane appears tilted. Enter a degree value in rotation fields. Note that the z-axis is perpendicular to the trigger image, so entering a value here will cause the overlay to turn on top of the trigger image. Values in the x and y fields will cause the image to tilt.