MANUAL ENVE – 04 Environment and panels

Realizado por eFe Muñoz ( con el apoyo de Alexander Kiryanow )




MENU

0 –Starting Tips
1- System requirements
2- Create a new project
3- Tools and views
4- Environment and panels
5- Link and import files
6- Transform effects
7- Effects
8- Render Queue

4. Environment and panels (docks)
4.1. Scene view panel
4.2. Properties of the active element (Selected object)
4.3. Files. External files uploaded and/or linked
4.4. Fill and stroke
4.5. Align
4.6. Timeline.Elements of the scene
4.6.1. Layer order
4.6.2. Layer modes, groups and Layers
4.7 Timeline – Graph and Keyframes
4.7.1 Vertical scaling in the Timeline
4.7.2 Create a repeating animation loop
4.7.3 Visibility range


4. Environment and panels (docks)

  1. Scene view panel (Scene).
  2. Properties of the active object (Selected object).
  3. Loaded project files (files).
  4. Fill and Stroke.
  5. Align does not appear by default! It is opened from the View > Align menu.
  6. Timeline – Scene elements
  7. Timeline- Graph and keys.
  8. Paint brush does not appear by default! Open it in View menu > Paint brush.

Below the Timeline on the right you will also see the GPU, CPU, Hard Disk and RAM usage meters.

4.1. Scene view panel(Scene)

It is important that the frame is active in red for the shortcuts to work in this view. You can click in this window or in the Timeline to activate one or the other.


4.2. Properties of the active element (Selected object)

In this window you can view and modify the properties of the active object.

It is very practical for displaying and modifying the properties of a single object when shown isolated from the rest.

4.3. Files. External files uploaded and/or linked

See chapter  Import and Link files.


4.4. Fill and stroke (Fill and stroke)

HSL color mode

Since Enve does not display a color box. The most convenient way to work is HSL: Hue, Saturation, Lightness. Hue, Saturation, Lightness.  

H Hue
S Saturation
L Luminosity
A Alpha


4.5. Align

Shortcut D

Together with the Paint Brush palette, these are two panels that are hidden by default. They can be displayed from the View > Docs menu.

We can align to the Scene or to the last selected element.

We can choose to align geometries or pivots.


4.6. Timeline.Elements of the scene

Shortcut T

Here we see all the elements of the Scenes and their animatable properties.

The vertical order of the elements determines the display order (like layers in Gimp, Krita or Photoshop).

To search for an item in the list, type in the search box.

To filter which types of elements we see click on the three dots menu (…).

To split the Timeline window click on these icons:

  1. Divide vertically
  2. Divide horizontally
  3. Eliminates subdivision

4.6.1 Layer order

Each time a new item is created or imported it will appear in the Scene (Panel 6).

The order of the objects in the view will depend on their vertical order.

To change the order of a selected object (or group) you have the following keys:

?? Inicio – Up to the top

?? Fin –  Down to the bottom

?  RePág – Up one level

?  AvPag – Down one level

We will also find these tools:

Rotate 90° clockwise

Rotate 90º counterclockwise

Horizontal Turning H

Horizontal Turning V

With the command Ctr+G we can group the selected elements and thus move, rotate or scale them together.

Ctr+Shift+G ungroup.

Each layer has layer modes such as multiply, underexpose, soft light,… in the style of image editing programs.

ENVE also has other very interesting layer modes that we will see below.


4.6.2. Layer modes, groups and Layers

To correctly display an applied effect, such as a layer mode of one object on top of another (for example to create a clipping mask), we must create a «Layer» (not to be confused with a normal layer). We must also do this to correctly display the opacity of a group.

It is important that the masking object has a fill.
This can be done with vector objects, images and video.
The «Layer» itself can have a layer mode.

We see in the scene several images of flowers. The turquoise blue rectangle is placed on top of the flowers.

1- Select all objects. The «masking» object should be on top of the rest.

2.- Group them by pressing Ctrl+G

3.- In the Timeline the group will appear and to the right of the group click on the image icon (promote lo layer)

If you want to revert promote to layer press ungroup Ctrl + Shift + G

Once the layer is created you will be able to see the layer modes you apply to each object.

Interesting examples of Interesting examples of layer modes are shown below. In this example the layer modes are applied to the turquoise rectangle.


ScrOver

It is the natural state of the layers.

DstOver
Boolean of intersection with A in foreground. It is useful for an object above to mask the The object is placed behind the rest.

DstIn

The object colours the rest and masks them.

SrcOut

The object is masked by the other objects

DstOut

The object hides the rest.

ScrATop

The object colours the rest.

DstATop

The object masks the rest and is placed below it.

Xor

The object is masked by the rest and placed below.

Plus

The object is placed underneath in » Screen » mode.

Modulate

The object masks the rest in «Linear subexposure» mode.

The rest of the layer modes are similar to the layer modes of Gimp and Photoshop.



4.7 Timeline – Graph and Keyframes

Shortcut T

Watch out for the frame of the active timeline (red frame).

Use the arrow keys to scroll through the Timeline.

Left arrow 1 frame to the left

Arrow right 1 frame to the right

Arrow up Next key 

Left arrow Previous key

To enlarge the frame display area of the Timeline place the mouse over the bottom bar and move the mouse wheel.

In Keyframes mode we edit keyframes as color points.

In Graph mode we edit the animation curves.

These are the icons to switch between Graph and Keyframes mode:

By dragging with the mouse we can make rectangular key selections.

In Graph mode we will see this palette:

  1. Straight segment
    (with two selected keys)

2. Curved segment
(with two selected keys)

3. Symmetric nodes
(Caution: it is not updated at the moment)

4. Smooth nodes
(Caution: it is not updated at the moment)

5. Corner nodes
(Caution: it is not updated at the moment)

6. Ajustar verticalmente
(visibility of the graph)

7. Display distance values

8. Show only the animation curves of the active object
(hides those of the other objects)



4.7.1 Vertical scaling in the Timeline

With the graphic window active (red) press Ctrl +mouse wheel.

To scroll up and down the Timeline click the mouse wheel.



4.7.2 Create a repeating animation loop

For this we need to integrate one scene into another. The scene to be embedded (link) will already have an animation created. On the canvas right click > Link Scene > Select the animated scene.

1.On the timeline over the integrated scene right click > Actions > Frame remapping.

A square animation key appears in the current frame.

2.Position yourself in the frame where you want the loop animation to end and type that time value in the red box (in the example it is 5). Now you should see two red boxes. The start one and the end one.

3. Hover over «frame» and right click > Set expression

4.Write this in the boxes.

Bindings:
fr=$frame;

Calculate (fr):
return fr%5;

The number after the «%» symbol is the number of frames where the animation will end before repeating again).
You can see an example in this video by Alexander Kiryanov LINK.



4.7.3 Visibility range

Visibility Range allows you to define the range of frames over which the object will be visible on screen, regardless of its opacity.

Hover over an object > right click > Visibility Range

From Visibility Range Settings… we can also enter these values.



Agracederé cualquier aportación para mejorar el manual y añadir nuevos enlaces.

Saludos a la comunidad!

Deja una respuesta

Tu dirección de correo electrónico no será publicada.