Simple text effects/fade in effects

Help/How To
1

Hi there,
when I add to clip the text filter, text just appears there. I wonder if there is a way to create some simple animation/transition in Shotcut for the text filter? I found the workaround that I can create text as png in Gimp and import it as clip to Shotcut and afterwards I can use fade in filter. Is there any other possilibilites?

Thank you!

1 Like
2

Well, hereā€™s how I did something like that.

  1. Create a separate track and go to file > open other > color (transparent).
  2. Shorten the clip in the source player, add it to the timeline, then add the text filter.
  3. You can then create the transitions and set both in the filter tab to ā€œAdjust opacity instead of fade with blackā€.
3 Likes
3

Hello Lauren,
Iā€™ve tried it with your steps, but I donā€™t understand it :frowning:

  1. Iā€™ve made and a new video track, go to the File -> Open Other -> Color [ here, I canā€™t see any transparent color or menu with color transparent, I can just choose colors]. So I selected black color.
  2. Shortenning clip and adding it to ā€œPlaylistā€ and then to new V2 track is ok for me.
  3. Here I donā€™t know, how to create transitions between V1 and V2 video tracks. I know that I can create transitions between each clips on same video track. And that ā€œAdjust opacity instead of fade with blackā€ I canā€™t find it either.

Sorry that I donā€™t understand, Iā€™m using Shotcut few days.

Thank you for your help.

Have a nice day,

Tomas

4

Hi Tom, Iā€™ll try to explain it in more detail.

  1. When opening the color menu you can drag the opacity slider that appears under the color wheel to 0. This will set the color to transparent.

  2. You can create the transition by dragging the edges of the clip inward to add a ā€œfadeā€ effect. When your mouse cursor is hovered over the edge of the clip you will either see a colored bar or a circle. If you click when itā€™s a circle and drag inwards, the effect will be created and added to the filter menu.

  3. When the transition is registered in the filter menu, you can go to the options of ā€œFade In Videoā€ and ā€œFade Out Videoā€ and select an option in their menus that say ā€œAdjust opacity instead of fade with blackā€.

I hope this helps. :slight_smile:

Edit: You can also manually add the ā€œFade Inā€ and ā€œFade Outā€ filters as well, without worrying about dragging the edges.

5

I hope this is readableā€¦:wink:

TEXT fade in and out op.jpg436Ɨ1600 169 KB

2 Likes
6

@Cuty Very nice, thank you for the visuals :slight_smile:

7

You can also copy the clip youā€™re using, paste it into a second track and add an opacity filter of 0%. You get an exact length that way. Just add text after that and then fade in/out.

8

Thank you for you super how-to :wink:
Unfortunatelly there isnā€™t working 3D Text :frowning:
But text is also good, can be used in some cases.

Maybe just one question, if I added that ā€œAlpha channelā€ to ā€œ0ā€ and added some text with fade in/out filter. That text changed color from black to white, I thought, that itā€™ll occur from hidden stuff to white color in fade in and dissapears to the hidden on fade out.
If you know what I mean.

T.

9

That is why you have to select the ā€œAdjust opacity instead of fade with blackā€ option on all the transitions in the filter menu.

1 Like
11

@lauren

Danke fĆ¼r die Blumen! [~thanks a lot + youā€™re very kind](I donā€™t know the expression:yum:)

And, - !
Thank you for giving me the hint because of the ā€œopacity instead of fade with blackā€!!!
Iā€™ve forgot that totally. I try to fix this.
Any idea were to load up the new ā€˜visual(?)ā€™, how-to, for best? Here in this thread?

12

@Cuty

If you have an improved visual I think it would be a good idea to open a new topic in the tutorial category to upload it. :slight_smile:

13

Hi,
I would like to create simple text animation - to bar text horizontally. I created two clips with transparent colors. Set text filter at the second one. Put clips next to each other on timeline and set transition between them. It works well when dissolve transition is used, but when I use bar horizontal, or any other type it doesnt work - text just appears there at the end of the transition. Im using latest version on Win7 64 bit and I repeated this behaviour on more computers.
It would be cool, if it works, because it brings many possibilities to create simple text and labels animations.

14

I tried it myself and saw it wasnā€™t working that way. However the transitions work under other circumstances, and I was able to come up with a workaround of sorts.

  1. Create your text animation alone in itā€™s own project, by loading a clip using some colored background instead of a transparent one.

  2. Edit the clip so that you have your animated background along with the transition you like. This should work.

  3. Next, save that project and load the project you want to add the ā€œanimatedā€ text to.

  4. Load your text transition project as a clip using File > Open MLT XML as clip.

  5. Add it to a new composite track, and since this one is colored you need to add the chroma key filter to it. The distance setting will have to be turned up a little high for the animation to look smooth. I put it at around 75%.

Tell me if this works for you as well, or if something doesnā€™t make sense. I think the reason the transitions arenā€™t working in this case is because of the transparent background.

15

@lauren

Hy Lauren,
I tried to load up the new visual in a new topic under ā€œTutorialsā€ but it was blocked.
How/where I should load up the file?

16

I just finished a tutorial for titles, which includes fade in/out and then got a comment requesting text/title animations, so now Iā€™m trying to figure out solutionsā€¦

I might be misunderstanding - is it possible to make objects/images move over the screen somehow?

I found one working solution which is a bit involved (duplicating video, transitioning between video with text to the same video without text):

I just wish there was documentation on how to make HTML5/CSS3 animations that work in shotcut.

1 Like
17

Hi, thank you for your ā€œtutorialā€. It takes some work but the fnal result is nice.

18

Hi,
Have you tried with a html5 creator like mixeek or Html5 maker?

19

Thanks but mixeek seems to not exist any more.

If you mean html5maker.com, it doesnā€™t seem to allow downloading the html code.

20

Ohh, too bad for mixeek. Will see if I find a free alternativeā€¦

To test :


http://codecondo.com/tools-for-creating-animations-with-html5/
21

Have to look further, but once your ā€œregistredā€ on html5maker, it seems possible to ā€œdownloadā€. But I donā€™t know if itā€™s usable by Shotcut.