Adobe color CC Power Point
•Download as PPTX, PDF•
0 likes•283 views
This document outlines the objectives and content of a course on using color in eLearning. The course will teach learners to classify color schemes, understand the RGB color model, and use concepts of hue, saturation and brightness to derive color schemes. It will compare the effects of warm and cool colors, describe different color schemes like monochromatic and complementary, and provide tips for evaluating color schemes for eLearning modules. Exercises are included to help learners apply rules in Adobe Color to create color palettes from images and complete a final test.
Recommended
More Related Content
Similar to Adobe color CC Power Point
Similar to Adobe color CC Power Point (20)
Recently uploaded
Recently uploaded (20)
Adobe color CC Power Point
- 1. Adobe Color for eLearning . Welcome to our course!
- 2. Objectives: By the end of this lesson , the learner will be able to: Classify diverse color schemes Demonstrate understanding of the essential characteristics of the RGB color model Explain how the concepts of hue, saturation and brightness can be used to derive color schemes Compare the differences between the effects of warm and cool colors for eLearning Compare the characteristics and uses of different color schemes
- 3. •Red, Green and Blue used to derive other colors •Standard tool in electronic devices such as televisions and computers •Cyan, magenta and yellow are secondary colors Figure 1 Additive color mixing: adding red to green yields yellow; adding red to blue yields magenta; adding green to blue yields cyan; adding all three primary colors together yields white. RGB Model:
- 4. •Hue: What the actual color is. •Saturation: How intense the color is. It indicates the amount of grey in a color. •Brightness: How dark or light the color is. It refers to how much white (or black) is mixed in the color. Parameters
- 5. •Warm colors arouse or stimulate the viewer • Cool colors calm and relax Warm vs Cool Colors
- 6. Exercises I, II in the student handout.
- 7. Figure 4 Analogous colors Figure 5 Complementary colors Figure 6 Triadic scheme Figure 3 Monochromatic scheme Color Schemes
- 8. Exercise III in the student handout.
- 9. Objectives: By the end of this lesson , the learner will be able to: Recall some of the rules to follow when evaluating a color scheme for an eLearning module Apply some rules to evaluate and choose appropriate schemes for eLearning
- 10. • Keep color scheme simple • Use the images in the design as a starting point • Use the branding images or logo colors of the institution you are developing for • Think about the psychological impact. • Think about the intended audience TIPS
- 11. Exercise IV
- 12. Objectives: By the end of this lesson , the learner will be able to: Apply different rules in Adobe Color to create a color palette Create a color palette based on a picture
- 13. Adobe Color CC Interface
- 14. Adobe Color Overview (Click on the image)
- 15. Exercise V in the student handout.
- 16. Adobe Color CC Rules)
- 17. Exercise VI in the student handout.
- 18. Creating a palette from a picture (Click on the image)
- 19. Examples
- 22. Exercise VII in the student handout.
- 24. Resources for this Course To learn more about this tool and its amazing possibilities use the following resources: Wikipedia E&P: Color - Adobe Color CC How to Use the Adobe Color Wheel (basic) Create inspiring color themes with Adobe Color CC
Editor's Notes
- WELCOME the participants to the course Say Choosing the right color palette for an eLearning module can be a difficult task. However, it is a step that we should take seriously, since color has a strong visual and psychological impact on learning. The basic color theory can help us do this job successfully. In this module, you will learn what the basic color classification is, what rules we can use to combine these colors and how to use a free online tool, Adobe Color to choose a basic palette for your eLearning module.
- Say This lesson will teach you how to: Classify diverse color schemes Demonstrate understanding of the essential characteristics of the RGB color model Explain how the concepts of hue, saturation and brightness can be used to derive color schemes Compare the differences between the effects of warm and cool colors for eLearning Compare the characteristics and uses of different color schemes
- Say: Unless you are gifted with incredible artistic talent which allows you to intuitively define which chromatic combinations can be appealing to your learning audience, you will probably struggle trying to choose color for background, text and other objects. CLICK the mouse to reveal the text as you speak: Say: A very useful tool is the RGB additive color model, which adds together different shades of red, green and blue to create a broad array of other colors. RGB is also the standard tool used in the display of images in electronic devices such as televisions and computers. These hues can also be combined to form secondary colors, which are the sum of two primary colors. Ask: Can someone tell what are those secondary colors? (After students offer some responses, hover the mouse and CLICK on each secondary color to see the name) Green plus blue is cyan Red plus blue is magenta Red plus green is yellow.
- Say: Before we continue talking about the RGB model it is useful to define three parameters that help us describe any color and its variations: hue, saturation and brightness. Hue: What the actual color is. Saturation: How intense the color is. It indicates the amount of grey in a color. Brightness: How dark or light the color is. It refers to how much white (or black) is mixed in the color. Say: This video is a great example of how useful it is to understand these concepts. After watching the video, ask: What was he interested in changing? Why? What parameter was changed? What was left unchanged? Did he get the results he expected? What do you think would have happened if he had changed more than one parameter at the time? Say: By changing the hue, intensity or brightness of any color in the RGB model we can derive a diverse amount of new variations.
- Ask: Do you believe that the colors you wear or those in your environment can affect your mood? Can you provide examples? After choosing one or two responses, Say: Traditional color theory makes a distinction between cool and warm colors, claiming that there are perceptual and psychological effects inherent to this contrast. In general, it is said that warm colors are arouse or stimulate the viewer, while cool colors calm and relax. Examples of warm colors are red, orange and yellow, while blue, purple and green are usually considered cool. See the color wheel on the right: the colors on the left side of the wheel are cool; the right-side ones are warm.
- Do Exercises I, II in the student handout.
- Say Do you remember what rule or principle did the presenter use to derive colors that harmonized with the hue of the original shape? Answer: He left saturation unchanged and changed just the hue. Say Well, there are other well-known rules that can help us choose colors that harmonize well but which create different visual and psychological impacts. The individual components they use are variations of the RGB model colors, and can be represented easier in a color wheel. Ask students to read about the different color schemes at the end of page 2 in their handout. Click the mouse to reveal the text and image as they speak. Monochromatic color schemes are derived from a single base hue. By adding black, gray and white new shades, tones and tints are created, respectively. Since there is no contrast of hue, the viewers will perceive these combinations as having a peaceful, gentle energy. Analogous color schemes are comprised of groups of colors that are next to each other in the wheel. One of the colors (usually a primary or secondary color) is dominant and complemented by two other colors (usually tertiary) on either side. According to Wikipedia, “…An analogous color scheme creates a rich, monochromatic look. It’s best used with either of page warm or cool colors, creating a look that has a certain temperature as well as proper color harmony”. Complementary color schemes are hues with equal value which are directly opposite to each other in the wheel. They are very useful to make some images or objects stand out. However, they need to be managed well to avoid a jarring effect. Triadic color schemes use three colors equally spaced around the color wheel. The easiest way to place them on the wheel is by using a triangle of equal sides. They offer a high degree of contrast while at the same time retain color harmony.
- Do Exercise III in the student handout
- Read Objectives: By the end of this lesson, the learner will be able to: Recall some of the rules to follow when evaluating a color scheme for an eLearning module Apply some rules to evaluate and choose appropriate schemes for eLearning
- Say, Although Color schemes are a very useful starting point, the instructional designer needs to take into account other factors that will affect your decisions when choosing a palette in an eLearning module using color theory. Here are a few additional rules that can help you evaluate which choices are the best for your project. Ask students to read each of the tips on slide 10. CLICK the mouse to reveal the tips one at the time. Explain each suggestion using the information provided below. Keep color scheme simple. It is usually recommended to limit your color palette to three to five colors. Use the images in the design as a starting point. Attempt to make the colors of your palette be similar or at least harmonize with those in the pictures, graphs and other images you intend to include in your learning modules Use the branding images or logo colors of the institution you are developing for. Sometimes your clients insist that you keep the look and feel consistent with all the other logos, images and materials produced by them. You should attempt to do this, however if you feel they don’t contribute to the learning process, you should discuss the module, attempt to suggest similar hues to your client. Think about the psychological impact. We have already mentioned that warm colors arouse or stimulate the viewer, while cool colors calm and relax. We also know that the contrast created by complementary and triadic color schemes is very useful to make some objects or images stand out. Additionally, background colors that are neutral avoid minimizing distractions. Finally, you should use a design that avoids eye fatigue and promote positive emotional states. Think about the intended audience. Factors like age group and professional field should be taken into account. For instance, by using intense contrasting primary colors you risk giving a design a childish look. Additionally, color schemes used for a subject like banking and finances should probably be soberer than those used in a creative art module.
- Objectives: By the end of this lesson, the learner will be able to: Apply different rules in Adobe Color to create a color palette Create a color palette based on a picture
- Say The Adobe Color tool uses different rules to choose combinations of colors based on the RGB model that harmonize well. Choose a specific color as the base for your combination, and change the amount of red, green and blue in it by using the tool at the bottom to obtain other colors. This also provokes adjustments in the other components of the scheme in order to maintain harmony between them. You can also click on any dot representing a color in the color wheel at the top, and by spinning it around the wheel you may have the same effect. Let’s learn more about how to apply the color rules we learned before using this tool.
- Teach a) Follow the script and ask students to follow along the explanations in their computers or, b) Ask students to watch the video and follow along the explanations in their computers. Pause the presentation as needed to allow student to keep the pace. Script Having access to Adobe Color CC is easy. Use the link provided at the end of this tutorial, in the resources slide. Although you can use the tool to create color palettes without an adobe account, it is useful to get one to take advantage of all the features we will describe here. It is simply to create and it is free. If you have opened an account in the past to use other Adobe products you don’t need a new one: use the same email address and passwords. First, let’s go over the different components of the tool and explain what they do. In the top menu, you can see three tabs, Create, explore and my themes. The create tab is for the page we can see now, and it allows you to create color schemes like the one you can see here. We will explore this part of the tool later in more detail. Let’s click on the Explore tab. As you can see, this is a collection of different color schemes. You can select any of these and use it in your eLearning design. By clicking on the info button, you can obtain the codes for each of the components of a scheme. If you are using a tool like PowerPoint or Articulate Storyline, then you can click on edit copy and obtain the RGB or HSL description. The third button, my theme, stores all the schemes you have created and saved. Let’s go back to the Create page. On the left we can see the rule selector, which is used to choose the color schemes we discussed in the first lesson, as well as some others. There is a color wheel and a color bar, and both represent the components of the scheme you have created using those rules. In the wheel, each color is represented by a dot and in the bar by a square. As you can see from the number of dots or squares, each color scheme has a maximum of 5 components. Underneath the color bar, you can see the RGB and hexadecimal description of each color. Additionally, you can click on this button and see the hue, saturation and brightness values.
- Do Exercise V in the student handout
- Follow the script and ask students to follow along the explanations in their computers Script Let’s learn more about the color rules. Click on the rule selector. Analogous Analogous themes use colors that are adjacent on the color wheel. Analogous colors usually blend well with one another and are harmonious and pleasing to the eye. Monochromatic colors Monochromatic colors are variations in saturation and brightness of a single color. So, when you use this color rule, Adobe Color CC gives you five colors sharing the same hue but different saturation and brightness values. Monochromatic colors go well together and produce a soothing effect. Triad Triadic themes use colors that are evenly spaced around at 3 equidistant points on the color wheel. When you use this color rule, Adobe Color CC gives you two colors with the same hue but different saturation and brightness values from the first point on the color wheel, two from the second point on the color wheel, and one color from the third point. Triadic colors tend to be contrasting (but not as contrasting as complementary colors!) while retaining harmony when used together Complementary When you use this color rule, Adobe Color CC gives you two colors with the same hue as the base color, the base color itself, and two colors with the same hue from the opposite point on the color wheel. Complementary colors give a very high contrast and tend to stand out when used together. Compound color themes Compound color themes are a mix of complementary and analogous colors. When you use this color rule, Adobe Color CC gives you two colors with the same hue that are adjacent (analogous) to the base color, the base color itself, and two colors opposite to the base color (complementary) but adjacent to each other. Compound color theme has the same strong visual contrast as the complementary color theme, but has less pressure. Shades When you use this color rule, Adobe Color CC gives you five colors – all sharing the same hue and saturation but different brightness. Custom Now that you are getting the hang of it, try custom mode. Manually select the colors on the color wheel in your palette without any rules controlling it!
- Do Exercise VI in the student handout.
- a) Follow the script and ask students to follow along the explanations in their computers or, b) Ask students to watch the video and follow along the explanations in their computers. Pause the presentation as needed to allow students to keep the pace. Script You can also create a palette from a picture. Click on the camera icon on the right side, and import a picture to the tool. Then you will have several choices to choose a color combination that harmonizes well. As you can see, if I change the color mood from colorful to bright, the tool will focus on different colors in the picture with the desired characteristics. You can also decide which colors of the picture you want to use in your scheme by choosing custom, and dragging the dots around. Once you are satisfied, you can save the themes.
- Say Below we provide two examples of possible combinations for an eLearning lesson created using Articulate Storyline. The rule applied in both cases was the monochromatic one using white as the base color. I chose this rule to create a palette with neutral colors for the background and the text so the bright color wheels and color schemes that appeared frequently in the lesson would stand out.
- Say The colors of the palette are used to create harmony within the picture in different ways. For instance, in the first example the dark background creates a contrast with the white text and the woman’s light jacket, while blending with her hair color and the background of the Adobe Color interface. Point at the features described in the script above while explaining.
- Say In the second example the opposite happens: the lighter background blends with her jacket but it offers a contrast with her hair, the Adobe Color interface and the text. Point at the features described in the script above while explaining. Ask students to compare both examples and offer their impressions. Which one they prefer? Why?
- Assign task described in exercise VII.
- Ask students to complete Test