Adding Your Color Theme
- 1901 AD–2000 AD, Adding Your Color Theme, Adobe Certifications, Exams of Adobe, The Science of Color
Working with Your Team and Your Client in Design to Create a Mock-Up Sketch and Mood Board and Keep the Theme – Preparation for Creating a Logo and Infographics-2
Just to clarify on these design terms •\ Mock-Up Sketch or Wireframe: In this example is what you would draw, usually with a pen or pencil on paper, for the client as you listen to what their concerns and ideas are about the graphic. However, you may want to use your digital tablet or stylus as well, and this could be an easier and faster way to get your design digitized so that you are ready to start designing without the extra step of scanning. However, if you are more comfortable with paper and pencil, then in Chapter 3, I will present how to scan your mock-up using Photoshop and…
- Adding Your Color Theme, Adobe Certifications, Ancient History–Pre-1600 AD, Design Considerations, The Science of Color
Additional Tips on Color and Fonts – Preparation for Creating a Logo and Infographics
Here are some additional things you should keep in mind about fonts before working with a client. Make sure to keep the text letter characters legible. A font should not be too small so you can read it or too large so that it overwhelms the infographic or logo. Also, the more styles, a font comes in the better, but you should at least have access to the main four: regular, bold, italic, and bold italic. However, keep in mind that handwritten script fonts or special fonts may have readability issues on the screen or in print. Refer to Figure 2-64. Figure 2-64. Graphics of different font families with styles…
- 1901 AD–2000 AD, Adding Your Color Theme, Adobe Certifications, Color Harmony Definitions, The Science of Color
Accessibility Tools for Contrast and Color Blindness When Dealing with Text and Graphics – Preparation for Creating a Logo and Infographics-2
The Import Colors button allows you to upload an image to check the color contrast between text and background colors and then import the colors. Refer to Figure 2-51. Figure 2-51. Adobe Color contrast checker allows you to import color or a file so that you can check the contrast in it You can then adjust the colors in the #HEX color or RGB color mode with the sliders to adjust the contrast ratio. You can then reverse the colors using the two-way arrows and continue to adjust the brightness/contrast setting slider, which will then show a pass or fail, and this can be applied to basic graphic components as…
- 1901 AD–2000 AD, Adding Your Color Theme, Adobe Certifications, Color Harmony Definitions, Design Considerations
Adding Your Color Theme – Preparation for Creating a Logo and Infographics
Adding Your Color Theme Returning back to the Adobe Color app, on the right side is the ability to add your color theme to a select library, create a new library, and name the theme. You can also add tag and publicly publish your color theme to Adobe Color as well as check for accessibility which we will look at in a moment. When done, you can save the theme, and it is added to your library, and you can access it in applications such as Photoshop, Illustrator, and InDesign as well as other Adobe applications that have access to the Libraries panel which we will look at in Volume…
-
Color Science 2D and 3D visualization – Preparation for Creating a Logo and Infographics-2
Note Ten in this case represents 100% or purest brightness moving down in increments of 1. One is 10%. Refer to Figure 2-42. Figure 2-42. Munsell color diagram imagining color to be displayed as a perfect cylinder with many layers Before the age of computers, this system was developed by Professor Albert H. Munsell. Starting in 1905, he continued to work on this until his death in 1918 and was used later in the 1930s by the United States Department of Agriculture (USDA) as the official color system for soil research. However, soil or dirt is one of the basic forms of pigments used in ink, and so because Munsell’s…
- 1901 AD–2000 AD, Adding Your Color Theme, Adobe Certifications, Exams of Adobe, The Science of Color
Color Modes RGB, HSB, and LAB, HEX Color Codes, and What About CMYK? – Preparation for Creating a Logo and Infographics
Below the five swatches in the bar are the lower sliders which also react to changes in the wheel and base color section. Refer to Figure 2-36. Figure 2-36. Adobe Color swatches and sliders currently in HEX number and RGB color mode for base swatch Each of the five colors is set with a color mode menu on the upper left; in this example, we can see first the web HEX color which is very useful for working on websites. Then we can see the color mode that is currently RGB (red, green, and blue) (0–255) or additive color, and the lower sunlight slider is controlling the lightness and darkness…
-
Color Harmony Definitions – Preparation for Creating a Logo and Infographics-2
•\ Split Complementary: To deal with this intenseness, you can create a split complementary that uses three hues, where one hue in the original complement is split to hues over to the left or the right, and these arm swatches can be moved closer or farther from the base color inward or outward. Refer to Figure 2-25.\ Figure 2-25. Adobe Color Split Complementary options on the wheel and resulting swatches based on base color selection You can then choose to use only the hues on the left or the right or on both sides of the complement. One thing to remember, when dealing with complementary, is you need a good…
- 1901 AD–2000 AD, Adding Your Color Theme, Adobe Certifications, Exams of Adobe, The Science of Color
Working with the Adobe Color App – Preparation for Creating a Logo and Infographics
To locate this application, you need to use your Creative Cloud Desktop console. Choose the Apps tab. Refer to Figure 2-10. Figure 2-10. Creative Cloud Desktop with All Apps tab selected Then on the left, select All Apps, and from the middle section, choose the Web icon tab. Refer to Figure 2-11. Figure 2-11. Creative Cloud Desktop with All Apps tab selected and Web icon tab selected Scroll down the list of applications and locate Adobe Color and click the Launch button. Refer to Figure 2-12. Figure 2-12. Link to Adobe Color online app This will bring up the Adobe Color Application in your browser and you can begin to…
-
The Science of Color – Preparation for Creating a Logo and Infographics-3
RGB can capture more colors than the CMYK model, but the area doesn’t equally overlap in all cases, and that is why your monitor (additive) cannot accurately tell you how a printed (subtractive) item will look. These ranges can vary from media to media depending on what is trying to reproduce the color range. Over time, some designers have tried to find ways to compensate. For example, to capture yellow better on a TV screen, they have attempted to add a yellow light to the RGB known as Quattron (QuadPixel technology) to get a higher range of colors in the yellow. However, this technology only apparently lets through more red…
-
The Science of Color – Preparation for Creating a Logo and Infographics-1
Color Theory and Harmony Rules with Adobe Color Online Using colors in your logo or infographic project can be a bit intimidating if you don’t know what colors look best or coordinate well together. To understand colors, we need a brief overview of some of the science behind color. The Science of Color In our visually saturated world of images and graphics, for most sighted people, it’s hard to imagine a world without color. Color plays such an important role in choices such as what to eat, wear, purchase, branding, and mood. Everywhere that we go, there is color. But what is color? When we turn off the lights, we…