Add Effects to Images

Documentation •
In this article

This dialog allow to add effects to the image.

Command Syntax

The column Effect support the following syntax (Version 2, from December 2021).

  • Levels separated by "|"

Main commands

One per level

  • DrawEllipse:
  • DrawHtml:
    Print the text specified in the Text column.
    TextStyle and Speech style should be "none"
  • DrawImage:
    Draw the specified image file.
    The image is resized.
    Use for inserting a logo.
  • DrawMarkdown
    Convert the markdown text specified in the Text column to html and print.
    TextStyle and Speech style should be "none",
    See further explanation below.
  • DrawRect:
    Draw a rectangle at the specified position and with specified size.
  • DrawText:
    Draw a text. The text is resized to fit the rectangle.
  • FFmpeg:
    You can enter an FFmpeg command
    Examples:
    • FFmpeg:drawbox=x=400:y=100:w=300:h=200:color=pink@0.5:t=fill
    • FFmpeg:scale=4*iw:-1,crop=iw/4:ih/4
  • ObjectClip:rowid
    It use an object defined in the table Clip column Effects with the RowId specified
    • Example: ObjectClip:id=001,pos=800:300,size=500:300
      Use the object defined, but with a specified size.
  • ObjectStyle:rowid
    It use an object defined in the table TextStyle column Effects with the RowId specified
    • Example: ObjectStyle:id=frect,pos=800:300,size=500:300
      Use the object defined, but with a specified size.
    • Use to automate the object creation and styling.
      Create the object in the table Clip and then copy in the TextStyle table.
  • Rescale:
  • SelectRect:
    It makes the rest of the image darker.
  • VideoCut:
  • ZoomIn:

Elements (separated by ";")

Are relative the the commands.

  • ;Arrow:
    Add and arrow next to the form
    • ,align= 1 to 9, numeric on the keyboard
    • ,dim=1 to 5
  • ;Number
    • ,text=
    • ,align=1 to 9 , numeric on the keyboard
    • ,dim= 1 to 5
  • ;Grid:numberpixels
    Will display a grid every specified pixels.
    Example: ";Grid:100,fill=yellow" grid every 100 pixels in yellow.

It use the styles of the main command, unless a different style is specified.

Attributes (separated by comma ",")

Attribute are added to the commands or to the elements.

  • ,align=[number 0 to 9)
    Used for Elements Number and Arrow.
    The position of the elements is as the key on the numeric keyboard.
  • ,Dim=1 to 5
    The size of the Elements Number and Arrow.
  • ,border=color:[width]
  • ,color=color //text color
  • ,endtime=hh:mm:ss.mmm
    for VideoCut
  • ,fill=color:[pattern]
  • id=RowId
    Use the text at the row with the specified RowId
    For ObjectStyle it retrieve the effect specified in the table TextStyle
  • image=filename
    for DrawImage
  • ,opacity=number (0 to 1)
  • ,pos=x:y
  • seconds=seconds
    for ZoomIn
  • starttime=hh:mm:ss.mmm
    for VideoCut
  • ,size=width:height
  • ,style=stylename
    Use the content of the column Effects in the table TextStyles at the line with the id stylename.
    Examples:
    • DrawRect:pos=800:200,size=500:400,style=saa,border=blue:30
  • ,text=text
    Use the text that is specified.
  •  

Examples

  • SelectRect:pos=800:300,size=500:400,border=red:3;Arrow:align=1,dim=3,fill=yellow;Number,text=1,align=7,dim=3
  • DrawImage:pos=900:300,size=200:100,image=filename.png,pen=red
  • DrawRect:pos=900:300,size=200:100,border=red:3,fill=yellow;Number:1:9:3;Number:6:5:3;Number:3:7:3
  • DrawRect:pos=900:300,size=200:100,border=red:3

DrawMarkdown

Markdown is syntax that can be converted easily to html
You can create slides and reuse.

This is an example of markdown text

# Title 1

## Title 2

### Title 3

Proof of **bold** *italic*

* line 1
* line 2
* line 3
 

This commands allows to use markdown in the text.

  • When using this command the columns TextStyle and SpeechStyle should be set to none.
  • The markdown text is rendered in html using the style defined in the file _video.css in the table Documents
  • Example:
    DrawMarkdown:pos=200:100,size=800:600

With the DrawMarkdown command you can use also this elements:

  • ;HtmlSelectLi:2
    A class "selected" is added to the specifiend html tags "li" ;
    This you can display an item with a different style.
  • ;HtmlAddClass:classname
    A class "classname" is added to all html tags that belong to the markdowns.
    You can have styles specific to a single markdown.

 

 

help_id
dlgimageeffects

Help us improve the documentation

We welcome feedback on how to improve this page.

Tell us what theme needs a better explanation or how to clarify a topic.

Share this article: Twitter | Facebook | LinkedIn | Email