Differences between revisions 18 and 20 (spanning 2 versions)
⇤ ← Revision 18 as of 2006-01-19 04:28:15 →
Size: 10695
Editor: anonymous
Comment: someone vandalized the page... I brought it back : ) more power to everyone
← Revision 20 as of 2008-03-10 00:38:04 → ⇥
Size: 10695
Editor: jaromil
Comment:
No differences found!

Freej beginner tutorial

  • Freej is a tool for being VJ. As documentation says, it is a vision mixer, a tool for realtime video manipulation.

    [http://freej.dyne.org/tut/img/00.jpg http://freej.dyne.org/tut/img/00-mini.jpg]

    This is a tutorial for beginners who want to learn using Freej. This is the first part of tutorial – I plan to write next parts if I see somebody uses and needs it. In this part you will learn:

    • what is the basic idea of using freej, how its user interface is organized

    • how to use freej to show movies and static images

    • how to use layers, so you can use more than one movie
    • how to mix layers with each other
    • how to add visual effects to displayed movies
    However, I assume that you:

  • == contents ==
    • [#installation installation]

    • [#start the first start] -- how to start and stop freej

    • [#ui user interface] -- what is what in freej

    • [#movies showing movies with freej]
    • [#layers using layers]
    • [#mix mixing two movies] (fun starts)
    • [#alpha adding transparency]
    • [#effects using effects] -- basics
    • [#more_on_effects effects disabling and deleting]

  • Anchor(layers) == more layers == We can load both static image and the movie.

    [06] Start freej with both movie and static image: 

     $ freej kury.avi ipernav.png

    [http://freej.dyne.org/tut/img/06.png http://freej.dyne.org/tut/img/06-mini.jpg]

    As you can see, only chicken movie is visible (and the static image – file ipernav.png – is invisible). We are going to understand why...

    Now, when we opened two images (static image and a movie) in freej, we have them on two layers. You can see the list of layers in the console. As you can see, that layers are called VID (which means: video layer) and IMG (static image layer).

    [http://freej.dyne.org/tut/img/06-lista.png] The list of layers is also shown in output window. As you can see (below), the video layer is on top of static image layer. This is why we can't see the image.

    [http://freej.dyne.org/tut/img/06-output.png]

    Take a look at the console window. As you can see, one of layers (VID) is highlighted. It is the current layer. You can see the detailed information about that layer in the top of console window. You can see there the name of the file (kury.avi) and some other info, which we will understand later.

    Notice that current layer doesn't mean top layer or the layer which is visible now. Current layer means just current layer.

    [http://freej.dyne.org/tut/img/06-details.png]

    [07] While in the console window, you can use left and right arrow keys to change the current layer. Press the right arrow key to change the current layer to IMG layer. Notice that now at the top of the console window you can see the details of static image layer.

    [http://freej.dyne.org/tut/img/07.png]

    [08] While in the console window, you can use page up and page down keys to move the current layer up and down. So now, when the current layer is IMG layer, press page up. As you can see, the static image layer went to the top. Now the static image is visible and the chicken movie became invisible.

    [http://freej.dyne.org/tut/img/08.png http://freej.dyne.org/tut/img/08-mini.jpg]

    Close the freej ([ctrl+c], as you remember).

  • Anchor(mix) == mixing two movies ==

    As I previously told, freej is about mixing images. Now we will start doing that.

    [09] Download [http://freej.dyne.org/tut/data/term.avi another movie] to freej_tmp directory. Then start freej: 

     $ freej kury.avi term.avi

    As a result, freej starts. kury.avi is on the top layer, and is visible. term.avi is on the bottom layer and thus is invisible.

    [http://freej.dyne.org/tut/img/09.png http://freej.dyne.org/tut/img/09-mini.jpg]

    [10] Press key [2] in output window. The effect should look like that:

    [http://freej.dyne.org/tut/img/10.png http://freej.dyne.org/tut/img/10-mini.jpg]

    Pressing key [2] we made red blit on active layer. You can see it in layer details, in the top of console window.

    [http://freej.dyne.org/tut/img/10-info.png]

    As you know, each picture an a computer screen has three channels: red, green and blue. Red blit means that now only red channel of the kury.avi layer is visible. Green and blue channels of this layer became transparent, so now we can see:

    • the red channel of kury.avi

    • the green channel of term.avi

    • the blue channel of term.avi

    In very similar fashion we can use green blit (it's [3] key) or blue blit ([4] key). You can also try using other blits (keys [1]-[9]). Also try switching [0] on and off – I don't know what does it do, but you will see the difference.

  • == that's all, folks ==

    I think it's enough for the first lesson. You already know how to mix video and static images using different blits and effects. The next thing to learn will be using freej in fullscreen mode (hint: [ctrl+f]), but I will probably show that in the next tutorial.

    [19] If you have some comments, drop them in the guestbook: http://www.rozrywka.jawsieci.pl/materialy/slowo/freej_tutorial/index.php#koniec

CategoryTemplate

FreejTutorialPiotr_01 (last edited 2009-03-05 12:03:06 by asbesto)