From the course: Articulate Storyline 360: Advanced Elearning

Create a custom color palette - Storyline Tutorial

From the course: Articulate Storyline 360: Advanced Elearning

Start my 1-month free trial

Create a custom color palette

“

- [Instructor] In this movie, we'll look at creating a custom theme color for our project using this simple style guide as our starting point. So I'm going to open up real quick, just a selection of shapes here. This is the default Office theme color. And I know that by coming up here to the design tab on the ribbon and heading on over to colors, and you can see right here, this is Office and by default Office is what you'll see and get when you create a new project and storyline. Now if we're working with built-in theme colors, it means that any time we hover over these colors, we're going to see them update. And the reason being is each of these colors, I'm just going to select this blue one has been chosen from this existing theme color. You don't really want to ever use the Eyedropper tool to select any other color and I'll show you why. I'm going to grab the Eyedropper tool and just select this blue up here. Now it's the same blue as this the one in the style guide. But when I use the Eyedropper tool right here from the shape fill, I've detached that blue notice how there's nothing highlighted here in the theme colors. That means I can't update this easily. If my client comes back and wants to make a change, or I want to repurpose a template, I can't do it. Notice how, there's that blue I just used with the Eyedropper tool, if I come up to the design tab now and start switching colors, everything's going to switch but that blue. That blue is now hard coded in there and nothing I do is going to change it until I come back here, select the shape, and then re-associate it with my current theme. And now I can make changes, but I don't want to make changes using the Eyedropper tool from the shape fill picker instead what I want to do, I want to create a custom theme color so that all of these will update to the colors I want, the same colors here, but I don't use the Eyedropper. So let me show you what that looks like. Come up to the design tab and head on over to colors and come all the way down here to the bottom for theme colors. And I said not to use the Eyedropper tool, but now we can, if you're inside of this window, it's okay to use the Eyedropper tool. Since these are the colors I want right here, I'm going to use the Eyedropper tool to sample the colors. It's okay in here because I'm adding them to my theme. I just don't really want to do it on the slide level. So let's just go through real quick. I'm just going to choose Eyedropper and sample this dark black gray. I'm not going to worry about all the other texts backgrounds. I'm just going to now jump into the accent colors. Cause we're not going to work with that many colors. There's that blue. It's okay to sample it here, come into the red and just go through a few of these. Now, one thing you'll notice in just a moment is that I am not using as many colors as I'd have available to me and that's totally okay. A lot of times you might only work with two or three colors. And so in this case, I don't need accent 6. I'm just going to white it out. Sometimes I black it out, white it out, just change it to a white or black color. So I don't see it up in the pallet. And there's nothing wrong with doing that. Very often, I'm working with maybe two colors and I have all of these just whited out. So I can only focus on the colors I need right there. So you don't have to use them just because they are available to you. And that'll be good for my colors. I'm going to call this David's colors and just click save. Now, watch what happens to this default set of objects. They all brilliantly get updated because they're now associated with the current theme. I would say this is probably one of the things, most designers or a lot of designers neglect, and they're using the color picker. And if they have to make changes, then they're always going back in one by one and having to change the colors. Nope. This is a global change. Every time I work with any of these blues, I can update that on the fly and save myself a ton of production time.

Contents