Image Overlay: Difference between revisions

From Tygron Support wiki
Jump to navigation Jump to search
 
(16 intermediate revisions by 5 users not shown)
Line 1: Line 1:
{{being updated}}
The Image overlay is a layer that allows users to upload and display images over the project area in the {{software}}. <br>
{{learned|what the Image overlay is|what the Image overlay displays|how to configure the Image overlay|how to add or remove the Image overlay}}
A much used possibility of the Image Overlay is to import [[WMS]] data: geographically referenced data, accessible through an url. <br>
It is also possible to add a custom Image. Keep in mind that the allowed image size for custom images is 1024x1024 pixels. The image must also be in the .PNG format, the Portable Network Graphics format, which is a raster graphics file format that supports lossless data compression.


==What is the Image overlay==
==How-to's==
The Image overlay is a map layer that allows users to upload and display custom images over the project area in the Tygron Engine. Because not everything can be displayed using the available overlays, users can easily upload their own custom image as an overlay in the Tygron Engine.
* [[How to add and remove an Overlay]]
* [[How to configure the Image Overlay]]
* [[How to edit an overlay legend|Edit an overlay legend]]


Examples of custom overlays can be: a transparent watermark layer, a large drawn image, a photo realistic image, custom markings, etc.
{{Template:Overlay nav}}
<gallery>
File:Watermark-overlay.jpg|Example of watermark overlay
File:DrawnImage-overlay.jpg|Example of a hand drawn image overlay
File:PhotoRealistic-overlay.jpg|Example of a photo realistic image overlay
File:CustomMarkings-overlay.jpg|Example of a custom image overlay with markings
</gallery>
<br clear=all>
==How to configure the Image overlay==
{{Editor ribbon|header=3D World|bar=Overlays}}
To display a custom image as overlay in the Tygron Engine, an image must first be available and uploaded when creating the overlay. In order to do so, users have to keep in mind that the allowed image size for custom image overlays is 1024x1024 pixels. Any other format is now allowed. The image must be in the .PNG format, the Portable Network Graphics format, which is a raster graphics file format that supports lossless data compression.
 
===Uploading an image===
[[File:PropertiesImageOverlay.jpg|frame|right|300px|Properties of the Image overlay on the right panel]]
[[File:ImageSelectorforOverlay.jpg|frame|right|300px|Image selection pop up window]]
When the default Image overlay has been added to a project, nothing will be displayed, as there is no image assigned to the overlay yet. To assign an image to the overlay, the default overlay needs to be highlighted on the left panel first. On the right panel the overlay properties now become available, consisting of the name and image of this overlay. By clicking on the blue field, the image selection window opens. Here it is possible to use an already present custom image, or to upload a new custom image.
<br clear=right>
{{Editor steps|title=upload a custom image for an image overlay|Select in the editor '3D World' from the ribbon|Select 'Overlays' > 'Edit overlays' from the ribbon bar|Select the just added default image overlay from the list of active overlays on the left panel|Select the blue field on the right panel|Use the newly opened image selection window to upload and assign a custom image to the overlay}}
 
===Naming the overlay===
Also on the right panel the field 'Image Overlay Name' can be found. Here the user can enter a more relevant name for the overlay being created.
 
==Adding and removing the Image overlay==
{{Editor ribbon|header=3D World|bar=Overlays}}
 
{{Editor steps|title=add an Image overlay|Select in the editor '3D World' from the ribbon|Select 'Overlays' > 'Edit overlays' from the ribbon bar|Select the Image overlay from the drop down menu on the bottom of the left panel|Select 'Add' from the bottom of the left panel|Rename the overlay, if required, on the right panel|Select the blue area on the right panel to upload and/ or select the desired image in the newly opened Image Selection window|The overlay icon will now appear under the mini map}}
 
<gallery>
File:Select3DWorld.jpg|1. Select 3D World
File:SelectEditOverlay.jpg|2. Select Overlays > Edit overlays
File:SelectDropDown.jpg|3. Select desired overlay from drop down menu on the bottom of the left panel
File:SelectAddOverlay.jpg|4. Select 'Add' from the bottom of the left panel
File:OverlayParameters.jpg|5. Select and configure available properties on the right panel
File:OverlayIconPresent.jpg|6. The overlay icon will  now appear under the mini map
</gallery>
 
{{Editor steps|title=remove an overlay|Select in the editor '3D World' from the ribbon|Select 'Overlays' > 'Edit overlays' from the ribbon bar|Select the desired overlay from the list of active overlays on the left panel|Select 'remove' from the bottom of the left panel|Confirm the removal in the pop up confirmation message}}
 
<gallery>
File:Select3DWorld.jpg|1. Select 3D World
File:SelectEditOverlay.jpg|2. Select Overlays > Edit overlays
File:SelectOverlay.jpg|3. Select desired overlay from the list of active overlays on the left panel
File:SelectRemoveOverlay.jpg|4. Select 'Remove' from the bottom of the left panel
File:ConfirmRemovalOverlay.jpg|5. Confirm the removal in the pop up confirmation message
</gallery>
 
''Sometimes it can be convenient to duplicate an already existing overlay. To do so, follow the steps for removal, but select 'Duplicate' in stead of 'Remove'.''

Latest revision as of 13:27, 10 February 2023

The Image overlay is a layer that allows users to upload and display images over the project area in the Tygron Platform.
A much used possibility of the Image Overlay is to import WMS data: geographically referenced data, accessible through an url.
It is also possible to add a custom Image. Keep in mind that the allowed image size for custom images is 1024x1024 pixels. The image must also be in the .PNG format, the Portable Network Graphics format, which is a raster graphics file format that supports lossless data compression.

How-to's