Canvas Layers: Difference between revisions

From PanelForge 4 Documentation
No edit summary
No edit summary
 
(8 intermediate revisions by the same user not shown)
Line 1: Line 1:
__NOTOC__
__NOTOC__


More information about the Layer elements 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 create the currently selected panel’s canvas.
<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>


:[[File: CanvasLayersComp.PNG|thumb|774px|none]]


=Layer List=
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 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.  
More information about the 'Layer' element of a Panel's Canvas can be found in the [[Canvas]] documentation.


Each layer entry in the list comprises of a visibility checkbox, image thumbnail, layer name text and layer opacity text.
Clicking the visibility checkbox will change the visibility of the corresponding layer.
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.
:[[File: CanvasLayersComp.png|thumb|774px|none]]


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.


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.
===Layer 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]].
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.  


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.


==Stage Layer==
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.
 


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.
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]].


=Opacity setting=
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.


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.


=Add Layer Button=
====Stage Layer====


Clicking the add layer button will create a new blank layer. Dragging a layer to the add layer button will duplicate the 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.  


=Remove Layer Button=
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.


Clicking the remove layer button will delete the currently selected layer.


=More Menu Button=
===Addition Controls===


Clicking the More Menu button will display a popup menu with the following items:
The following describes additional user interface controls above and below the 'Layer List':


==New Layer==


Create a new blank layer.
====Layer Opacity Control====


==Duplicate Layer==
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'.


Duplicate the currently selected layer.


==Delete Layer==
====Add Layer Button====


Delete the currently selected 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 Hidden Layers==


Delete all layers in the Canvas that have there visibility option deactivated (excluding the ’Stage’ layer).
====Delete Layer Button====


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


Merge the currently selected layer with the layer below in the above list of layers.


==Merge Visible==


Merge all the layers in the Canvas that have their visibility option activated (excluding the ’Stage’ layer).
====More Menu Button====


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


Merge all the layers in the Canvas that are visible and deletes any hidden layers (excluding the ’Stage’ layer).
* '''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).

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).