Ricky Robinson’s Post

Transcript

Hello everyone, and welcome to this, the next video in the series where I show you how we built this story about art theft. So in today's video, we're going to focus on these, well, I guess call them chapter separators. So we've got two different types with the same image. We've got kind of a full viewport one here. And then later in the story we've got several of these half high ones. And I just start. Subtly different. So we're going to cover how to build those. Let's jump straight into the editor, where we have our level title section. Already and we've still got our placeholder text section here as well, which we'll we'll just leave for the moment. We want to add a text over media section after the title section here we get the placeholder media, which we'll swap out immediately. With the image of the get altarpiece. There we go. That's the one. And that in there now you can see that the bases of some of the main characters here are a little bit cropped at the top. So we're going to change the focus so that we don't lose those guys. There we go. And that's probably all we need to do in here for the moment. So save that out. And there you go. We've got sort of a. Text over media section with the default settings. Just move this down to the bottom here and we may as well change the text. Right now, so I think we wanna go and introduction to the underground world. Of art theft. There we go. Now we want to change some of the configuration here in this section options so we can change the height, but we actually want to stick with a with a full height. Section. What we do want to do though, is change it to dark text on a light background. We'll bump up the opacity of the overlay. Let's ramp right up 75%, but will restrict the overlay to the bottom of the section. And. Actually, let's stick with the option C there. That looks pretty good. OK, what else do we want to do? We ohh, we had a nice grayscale effect on the image so that as it scrolls in its grayscale and then transitions to color. And then the last thing we want to do is we want to make sure that the image scrolls with the rest of the story. There we go. OK, let's have a look at that now. Looking pretty good. Alright. OK, so now we've got some other chapter separators that we want to build, so we can either copy this one or go from scratch. I might just go from scratch, so we'll add another text over media section here. We'll swap that out for the image that we need. Which is a slightly different version of the image. Again, let's make sure we set the focus. There we go. This time though, we ohh shift this down to the bottom. We do. Want this to be 1/2 height section. Uh, we'll leave it as light text on dark background. We bump this up a little bit. Uh, it's good. That may be. That up a little bit. That looks pretty good. Like that, OK. Oh, and we also want to apply the grayscale and make sure that the image scrolls with the story. So let's have a look at that now. That's looking pretty good. OK, Just move this text section back up to here. And then what we'll do is I think we need another two of these through the story, so we'll copy that. Copy that twice. There we go. We've got those there waiting for us for when we when we need them later. Let's have a look at our preview. Hopefully this will be looking pretty good already. So there we go. We've got the grayscale effect happening there. Placeholder text section, and then we've got the copies of our chapter separators, so they have it in the next video in this series. I'll show you how we built out this sum text section with the drop caps and the block quote and the rich media embed. So stay tuned. Check for now.