Canvas Layers: Difference between revisions

From PanelForge 4 Documentation
No edit summary
No edit summary
Line 1: Line 1:
__NOTOC__
__NOTOC__


More information about the ‘Layer’ element of a Panel’s Canvas can be found in the [[Canvas]] documentation.


The ‘Canvas Layers’ palette provides the functionality to organise and adjust the image layers which are composited together to form the current Panel’s [[Canvas]].


The ‘Canvas Layers’ palette provides the functionality to organise and adjust the image layers which are composited together to form the current Panel’s Canvas.
More information about the ‘Layer’ element of a Panel’s Canvas can be found in the [[Canvas]] documentation.




Line 15: Line 15:




Each layer entry in the list comprises of a visibility checkbox, image thumbnail, layer name text and layer opacity text.  
Each layer entry in the list comprises of a visibility toggle, lock toggle, image thumbnail, layer name text and layer opacity text.  


Clicking the visibility checkbox will change the visibility of the corresponding layer.
Clicking the visibility 'eye icon' toggle will change the visibility of the corresponding layer. Clicking the lock 'padlock icon' toggle will lock the layer from being editable with the [[Canvas Tools]], the [[Stage]] layer is always locked.


Double clicking the layer name text will allow the corresponding layer to be renamed using the displayed text edit field.
Double clicking the layer name text will allow the corresponding layer to be renamed using the displayed text edit field.




The current active layer that the current [[Canvas Tools|Canvas Tool]] will interact with is highlighted. The current active layer can be selected by clicking the mouse cursor on the corresponding layer in this list.  
The primary selected Layer highlighted in light grey will be editable with the [[Canvas Tools]]. This primary selected Layer can be selected by clicking the mouse cursor on the corresponding layer in this list.  
 


Multiple layers can also be selected using this list. By using the shift and control key modifiers and clicking the mouse cursor on layers in the list multiple layers will be selected.
Multiple secondary selected Layers highlighted in medium grey can also be selected in this list. Selection is performed using the shift and control key modifiers and clicking the mouse cursor on a Layer in the list.




Layers can be reordered in the list resulting in the [[Canvas]] layers being composited in a different order. To reorder the layers the selected layer(s) can be dragged with the mouse cursor to a different location in the list.
Layers can be reordered in the list resulting in the [[Canvas]] layers being composited in a different order. Selected layers can reordered by being dragged with the mouse cursor to a different location in the list.




In addition layers can be dragged to Panels in the [[Panel Timeline]] and [[Panel Thumbnails]] palettes to copy a layer to another [[Panel]] [[Canvas]].
In addition layers can be dragged to other Panels displayed in the [[Panel Timeline]] and [[Panel Thumbnails]] palettes to copy the layer to the other [[Panel]] [[Canvas]].


It is also possible to drag and drop layers to the [[Assets|Assets palette]], the layer will be added to the corresponding place in the asset library where dropped as a PNG image file with alpha transparency.
It is also possible to drag and drop layers to the [[Assets|Assets palette]], the layer will be added to the corresponding place in the asset library where dropped as a PNG image file with alpha transparency.
Line 44: Line 45:


===Addition Controls===
===Addition Controls===
The following describes additional user interface controls above and below the 'Layer List':
The following describes additional user interface controls above and below the 'Layer List':



Revision as of 15:16, 17 June 2017


The ‘Canvas Layers’ palette provides the functionality to organise and adjust the image layers which are composited together to form the current Panel’s Canvas.

More information about the ‘Layer’ element of a Panel’s Canvas can be found in the Canvas documentation.


CanvasLayersComp.png


Layer List

The main central area of the palette is the list of the layers contained in the current panel’s canvas. These layers are ordered with the uppermost layer first down to the lower most layer last.


Each layer entry in the list comprises of a visibility toggle, lock toggle, image thumbnail, layer name text and layer opacity text.

Clicking the visibility 'eye icon' toggle will change the visibility of the corresponding layer. Clicking the lock 'padlock icon' toggle will lock the layer from being editable with the Canvas Tools, the Stage layer is always locked.

Double clicking the layer name text will allow the corresponding layer to be renamed using the displayed text edit field.


The primary selected Layer highlighted in light grey will be editable with the Canvas Tools. This primary selected Layer can be selected by clicking the mouse cursor on the corresponding layer in this list.


Multiple secondary selected Layers highlighted in medium grey can also be selected in this list. Selection is performed using the shift and control key modifiers and clicking the mouse cursor on a Layer in the list.


Layers can be reordered in the list resulting in the Canvas layers being composited in a different order. Selected layers can reordered by being dragged with the mouse cursor to a different location in the list.


In addition layers can be dragged to other Panels displayed in the Panel Timeline and Panel Thumbnails palettes to copy the layer to the other Panel Canvas.

It is also possible to drag and drop layers to the Assets palette, the layer will be added to the corresponding place in the asset library where dropped as a PNG image file with alpha transparency.


Stage Layer

All Panels have a special layer named ’Stage’, this layer shows the contents of the 3D Stage through the ‘Panel Camera’ at the last edited state.

The 'Stage' layer cannot be deleted and is always locked from being edited with Canvas Workspace. Although this layer can be reordered, hidden, duplicated and have its opacity adjusted.


Addition Controls

The following describes additional user interface controls above and below the 'Layer List':


Layer Opacity Control

Slider and value input to adjust the primary selected layer’s opacity. The opacity will be updated in real-time. The opacity of each Layer is also displayed as a percentage in the 'Layer List'.


Add Layer Button

Clicking the 'Add Layer' button will create a new blank layer. Dragging a Layer to the 'Add Layer' button will duplicate the layer.


Delete Layer Button

Clicking the 'Delete Layer' button will delete the selected layer(s). Dragging Layer(s) to the 'Delete Layer' button will duplicate the layer(s).


More Menu Button

Clicking the More Menu button will display a popup menu with the following items:

  • New Layer: Create a new blank layer above the primary selected layer.
  • Duplicate Layer: Duplicate the currently selected layer(s).
  • Delete Layer: Delete the currently selected layer(s).
  • Delete Hidden Layers: Delete all layers in the Canvas that have their visibility option deactivated (excluding the ’Stage’ layer).
  • Merge Down: Merge the currently selected layer with the layer below in the above list of layers.
  • Merge Visible: Merge all the layers in the Canvas with their visibility option activated (excluding the ’Stage’ layer).
  • Flatten Image: Merge all the layers in the Canvas that are visible and deletes any layers with their visibility option deactivated (excluding the ’Stage’ layer).