in earlier times I designed my credits with an other program, which had an extra ‘credits editor’ in WYSIWYG-style. It was not too different as SC’s HTML-Editor.
I like to recreate this style again, but I need correct tabulator formatting to have sharp beginnings and endings for my text-columns as you can see.
Please help me for a good solution for my way to get that upper design in the first pic.
It should be only reproducable in the WYSIWYG-editor. - I can’t and will not program in HTML.
Made this with the Shotcut HTML editor. A workaround until table support is added.
Used three simple scroll filters on a single transparent clip. One for the title, two filters for the cast. One left justified the other right justified.
Trimmed the filters to make them all scroll in sync. It took a but of fiddling to get the timing right but not too hard.
I tried that endlessly, but never did the timing be right. With only 2 levels, one level is always irregular. In the middle of the timeline it pulls apart and at the end the lines are exactly in line again. I’ve also made sure that all layers have the same font and number of lines. - For me that’s not solved!
I don’t know why the project isn’t working for you. I used 19.12 Beta for this project. Maybe it has something to do with your region using comma for decimal.
You could try re-trimming the filters.
You can do it.
Made a discovery today. The font makes a difference in the way the scroll works. I used Arial 48 pt for my demo. It works.
Here’s another demo. Some fonts don’t work.
Left side text is right aligned, right side text is left aligned.
Used three different fonts. First is Calibri 48 pt. Scroll stays synced. Next used Bahnschrift 48 pt. Scroll does not stay synced. Then used Arial 38 pt. Scroll stays synced.
You want to use Shotcut’s HTML editor to create an HTML file that has a 3-column table, but can’t because the editor doesn’t support this. So now you are going through hoops and jumping over fences to use features that Shotcut’s HTML editor does have in order to make up for this deficiency, however it isn’t working.
Why not use another editor (the video credits generator that jonray suggested), that can easily produce the necessary HTML file that you can feed into Shotcut’s HTML: Text filter with considerably less effort?
In both cases you are using a WYSIWYG utility to produce the HTML, you aren’t generating it by hand, but in one case it works, while in the other sometimes it does (for Sauron), sometimes it doesn’t (for you and jonray).
I think it should be easy to make a HTML table in the Source editor and then switch to Visual for the text entry and formatting. I could add a template for this in a future version.
Hi @dvs, I know you said you were against programming HTML, but just in case I can persuade you about the merits of using an external .html file for your movie-style credits - I just made a demo HTML template which creates this effect:
The purple box fills the whole screen - its dimensions are 1920x1080 pixels.
The blue box is inside the purple box (100% of its width).
Inside the blue box there is
a green box with centred text,
a grey box with left-aligned text, and
an orange box with right-aligned text.
The blue box is animated with @elusien’s webvfx system to move from the bottom to the top of the purple box.
The green, grey and orange boxes are “pulled along” by the moving blue box.
When the boxes are made transparent, just the white text is seen.
I hope I have put the case for using HTML (but if not, no worries, yes, I agree an HTML table template within Shotcut would be great!)
HTML files zipped and attached, happy for anyone to try them out… Movie style credits HTML template examples.zip (31.6 KB)
Feel free to adapt the template by changing the text (please excuse the silly name examples I wrote…) . For it to work, the webvfx.js file must be in the same folder as the HTML file.
Use the Text:HTML filter to apply it to a transparent clip in SC.
- I just made a demo HTML template which creates this effect: