Difference between revisions of "Canvas Layers"

From PanelForge 3 Documentation
 
(4 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
__NOTOC__
 
__NOTOC__
  
More information about the ‘Layer’ element of a Panel’s Canvas can be found in the [[Canvas]] documentation.
 
  
 +
<span style="color:#ff0000">'''This page was made for PanelForge v1. Some details may be incomplete or have changed when referring to PanelForge v2.'''</span>
  
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 12: Line 15:
 
===Layer List===
 
===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.  
+
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 checkbox, image thumbnail, layer name text and layer opacity text.  
+
Each layer entry in the list comprises of a Visibility toggle, Lock toggle, Preview Image Thumbnail, Layer label text and Layer opacity text.  
  
Clicking the visibility checkbox will change the visibility of the corresponding layer.
+
Clicking the '''Layer Visibility Toggle''' 'eye icon' toggle will change the visibility of the corresponding layer.
 +
Clicking the '''Layer Lock Toggle''' 'padlock icon' toggle will lock the layer from being editable with the [[Canvas Tools]], the [[Stage]] Layer is always locked. The Layer Label Text of locked layers will also be shown in italics.
  
Double clicking the layer name text will allow the corresponding layer to be renamed using the displayed text edit field.
+
Double clicking the '''Layer Label 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 '''Layer Primary Selection''' 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 '''Layer Secondary Selections''' 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 37: Line 42:
 
====Stage Layer====
 
====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.  
+
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.
 
The 'Stage' layer cannot be deleted and is always locked from being edited with Canvas Workspace.
Line 45: Line 50:
 
===Addition Controls===
 
===Addition Controls===
  
 +
The following describes additional user interface controls above and below the 'Layer List':
  
====Opacity Control====
 
  
Above the main central layer list area is slider and value input to adjust the currently selected layer’s opacity. The opacity will be updated in realtime.
+
====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====
 
====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.
+
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====
  
====Remove 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).
  
Clicking the remove layer button will delete the currently selected layer.
 
  
  
Line 68: Line 77:
 
* '''Duplicate Layer:''' Duplicate the currently selected layer(s).
 
* '''Duplicate Layer:''' Duplicate the currently selected layer(s).
 
* '''Delete Layer:''' Delete 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).
+
* '''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 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).
+
* '''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).
+
* '''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).

Latest revision as of 20:51, 9 December 2018


This page was made for PanelForge v1. Some details may be incomplete or have changed when referring to PanelForge v2.


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, Preview Image Thumbnail, Layer label text and Layer opacity text.

Clicking the Layer Visibility Toggle 'eye icon' toggle will change the visibility of the corresponding layer. Clicking the Layer Lock Toggle 'padlock icon' toggle will lock the layer from being editable with the Canvas Tools, the Stage Layer is always locked. The Layer Label Text of locked layers will also be shown in italics.

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


The Layer Primary Selection 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 Layer Secondary Selections 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).