Learn more about these different git repos.
Other Git URLs
Hey y'all, a while ago I did some live streaming for Fedora. I would like to do that more, and be as professional as possible about it. This is how I have my live streams set up:
I have more scenes, ones with screen captures and stuff, but that's the general idea. Is there anything that jumps out as need to be improved?
P.S. this is also the set up I like to use for produced video, as in the KDE SIG interview, for Akademy 2021
<img alt="background.png" src="/design/issue/raw/files/d254c1373cdfb482426fa0e93af28bcb240c2e43767d0d26bd2f29d4448745e5-background.png" />
<img alt="Screenshot_2021-06-24_15-09-17.png" src="/design/issue/raw/files/9aa6da7247a363f4c3fd9f562faff4ec402d7cc24311bacb9415330bd5e06cd2-Screenshot_2021-06-24_15-09-17.png" />
<img alt="Screenshot_2021-06-24_15-11-12.png" src="/design/issue/raw/files/d4ea7231cf36135e7a971e8d5d22d980b710428e46248ae7d4d86962e9319b3e-Screenshot_2021-06-24_15-11-12.png" />
Uploading did not work in the first post :(
It looks great! But I think the white text in front of audio bars is a bit unclear on Pre-show waiting screen.
And maybe it's a good idea for having white background option, so it will looks like the ambience of Fedora website https://getfedora.org/
Just my thoughts :)
I agree that the text on the bars isn't great, I need to do something about that. However, I don't want to go to a completely white background. With the site, even though it's white, it's covered with content. I think just a white background with some words is pretty boring. I'd want to do something there... maybe some sort of animation, or countdown.
Countdown would be great. Or you can still use the audio bar but with a little bit transparency and rounded (maybe).
<img alt="210626-Fedora_Live-BG-wait.png" src="/design/issue/raw/files/b7d49a64b9f24c2d2c84b03816ef56f92c62eadae211012b87926fa0bc8faa01-210626-Fedora_Live-BG-wait.png" /><img alt="210626-Fedora_Live-BG-wait-Monts.png" src="/design/issue/raw/files/0f087b9fc0a8318545f25a42b3fa72d21ed97736666a95cc8bcb127c43bd0e70-210626-Fedora_Live-BG-wait-Monts.png" /><img alt="210626-Fedora_Live-BG-wait-woLogo.png" src="/design/issue/raw/files/af5533837cf145fc56f680558d40eaf14f37eb094b58a7e4a45617abd1244713-210626-Fedora_Live-BG-wait-woLogo.png" /><img alt="210626-Fedora_Live-BG-wait-woLogo-Monts.png" src="/design/issue/raw/files/0d12724e5d7a2c2bd639aa7ca3f54f39dcf0d6cac29ae89539a76ab1f694f577-210626-Fedora_Live-BG-wait-woLogo-Monts.png" />
Any thoughts on how practically to do this @armanwu ?
I would really love to hear @duffy 's thoughts on this
Honestly, I've never tried. It's just an idea. But wait. I will try to make a video like that, especially the audio bar.
I have no idea how to make it rounded. Maybe I should look for another app. And I don't know how to send a video format here, so this is the GIF format. Hope the image looks animated.
<img alt="210629-Fedora-Live-BG-wait.gif" src="/design/issue/raw/files/6b1c412747d9400796217b6af54e0a3438146fc4d5dc29303ea4485c1c29acb4-210629-Fedora-Live-BG-wait.gif" />
I don't particularly need practical advise, but a rounded visualizer has me stumped. I can figure it out though
We discussed this in chat today in #fedora-design:matrix.org and have some forward progress with Natron. Uploading my source files so far. Will have more time to work on this hopefully tonight or tomm.
SVG assets: <img alt="title-vectors.svg" src="/design/issue/raw/files/094b2ad55b2b5fadebe33006ae894119978498f09db54ddb16d427fac29ecffe-title-vectors.svg" />
Natron project: <img alt="natron1.ntp" src="/design/issue/raw/files/5ab0521ae3a94f284c282b7f3826fe0e47b49d21baa556dfe3f88591c8596510-natron1.ntp" />
Preview of gradient background animation: <img alt="natron1.mp4" src="/design/issue/raw/files/8f71ef0d23de595608dd5fa4e4dd9b5df3a4909cfec3e02cfb6adde3d7986a58-natron1.mp4" />
The next step is to animate the dotted Fedora logos and bubbles and lines on top of this. The SVG assets SVG file above is labeled in order to enable this thru the merge plugin. See https://www.youtube.com/watch?v=8UcjQjvQG0Y&list=PLqazFFzUAPc7c67ZuC629CBVL-26e_5QE&index=17
It looks great! I love the colors. Can't wait for the final result. Maybe I should to try Natron, and learn more how to use Synfig.
Making some more progress. Need to figure out how to stagger the lines better
<img alt="output00.mp4" src="/design/issue/raw/files/8ae2af86d5e1e14333e04af3504c7cefb56cdae7d0d227c98efdfda0e3742fe1-output00.mp4" />
Making some more progress. Need to figure out how to stagger the lines better <img alt="output00.mp4" src="/design/issue/raw/files/8ae2af86d5e1e14333e04af3504c7cefb56cdae7d0d227c98efdfda0e3742fe1-output00.mp4" />
Cool! How about to set different speed for each object. But it seems quite complicated, especially separating all the lines and logos. Maybe like this. Just an example, I just tried Natron.
<img alt="210630-Fedora-Live-BG.mp4" src="/design/issue/raw/files/aac677053679dbe55937d7af29911ba4ecd35273396ddbcdf15c4dd900e315df-210630-Fedora-Live-BG.mp4" />
@armanwu I love it! how did you do it? Are you using retime nodes to change the speeds?
Thanks, @duffy . This is my first time using it, I don't know the features yet. Just trying the transformation. And it failed many times. LOL. I only set the change in position of each object manually (x and y).
This is the ntp File: <img alt="210630-Fedora-Live-BG.ntp" src="/design/issue/raw/files/a9de71f698ce254e7a7b16323af7a5eed6a2ec104ecefa53ec83ea06f609c13a-210630-Fedora-Live-BG.ntp" />
Assets: <img alt="Blue_Background.mp4" src="/design/issue/raw/files/8f71ef0d23de595608dd5fa4e4dd9b5df3a4909cfec3e02cfb6adde3d7986a58-Blue_Background.mp4" /> <img alt="dot-fedoralogo-big-0.png" src="/design/issue/raw/files/d5d4d8ca7b2196872772ed0b2dbca716cc2648bcc8e7e1f88dbb6807b4bf8f67-dot-fedoralogo-big-0.png" />
Getting realllll close
<img alt="output06.mp4" src="/design/issue/raw/files/cfb7441b014a58b4b585bd327ac528655bc6a8d4133131a1c92757840deb9799-output06.mp4" />
Hi, @duffy . According to the discussion in #fedora-design:matrix.org, I've tried to make it with Synfig. Here's the result:
<img alt="210701-Fedora_Live_BG.mp4" src="/design/issue/raw/files/017947719083fbbbb5a7f92d1ce1335a54fb015357babfbe60c285badad935c1-210701-Fedora_Live_BG.mp4" />
I tried to make 3 groups with different speeds. It would be better if there were more groups. Each group contains logos, bubbles, and lines with different positions.
I just used import shifts for logos, bubbles, and lines.
<img alt="logo.sif" src="/design/issue/raw/files/ba75167ca37975065608bd9fc3e8590a1a9459e0e7272d94fb84de71f650d912-logo.sif" />
<img alt="bubble.sif" src="/design/issue/raw/files/8f0f4715052c6b5ce62ed533127aa3e106c3429dca6657d9fe83be967ff43d4d-bubble.sif" />
<img alt="line.sif" src="/design/issue/raw/files/adf6b016ab22fbea255b882fa0910ae0ad742a03ac754a908e23b897a0b83cfa-line.sif" />
Looks like we need to make it a loop. but I haven't figured out how.
@armanwu can you post the sif file for that?
@duffy sorry I forgot. I just posted the assets. Here's the file.
<img alt="210701-Fedora_Live_BG.sifz" src="/design/issue/raw/files/336369bf147e9a7909b29afcdd20c860bcc3ccb1d3d5132e93ed9ad928d0ccc4-210701-Fedora_Live_BG.sifz" />
OK here is what I have so far based on your work @armanwu !
<img alt="210701_00-Fedora_Live_BG.avi" src="/design/issue/raw/files/6ce7a5f9ecfd8433b471175d1a2d9c1a6bcae7ff3eeb1faaa5a3b470f68beb78-210701_00-Fedora_Live_BG.avi" /><img alt="210701-Fedora_Live_BG.sifz" src="/design/issue/raw/files/7556b6c519e3b9e4278cece4056120d06946c6d840408f702225a60a9e2434c0-210701-Fedora_Live_BG.sifz" />
Great, @duffy ! Look more dynamic. So, what's next?
Hi, @duffy & @computerkid . I just made progress for this work. I divide each asset into large and small sizes. Then I changed the folder structure to make it easier to organize. It's a bit confusing to see but it's easier to edit. I hope.
I've also set the speed by using "speed" in each object parameter. That makes it easier to adjust speed variations. Another thing I learned, I should have rotated the object via the angle parameter after "link to spline". Yesterday I rotated manually :D
And it looks like it needs some objects to be faster, as @duffy did yesterday to make it look more dynamic. But I still haven't tried to make it loop. Maybe we need to think more mathematically XD.
<img alt="210704-Fedora_Live_BG.mp4" src="/design/issue/raw/files/6633089bcb90e033a27fb2f7e0356d0fb38bc824152917fdab0f0da2bbde8825-210704-Fedora_Live_BG.mp4" />
Here's the sifz file: <img alt="210704-Fedora_Live_BG.sifz" src="/design/issue/raw/files/17f341d8c134bb8c89aec8fbbd6943edf241df98db616f417e83aa0a52e84acb-210704-Fedora_Live_BG.sifz" />
The assets: <img alt="blue_background.mp4" src="/design/issue/raw/files/8f71ef0d23de595608dd5fa4e4dd9b5df3a4909cfec3e02cfb6adde3d7986a58-blue_background.mp4" /><img alt="bubble-big.sif" src="/design/issue/raw/files/c6f4af7f9f1a8b50aea9124fbcb09798baedd1acb05b483905ad7bd1dacd8a35-bubble-big.sif" /><img alt="bubble-small.sif" src="/design/issue/raw/files/79d31e30adaff8e7721db30ed66dcd5af5a335b5f63c1816d39e5b5af3d6ef6c-bubble-small.sif" /><img alt="line-big.sif" src="/design/issue/raw/files/1aec71b4c63146c0d009c1c996e7cd4ba84132e5dfee78334b37326c2442f804-line-big.sif" /><img alt="line-small.sif" src="/design/issue/raw/files/5e7b4d0798186ed4ab636619f83a00a49c1859a2ab91e0d0017784b3681838eb-line-small.sif" /><img alt="logo-big.sif" src="/design/issue/raw/files/44f43669be7ec9db22b1fdeb9fb401b2f7a6e0693bad743c3629e2f28e01c0f2-logo-big.sif" /><img alt="logo-small.sif" src="/design/issue/raw/files/215002182c8a73bfd67ead421ce796719f7c4d0ef25a79a52c7af5052b4eb28b-logo-small.sif" />
Synfig isnt a good choice for motion graphics, its more for traditional animation. Natron is on the end not for animation to, it can do but its a compositor.
I dont get why nobody tries Blender, since the they have the masking feature its so easy to do with. And transitions are done always easy (at least as long I can think on it) <img alt="start.mkv" src="/design/issue/raw/files/5af519f55d8e4e456bb703ee345a07d3e2c241fe10546ca7c18ca6d8d69c46ce-start.mkv" />
I attach an intro template, I working on since a while the blendin isnt ready yet. Its really quiet easy to do. If you want I give you the template. Change background (if you want animate it its no problem you can do color changes in the compositor part) change font and colors thats it but its more that you see how masking works
Synfig isnt a good choice for motion graphics, its more for traditional animation. Natron is on the end not for animation to, it can do but its a compositor. I dont get why nobody tries Blender, since the they have the masking feature its so easy to do with. And transitions are done always easy (at least as long I can think on it)
I dont get why nobody tries Blender, since the they have the masking feature its so easy to do with. And transitions are done always easy (at least as long I can think on it)
Hi.. thanks for your suggestion. I used to learn Blender but it's been a long time. And just a basic modelling. I'll try to learn it again.
Metadata Update from @duffy: - Issue tagged with: triaged
Log in to comment on this ticket.