Everything you need to know to get started with MixaPixa

How to
MixaPixa Basics
MixaPixa Guide
Case study
How to add an object?
How to see an object?
How to move?
How to change parameters?
How to see multiple objects?
How to add an effect?
How to animate?
A minimal set of knowledge to start working with a video project is put in a 5-minute video.
Step-by-step analysis of the process of creating a spectacular promo-video in the MixaPixa.
Working with a project
Create a new project and resize
  • Click the Create New button in the Personal Account menu.
  • Click the desired project format or enter your frame width and height and click "Create".
  • You can resize a frame in a project at any time. To do this, click the "Resize" button in the project menu, select a new format in the window that opens, or enter your frame sizes and click 'Resize".

Watch the video
Set video duration
  • Change the value of the indicator "Slide duration" (min: sec: frame), which is on the timeline to the right of the play button.

Watch the video
Download the finished result
  • Press the "Download" button.
  • On the "New" tab, select the file format to download: MP4 video, HTML5- or GIF animation, the current frame as a static image.
  • If you choose to download an MP4 file:
    • Select the desired video quality (size).
    • Check the box if you want to download the video with alfa-channel.
  • If you selected to download the HTML5 file:
    • Specify the size of the banner.
    • Resolution and compression ratio of bitmap images included in the banner.
    • Optional link to click on the banner. ○ Check the checkbox if you want to loop the banner.
  • If you selected to download a GIF file:
    • Select the desired image quality (size).
    • Check the checkbox if you want to loop the animation.
  • If you selected to download the current frame as an image, specify the JPEG or PNG format.
  • Your project will be rendered in the selected quality. You can close the window.
  • Once rendering is complete, downloading the file to your PC will start automatically.
  • You can view the project rendering history in GIF or MP4 formats and re-download previously rendered files from the "Download" tab.

Watch the video
    MixaPixa workspaces
    Graph area
    • Any object in a frame and any change to it is reflected in the graph as a separate nod. For example:
      • Circle node creates a circle image in the frame with the dimensions and color specified in the nodes parameters.
      • Transform node moves, rotates, and scales the object that enters its input according to the parameters specified in the node settings.
      • If you link in the column Nod Circle and Nod Transform, the circle moves to a new position in the frame.
    • To see the result of the nod in the "Preview" area, turn on the "eye" of the nod.
    • If you want to map multiple branches of a graph in a frame, you need to merge them with a "Join" node.
    • Nodes can be moved from one branch of the Graph to another.

    Watch the video
    Preview area
    • This area displays a preview of the frame for the moment selected on the timeline, or play a preview of the video if you clicked "Play" on the timeline.
    • All changes to the project on the fly are displayed in the preview area without having to render them first.
    • The selected (active) element in the column is highlighted in the preview area with a blue frame. If drag-and-drop changes are available for it, you will also see images of the corresponding controls (scaling, rotation, transfer, crop).
    • You can also select an object by clicking on it in the preview area.

    Watch the video
    Timeline area
    • The Timeline area contains:
      • Timeline in seconds with current moment cursor.
      • Playback control buttons (Back/End/Start/Stop).
      • Frame time indicator in the preview area.
      • Video duration information (available for modification, see "Working with Project/Setting Video Duration").
      • Animation cue point control buttons (for more information, see Animation).
      • Lines that display the selected object in a column/preview. The period during which an object is displayed in a frame is highlighted in red on its timeline. The animation points you added also appear here.
      • Mute button when playing previews.
    • To scale the timeline, move the cursor over the timeline and twist the trackwheel.
    • The boundaries of the object display period, its position on the timeline, the position of animation points and the duration trim boundaries that are available for drag-and-drop changes. .

    Watch the video
    Node parameters area
    • All parameters of the selected node are displayed in this area.
    • They are editable (enter a new value or use pointer movement).
    • If the parameter is ◇ to the left of the value, this means that this parameter can be animated (changed in time).

    Watch the video
    Composition: Objects
    Image
    • Node Image adds a bitmap image to the video.
    • Restrictions:
      • valid formats are jpeg, jpq, pjpeg, pjp, png, tiff, jtif, bmp, dib,
      • maximum file size of 10 Mb.
    • Click "Upload" to load the image into a node.
    • The image appears in the upper left corner of the frame.
    • Node allows you to flip the image vertically/horizontally, set the opacity and size of the image.
    • All other image transformations must be performed using different paths (for example, use "Transform" to move or rotate).

    Watch the video
    Video
    • Node Video adds video to your video project.
    • Restrictions:
      • valid formats are mp4, m4v, avi, mov, webm, wmv, mkv,
      • maximum file size of 100 Mb.
    • Click "Upload" to upload the video into the node.
    • In the window that opens after loading, you can select a fragment of the video that will be used in your composition and its duration.
    • The video appears in the upper left corner of the frame.
    • The time at which the video will be start and end is set by moving the highlighted area of the nod on the timeline.
    • This node allows you to flip the video vertically/horizontally, set the degree of opacity, size and volume of the sound track.
    • Edit allows you to define a fragment and its duration.
    • Freeze adds the "frozen" first and last frame of the video fragment, respectively, to the end or to the beginning of the clip. You can control the duration of frozen frames by dragging on the timeline.
    • You can apply the same effects to a Video node as to other objects in a project. There are also additional opportunities to slow down/accelerate, reverse certain sections of the video by using the Time remap node (see the section "Animation/Time remap" for more information on these capabilities).

    Watch the video
    Text
    • Node adds text to the frame.
    • Node settings specify text properties:
      • font, horizontal and vertical alignment - these parameters cannot be changed over time
      • other text parameters (font size, fill, contours, letter and line spacing, opacity) can be dynamically changed between key points.
    Text adaptive
    • Node adds text to the frame, which by changing the font size and hyphenation will automatically fit into the dimensions of another object.
    • Node requires the connection of its input with the output of the nod, the dimensions of which will be leveled.
    • Node parameters are similar to Text node. Additionally, a parameter appears that specifies how word or letter text is moved.

    Watch the video
    Audio
    • Node allows you to add sound to your project.
    • Node after adding is displayed in the Column and when selected in the timeline. In the preview zone, the node does not have a visual display.
    • Similar to node Video Audio allows you to select the boundaries of the fragment to play in the video.
    • The time at which this fragment will be played is set by moving the highlighted node region on the timeline.
    • It is possible to slow down/accelerate, reverse certain fragments inside the sound track by using the Time remap node (see the section "Animation/Time remap" for more information on these capabilities).
    • Use this node if you want to sound an effect in the frame or add background music to your video.
    • To add and mix multiple sounds in a clip, add a separate node for each sound.

    Watch the video
    Circle and rectangle
    • Nodes add to the video geometric figures circle, oval, square, rectangle.
    • If you connect another object to the input, a figure with dimensions equal to the dimensions of the object at the input will appear at the output.
    • The shape appears in the upper left corner of the frame.
    • You can animate all the parameters of these nodes (fill, stroke, opacity, dimensions).
    • You can resize shapes by dragging the contras in the preview area.

    Watch the video
    SVG-object
    • Node allows you add any SVG image from your PC to your video.
    • Node has parameters: opacity, overall dimensions (a loaded image will be inscribed in them), colors.
    • The colors in the image are determined automatically, then you can change them in the nod settings.
    • All parameters can be animated.

    Watch the video
    Composition: Changes nodes
    Transform
    • Node positions the objects that arrive at its input according to the parameters specified in the node settings.
    • It allows to scale, move and rotate objects.
    • It allows you to set the transformation center relative to an object or slide and animate its position.

    Watch the video
    Merge
    • Merge node allows you to simultaneously see in preview all objects that are connected to its inputs.
    • It combines the branches of the graph, creates an analogue of the layers in the composition.
    • The order of the objects at the inputs of this node corresponds to the order of the layers in the composition/preview: the object connected to the top input Merge is in the top layer of the composition.

    Watch the video
    Aling
    • The node aligns the object entering the node input with respect to the second object (anchor) as specified in the parameters.
    • It displays only the object being aligned.
    • Tips:
      • If you want both the anchor object and the object-anchor to be aligned to be visible, use the Merge node after the alignment node (see example in the video).
      • If you want to align objects with the frame area, you must connect the Alignment anchor input to the Slide node. .

    Watch the video
    Crop
    • Allows you to trim the input image according to the settings (the width of the field to be trimmed on each side of the object is px or% of the size of the object at the input and the position of the object relative to the trimming frame).
    • Node trims both a simple image or picture (for example, the output of the Merge node).
    • Crop options are available for animation.
    • Tip: As the trim is calculated relative to the dimensions of the object, it will inherit the animation of the object, that is, it shifts and changes with the object. If you want to trim animated objects in a static frame, use the Mask node.

    Watch the video
    Fit
    • Node, depending on the selected method, changes in the settings the dimensions of the object relative to the overall dimensions of the object at the Bbox input.
    • Sizing Options: ○ Proportionally, so that the size of the larger side of the object is equal to the smaller side of the Bbox object.
      • Proportionally, so that the size of the smaller side of the object is equal to the larger side of the Bbox object.
      • Proportionally, so that the width of the object is equal to the width of the Bbox object.
      • Disproportionately, so that the height and width of the object are equal to the height and width of the Bbox object.
    • Tip: This is useful when creating adaptive projects. For example, you want an image loaded as a frame background to completely fill the entire frame space. To do this:
      • add Fit node,
      • connect the input object to the image node,
      • attach the Slide node to the Bbox input
      • in the Fit node settings, specify "Fit by min side".

    Watch the video
    Opacity
    • Very simple and useful node. It sets the opacity of the object.
    • It has one animable parameter - the degree of opacity.
    • Tip: use it, for example, to animate the appearance of an image in a frame.
    Paddings
    • Paddings node creates a new dimension for the object you connected to its entrance. The parent object remains visible.
    • The boundaries of this dimension are offset from the dimensions of the original object by the distances specified in the Paddings settings.
    • Tip:
      • Use Paddings when you need to position one object relative to another (for example, the text should be completely placed inside the ram with certain indents from its borders).
      • Paddings output can be connected to nodes such as: Fit, Aling.

    Watch the video
    Shadow
    • Shadow node creates an image at the output of the object that entered it, with a shadow placed below it.
    • This node setting allows you to set the shadow position relative to the object (angle offset and distance), opacity, shadow color, and blur.
    Mask
    • Mask node allows you to show at the output one composition object (the one that enters the Object input) through another object (Mask input).
    • Settings set the masking method:
      • Alpha object is displayed in opaque areas of the mask).
      • Luminance - the object will have 100% opacity in the white areas of the mask and 0% opacity in black.
      • Invert checkbox - changes transparency to opacity for mask sections.
    • Any composition object can act as a mask, including animated ones: image, video, figures, combined groups, etc.

    Watch the video
    Slide
    • Slide node creates a dimension equal to the frame size.
    • It has no parameters and no inputs.
    • It is useful to use, for example, to automatically fill and/or position an object in a frame using Fit, Paddings, Text adaptive.

    Watch the video
    Animation
    MixaPixa Animation Basics
    • Animation (motion, color or transparency change, any other parameter value change) occurs between two currents on the timeline.
    • In order to set animation points, you shall:
    • Place the cursor at the desired moment (for example, when the motion starts) on the timeline.
    • Select a node.
    • Set the animation point for the active node by clicking the ◇ icon in the parameters area. A point appears on the timeline in the row of the selected object.
    • Place the cursor at the next moment (for example, when the motion ends) on the timeline.
    • Click the ◇ icon in the settings area. The second point appears on the timeline.
    • To create motion/changes between points (using the animation example of the Transform node):
    • Click the first point of the animation on the timeline (highlight in blue).
    • Drag the active object in the preview area (or change the settings in the settings) to the start position of the motion.
    • Click the second animation point on the timeline.
    • Using the same method, set the active object to the end position of the motion.
    • If necessary, click the rising measurement icon (for the active endpoint) and specify the motion behavior for the segment in the animation.
    • Start the preview to evaluate the generated motion.
    • Several techniques to simplify working with animation in Timeline:
    • You can change the position of animation points on the timeline by dragging. If you want to move multiple points on the timeline, select them using Ctrl + click.
    • You can also create point copies by pressing and holding Ctrl while dragging.
    • To see multiple objects in the timeline at the same time, select them in the graph or preview using Ctrl + Click. This is useful when you want to position the animation points of one object relative to another.
    • You can set the scale of the time scale using the scraper wheel. .

    Watch the video
    Tex animation
    • Node animates the text coming to it.
    • Sequential animation from letter to letter, word to word, or line to line is available (depending on the text level setting).
    • To see the animation at the node, you must add at least 2 animation points with different parameter values to the timeline. The points specify the start and end times of the transformation of the first letter.
    • The remaining letters (words/lines) are transformed with a delay to the trace after the first letter. The delay is set in the Timeout setting.
    • You can animate the following text parameters:
      • Opacity,
      • Rotation,
      • Position,
      • Scale,
      • Position of the transformation center.
    • You can also set the following settings:
      • Animation playback cycling,
      • Reverse animation order (from last letter of text to first),
      • Selective animation of letters/words/lines in text (for example, animate each second of three consecutive letters).

    Watch the video
    Time shift
    • Time shift node allows for input animation:
      • mix the time relative to the current time (output events occur earlier/later than the input),
      • change the animation speed (the animation output is slower/faster).
    • This works for both the included video and the animation created in the project.
    • Settings for this node are available for animation. This allows you to create, for example, effects of deceleration or acceleration and other interesting "tricks over time".

    Watch the video
    Time remap
    • Time remap node allows the incoming animation to set key points on the timeline (select arbitrary time points) and move them relative to the project time stream.
    • In order to see the animation at the exit, you must add at least 2 animation points with a different time value to the timeline (otherwise, the output will be a static image of the moment 00:00).
    • In the node parameter area, you can set the time at the animation point in several ways:
    • Enter a value in the input field
    • Use left-right pointer motion
    • Click the ◇ icon to the right of the input field. This sets the time equal to the animation time of the nod output.
    • Click the clock icon to the left of the input field. This sets the time equal to the animation time at the node input.
    • For example, if you set the Time remap node in the timeline to 1 (00:01 time in the input animation) and 2 (00:03 time):
      • If we drag point 2 further along the time scale from point 1, the animation speed in this section of time will slow down (movements that took 2 seconds in the animation at the entrance now take longer).
      • If you shorten the distance between points, the motion at the end will be accelerated.
      • If you move point 2 so that it is on the time scale before point 1, then the movement in this section will reverse.
      • Note that at the output of the node, the animation will play from point 1 to point 2 (the time before the start of this period will be occupied by a static frame of the moment 00:01, and after - the moment 00:03). If you want the animation to play from start to end and you want point 1 - point 2 to change speed on a line, you need to add 2 more points: point 0 (the moment of the start of the motion in the original animation at the entrance) and point 4 (the moment of the end of the motion in the original animation).
    • This works for both the included video and the animation created in the project. The node allows you to create interesting effects for videos such as slow-motion, acceleration of time, braking, repetition, flashbacks.

    Watch the video
    Contact Us
    By continuing to use this website, you agree to use cookie files. See the Personal Data Processing Policy and Cookie Policy for details.