Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member

Creating and using color palettes

From: After Effects: Principles of Motion Graphics

Video: Creating and using color palettes

Unfortunately, I've found that many artists really don't take the time to play around with choosing and defining color palettes for their projects. That's actually kind of ironic given just how much money businesses pay to brand their identity and colors. For example, what color do you think of when I say Target? Or what about Walmart? So the next time you watch at a sporting event take a second look at the logos of the sponsors. I think you might be floored at the amount of color shifts and random variations you might notice.

Creating and using color palettes

Unfortunately, I've found that many artists really don't take the time to play around with choosing and defining color palettes for their projects. That's actually kind of ironic given just how much money businesses pay to brand their identity and colors. For example, what color do you think of when I say Target? Or what about Walmart? So the next time you watch at a sporting event take a second look at the logos of the sponsors. I think you might be floored at the amount of color shifts and random variations you might notice.

Now, I know you might think I'm being picky, but when a company spends hundreds of thousands of dollars on researching the psychology around specific colors and developing their own unique look, you might want to reconsider your definition of picky. So anyway, you might be asking yourself, what does this have to do with motion graphics? Well, whenever you create a show package, in essence you're branding that show, and any good marketing executive who's dealt with branding will tell you, color is key.

So for this project, we're going to create a color palette for a kayak logo, and in turn we're going to import that into After Effects. I'll also show you some tips that you can use to make these colors easily accessible in After Effects at anytime. So to get started, let's look at this logo in its Illustrator environment. You might be asking, why Illustrator? And I'll show you in the second, but Illustrator has some pretty powerful color tools. But before I get to that, I want to show you some of the options that are available in adjusting different elements in the video settings within Illustrator.

So first off, whenever you create a new document in Illustrator with the new preset video settings, you'll end up with a document that looks like this, with Title/Safe and Action/Safe on a transparent background. Now I find the transparent background to be a little distracting when I'm trying to choose colors, so the first thing I like to do is turn off the transparency grid, and you can do that by going up under View and choosing Hide Transparency Grid. Now with our white background, I'd also like to hide all these other green options.

It's really important to understand, when you first create any video preset document in Illustrator, it creates two things called artboards. Now I'm not going to get derailed and get hardcore into artboards. I just want you to go down to this little area down here in the lower-left and make sure that you have artboard 1 selected. There is a technical reason why there are two artboards, but again, I don't want to get sidetracked too far. So with artboard 1 selected, in order to turn off all these options, you have to double-click on the Artboard tool in your Tool palette.

So when you double-click, you'll open the Artboard Options, and here notice there's a section for Display. So we want to turn off Show Center Mark, Show Cross Hairs, and Video Safe Areas. That way when I go ahead and press OK, now all that green stuff is hidden. I still have my rulers up here, but that's really not that distracting. I wanted to get rid of everything in the general vicinity of my logo. When you're finished editing the artboard, make sure to grab one of your Selection tools so you don't accidentally add more artboards to your projects.

Now that we have our logo on our canvas, it's time to start exploring some different color options. So the first thing I want to do is select this background square, and as you can see, I've got a gradient in here and an outside edge. So first thing I want to do is actually adjust the color of this outside edge, which is called the stroke. So if you click on this little stroke box in the background to bring it to the foreground, you'll notice in the Color panel here, we can adjust the colors by clicking on the sliders.

Now that's all well and good, but a lot of times what I like to do is just jump right into the swatches palette. So if the interface of Illustrator is looking kind of funny for you, you might want to go up and change it to Typography; that's what I'm working in right now. For you diehard Photoshop users, if you want, you can click on this and choose Like Photoshop, and as you can see, it's actually going to reform Illustrator into a very Photoshop-esque look with a navigator and different things like that. But for now let's go ahead and just leave it set to Typography.

So in the Swatches panel, if you want to get started with a specific color, all you have to do is just click right on that swatch. Now one of the really nice things about using the video presets in Illustrator are the fact that it will default to choosing RGB colors when you use the presets, so you don't have to worry about choosing a CMYK color. This is great that I've chosen one base color, but really what I want to do is open up a set of options for this color, and the easiest way to do that is to go up under Window and choose the Color Guide.

When you bring up the Color Guide, it should populate at the top of the page right here, and you'll notice I have this guide and what it does, I can scroll up and down and choose different colors, but as you can see, it's rather limited. That's because I have this orange color chosen as the base color to use for these set of options. So right, now when I choose a specific color, look what happens. I get a bunch of other options that kind of work in harmony with whatever color it is I am selecting in my Swatches panel.

Now, if you click on the pulldown here in the Color Guide, you notice you can choose a bunch of different options to see if you want something that's a little more high contrast or if you want something that is a little more cut down, like a split complementary. So here in this window below, I can choose different tints as a base color, or I can choose different shades, which will actually make things darker. Now, you won't see these colors update until you actually click on this button.

When you click on the button, then it will set that new color as the base color and update the corresponding colors. So this is really cool and helpful if you like a specific color and you just want to have some other colors that are kind of complementary. For you visual learners, what you want to do is go here and click on this Edit or Apply Colors button because it will open up this the Recolor Artwork option. In here, we'll get a set of options.

If you click on this Edit button, you'll get this huge color wheel. I love clicking on this because with my base color here, I can go ahead and drag this around and it's automatically going to adjust the corresponding colors based on how I drag around the color wheel. For the kayaks, I want to choose kind of an outdoorsy color, and as you can see all of these colors are really bright. So down here I am going to click on this slider and bring the brightness down, so when I drag around over towards this green, I get a little more of that sort of outdoorsy green color look.

Let me actually bring that way down. And I don't like these complementary colors, so I'm going to click right back up here, and you'll notice I'll get the same set of options that I had in the Color Guide. So here let's choose Tetrad 2, and as you notice, if I click around here, I'll get a set of other options for my color palette. I don't quite like some of these, and you notice it's kind of interesting when you choose the different options how adjusting one or the other color will affect some of the other color droppers.

But as you can see here, I'm choosing a bunch of different rather interesting colors by using this option here. You can also go and save your color groups by going over here and clicking New Color Group. So this Color Group that I just created, if I wanted to save this--and I don't until I just adjust this purple-- okay, let's say I want to save this.

All you have to do is click his New color group and now, I have a new color group here that's saved. If I wanted to name it, I could just name it here, but this works perfectly fine. With this new color group, if I want to actually have that available, I can't just drag it and drop it over here to my swatches. What I have to do is click OK, and then once I click OK, it automatically populates the Swatches field. Let's say these are the colors I would like to choose. Well with my stroke in the foreground, I can just click this green color and make sure that that's actually squared away. But now if I want to adjust the fill, let me open up the gradient here, and to edit a gradient, I want to go up under Window and go down to Gradient. In the Gradient panel, I just want to adjust the black settings because I still want to have it kind of gradiate to White.

So with the black color chip selected, I can go over to my Swatches panel and choose a different color. So there I have a blue color, and actually that failed miserably, so let me drag that right up into my gradient, and there we go. There is my blue, and I can just delete this black one by dragging down off the page, and now I'll drag my blue back over there. And we need to reset the gradient to Radial. So that's starting to look a little bit better. We can change the type color as well, doing kind of a similar technique.

Now since this type is already changed into outlines, all I have to do is just select my Wave type here, and if I want to choose a different color, I can go ahead and just click on that other color. So let me go ahead and select King, and I'll click on that, and just to make the Crown pop, I'll select that blue. I'll leave this setup like this, but you get the general idea. If you choose a color palette that you like, you can easily go around and colorize your specific graphic.

To optimize this for After Effects, all we really need to do is just create some color boxes that have these specific colors. So since I have one, two, three, four, five different colors here, I'm just going to go ahead and create a rectangle with my Rectangle tool. And since I have this blue already selected, it populated. And now to create a duplicate of this, I'll just hold down Alt or Option and as I drag, I'll get a new cube, and so I can just click again, Alt or Option.

There we go. Click again. Again, create a duplicate, and I can do this last one here. There we go, and I'll just slide these all back onto my canvas here. And so now, I have my color palettes saved, ready for import into After Effects. So let's just go ahead and save this. I'll save this as Colors-Chosen, and I'll save that right into my Ill-Sources folder for ch06, and I'll click Save.

Again, make sure Create PDF Compatible File is selected and click OK. Now, if you didn't see in the last video, I wanted to choose that option for the PDF so if I imported the layered Illustrator file, all the layers would come in okay in After Effects. So now that we're all set, let's import it into After Effects, and I'll show you a quick, easy way to save the colors for easy access later in the comp. Double-click in your Project pane, choose KingWave-Chosen, and we don't have to import it as a layered document; we can just import it as Footage.

I'll click Open and choose Merge layers. Now, I can drag that right down into my Timeline and sure enough, it's open here. So to have colors easily accessible at any given time in After Effects, all you have to do is create a new solid. So Command+Y is the key command, Ctrl+ Y on the PC. But just grab your Color Dropper and choose one of the options, and you notice now I have a new solid and it's in the Solids folder in my Project pane.

I'll just turn off the visibility in my Timeline. So we can do this for all the rest of the colors: Command+Y, just choose another color, and click OK. You get the general idea. If we do that for every single color, we'll have all the colors easily accessible at any given time, because you can just take your eyedropper and click on any of the solids and notice it will update right here in After Effects. So the next time you need to create a logo or a title information, I hope you're inspired open Illustrator and spend a little time choosing your color palette to design a true brand identity for your next project.

Show transcript

This video is part of

Image for After Effects: Principles of Motion Graphics
After Effects: Principles of Motion Graphics

60 video lessons · 22946 viewers

Ian Robinson
Author

 
Expand all | Collapse all
  1. 3m 37s
    1. Welcome
      1m 1s
    2. Using the exercise files
      1m 4s
    3. Defining motion graphics
      1m 32s
  2. 11m 11s
    1. Workflow for creating motion graphics
      5m 7s
    2. Organizing projects for motion graphics
      4m 25s
    3. Defining a motion graphics "package"
      1m 39s
  3. 12m 58s
    1. Collecting visual inspiration
      2m 14s
    2. Listening to imagine
      3m 20s
    3. Creating elements for inspiration
      7m 24s
  4. 33m 4s
    1. Essential theories of typography
      6m 34s
    2. Understanding shortcuts for setting type in AE
      7m 27s
    3. Converting type from Photoshop
      5m 51s
    4. Importing type from illustrator
      9m 44s
    5. Creating shapes from text
      3m 28s
  5. 36m 30s
    1. Understanding the role of timing in motion graphics
      8m 1s
    2. Creating and using markers
      7m 58s
    3. Creating animation with markers
      5m 16s
    4. Using audio to create animated graphics
      5m 47s
    5. Editing techniques for graphics and video
      9m 28s
  6. 49m 27s
    1. Understanding different kinds of type in After Effects
      15m 53s
    2. Using animators with type
      7m 59s
    3. Using type presets
      7m 35s
    4. Creating custom type presets
      4m 35s
    5. Animating paragraph type
      13m 25s
  7. 45m 51s
    1. Exploring the use of color in motion graphics
      10m 40s
    2. Creating and using color palettes
      13m 45s
    3. Exploring color correction tools in AE
      6m 46s
    4. Advanced correction with Color Finesse
      8m 30s
    5. Creating custom color presets
      6m 10s
  8. 59m 6s
    1. Exploring textures in motion graphics
      8m 30s
    2. Building an animated background texture
      16m 48s
    3. Creating textures for type
      10m 19s
    4. Animating seamless textures
      15m 1s
    5. Creating custom vignettes
      8m 28s
  9. 38m 25s
    1. Understanding lighting in After Effects
      12m 57s
    2. Intro to lighting techniques
      5m 17s
    3. Using material settings to enhance lighting
      7m 36s
    4. Adding polish to a light setup
      12m 35s
  10. 50m 32s
    1. Animating swoops and swooshes
      12m 37s
    2. Creating repeating light trails with the Vegas effect
      6m 28s
    3. Repeating patterns with shape layers
      8m 11s
    4. Exploring graphic transitions
      10m 37s
    5. Exploring video transitions
      5m 16s
    6. Adding dynamic elements to a video transition
      7m 23s
  11. 22m 23s
    1. Working in 3D
      8m 36s
    2. Rigging cameras for animation
      8m 45s
    3. Working with depth of field
      5m 2s
  12. 50m 54s
    1. Creating storyboards in After Effects
      10m 20s
    2. Creating an animatic
      18m 14s
    3. Polishing the animation and timing
      8m 45s
    4. Applying the final effects
      13m 35s
  13. 47m 53s
    1. Preparing a map for animation
      7m 59s
    2. Animating and styling a map
      8m 24s
    3. Designing a lower-third graphic
      8m 22s
    4. Adding animation to the lower-third graphic
      9m 10s
    5. Creating bumper animations
      13m 58s
  14. 14m 17s
    1. Defining the toolkit
      2m 2s
    2. Preparing templates
      7m 12s
    3. Creating a style guide
      5m 3s
  15. 1m 3s
    1. Next Steps
      1m 3s

Start learning today

Get unlimited access to all courses for just $25/month.

Become a member
Sometimes @lynda teaches me how to use a program and sometimes Lynda.com changes my life forever. @JosefShutter
@lynda lynda.com is an absolute life saver when it comes to learning todays software. Definitely recommend it! #higherlearning @Michael_Caraway
@lynda The best thing online! Your database of courses is great! To the mark and very helpful. Thanks! @ru22more
Got to create something yesterday I never thought I could do. #thanks @lynda @Ngventurella
I really do love @lynda as a learning platform. Never stop learning and developing, it’s probably our greatest gift as a species! @soundslikedavid
@lynda just subscribed to lynda.com all I can say its brilliant join now trust me @ButchSamurai
@lynda is an awesome resource. The membership is priceless if you take advantage of it. @diabetic_techie
One of the best decision I made this year. Buy a 1yr subscription to @lynda @cybercaptive
guys lynda.com (@lynda) is the best. So far I’ve learned Java, principles of OO programming, and now learning about MS project @lucasmitchell
Signed back up to @lynda dot com. I’ve missed it!! Proper geeking out right now! #timetolearn #geek @JayGodbold
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

Please wait... please wait ...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ.

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

Join now "Already a member? Log in

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.


Mark all as unwatched Cancel

Congratulations

You have completed After Effects: Principles of Motion Graphics.

Return to your organization's learning portal to continue training, or close this page.


OK
Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member?

Become a member to like this course.

Join today and get unlimited access to the entire library of video courses.

Get started

Already a member?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferencesfrom the dropdown menu.

Continue to classic layout Stay on new layout
Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.

Are you sure you want to delete this note?

No

Your file was successfully uploaded.

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.