66.4.3 Graphics

Etere ETX Graphic Editor provides many Text tools allowing the Graphic Designer to create and edit content.

Graphics Overlay Features

• Supported figures: rects, round rects, ellipses, polygons, stars, etc.
• Gradient fill, outline, and background

To start using the Graphic Layers and tools, perform the following straightforward steps.

1. Start ETX Toolbox Playlist, tick on the <CG Enabled> checkbox and select <CG Editor>. 
2. To input text, go to ItemListForm.

   cg_editor_propersties
   

3. Select Graphic, drag and drop to the Preview window.
4. Modify parameters on the Graphic Properties toolbar.

   effects_toolbar
   

Graphics can be used to create Geometric Primitives(such as circles, rectangles, triangles, etc.) as overlay items.

Following all the related Tools and Properties available on the Etere CG Editor Toolbar:

• Mark something on the overlaid stream;
• Create a frame and background for any other overlay item;
• Limit the display bounds of any other overlay item or group of items (see group items section)

The following tabs are useful when editing graphic objects. The features in each tab are self-explanatory.

• Common Properties

  common_prop_toolbar

• Effects

  effects_toolbar

• Actions

  actions_toolbar

Following all the behaviour related to the Actions Toolbar Buttons:

•  Group

  The group button allows you to group more than one item type as one selection. Item type can be text, Graphic, image, flash, image sequence or tickers. Grouping of items allows you to modify them with a single action.

  To group items, select "Group" on the Actions taskbar. Next, click and drag your mouse cursor to create a selection box over the items.

  The first time you group a set of items, you will be able to make modifications to the selected list, but the items will still be displayed separately under the Properties toolbar; see below:

  To merge the selected items as a group, select the "Group" button again.
  

  group_btn

  Once the selected items are grouped, it is displayed as a single item under the Properties toolbar. You can modify the group by selecting the required group under the Properties toolbar.
  

  grouped_layers

• Ungroup

  The ungroup button allows you to separate items inside a merged group. Ungrouping of items will enable you to modify the items individually.

  To ungroup items, select "Ungroup" on the Actions taskbar, click and drag your mouse cursor to create a selection box over the group.

  ungroup_btn

  Once the items are ungrouped, you can modify them individually under the Properties toolbar.

  ungrouped_layers

• Layer Up

  The layer-up button allows you to move items up to the next Layer when there are more than two layers.
  To execute the Layer Up feature on an item, select Layer Up on the Actions taskbar. Next, click and drag the mouse cursor to create a selection box over the item. Select Layer Up to move a selected item on top of the following Layer. Continue this step if you would like to move another layer up. The diagram below shows the Layer effect on the text item.

  layer_up_btn

• Layer Down

  Layer Down button allows you to move items down to the next Layer when there are more than two layers.

  To apply the Layer Down feature on an item, select Layer Down on the Actions taskbar. Next, click and drag the mouse cursor to create a selection box over the item. Select Layer Down to move a selected item on top of the following Layer. Continue this step if you would like to move another layer down. The diagram below shows the layer-down effect on the text item.

  layer_down_btn

• Bring to Front

  Bring To Front button allows you to move items to the topmost Layer. The difference between this feature and the Layer Up feature is that this feature only allows you to move things to the top layer and not to the next available Layer.  

  To execute the Bring To Front feature on an item, select Bring To Front on the Actions taskbar. Next, click and drag the mouse cursor to create a selection box over the item. Select Bring To Front to move the selected item to the topmost Layer. The diagram below shows the Bring To Front effect on the text item.

  bring2front_btn

• Send To Back

  The Send To Back button lets you move items to the bottom Layer. The difference between this feature and the Layer Down feature is that this feature only allows you to shift things to the bottom layer and not to the next available Layer.  

  To execute Send To Back feature on an item, select Send To Back on the Actions taskbar. Next, click and drag your mouse cursor to create a selection box over the item. Select Send To Back to move the selected item to the bottom-most Layer. The diagram below shows the Send To Back effect on the text item.

  send2back_btn

• Align Lefts

  The align Lefts button allows you to adjust the alignment of selected item(s) to the left of the frame. The diagram below shows the Align left effect on the text and graphic objects.

  align_left_btn

• Align Centers

  The Align Centers button allows you to adjust the alignment of selected item(s) to the Center of the frame. The diagram below shows the Align Centers' effect on the text and graphic objects.

  align_center_btn

• Align Rights
  

  Align Rights button allows you to adjust the alignment of selected item(s) to the Right of the frame. The diagram below shows the Align Rights effect on the text and graphic objects.

  align_center_btn

  Alternatively, Text selection can also be modified using the XML Description, and click the <Apply> button to import changes.