From 275cbfa885d3a256f9cf66f8a17cb331cb22b4fe Mon Sep 17 00:00:00 2001 From: gpittman Date: Sat, 23 Jun 2012 01:23:51 +0000 Subject: manual edit colorwheel git-svn-id: svn://scribus.net/branches/Version14x/Scribus@17608 11d20701-8431-0410-a711-e3c959e3b870 --- scribus/doc/en/colorwheel.html | 49 ++++++++++++++++++----------- scribus/doc/en/images/colorwheel.png | Bin 80790 -> 75405 bytes scribus/doc/en/images/cw-analogous_20.png | Bin 0 -> 3866 bytes scribus/doc/en/images/cw-analogous_30.png | Bin 0 -> 3891 bytes scribus/doc/en/images/cw-complementary.png | Bin 0 -> 2755 bytes scribus/doc/en/images/cw-splitcompl_20.png | Bin 0 -> 4352 bytes scribus/doc/en/images/cw-splitcompl_40.png | Bin 0 -> 4326 bytes scribus/doc/en/images/cw-tetradic_20.png | Bin 0 -> 3666 bytes scribus/doc/en/images/cw-tetradic_40.png | Bin 0 -> 3671 bytes scribus/doc/en/images/cw-triadic.png | Bin 13896 -> 3965 bytes 10 files changed, 30 insertions(+), 19 deletions(-) create mode 100644 scribus/doc/en/images/cw-analogous_20.png create mode 100644 scribus/doc/en/images/cw-analogous_30.png create mode 100644 scribus/doc/en/images/cw-complementary.png create mode 100644 scribus/doc/en/images/cw-splitcompl_20.png create mode 100644 scribus/doc/en/images/cw-splitcompl_40.png create mode 100644 scribus/doc/en/images/cw-tetradic_20.png create mode 100644 scribus/doc/en/images/cw-tetradic_40.png (limited to 'scribus') diff --git a/scribus/doc/en/colorwheel.html b/scribus/doc/en/colorwheel.html index 6167e57..5ab8645 100644 --- a/scribus/doc/en/colorwheel.html +++ b/scribus/doc/en/colorwheel.html @@ -6,9 +6,11 @@

The Color Wheel

Originally created as a tool to visualize the physical spectrum of all colors by scientists like Isaac Newton, a color wheel (or circle) nowadays is a tool used by artists and designers to select matching colors based on color perception. Like the RGB and CMY(K) color models, a color wheel is making use of the concept of primary colors, in this case red, yellow and blue, hence the abbreviation RYB. While other color wheels, based on the RGB or CMY(K) models, are available, the Scribus Color Wheel follows the traditional “artistic” or “perceptional” approach, since this is the way to (almost always) guarantee visually pleasing results in design by using mathematical formulas based on Goethe’s and his successors’ observations and research.

- - +

The RYB color wheel

+ +

The RYB color wheel

Originally created as a tool to visualize the physical spectrum of all colors by scientists like Isaac Newton, a color wheel (or circle) nowadays is a tool used by artists and designers to select colors based on color perception. Like the RGB and CMY(K) color models, a color wheel is making use of the concept of primary colors, in this case red, yellow and blue, hence the abbreviation RYB. While other color wheels, based on the RGB or CMY(K) models, are available, the Scribus Color Wheel follows the traditional “artistic” or “perceptional” approach, since this is the way to (almost always) guarantee visually pleasing results in design by using mathematical formulas based on Goethe’s and his successors’ observations and research.

The Color Wheel Dialog

The Color Wheel dialog (available via Extras > Color Wheel) may look simple at first glance, but it’s actually quite versatile. Note that it’s only available with an open document, as the color harmonies you create in this dialog will be added to a document’s colors.

@@ -17,6 +19,8 @@

General

In the upper left part of the dialog you can see the color wheel itself. Depending on the selected color scheme, you will see one or more tiny circles placed at the border of the wheel. These are the color indicators, and you can move them with the mouse to modify the color scheme. At the center of the wheel you can always see one color. This is the base color, i.e., the color that determines the other colors in the scheme. You can change this color either by clicking somewhere in the wheel or by choosing another base color in the section right to wheel.

Underneath the wheel you can select the color scheme, which will be described below. Since the color schemes are based on geometrical ideas, you can also change the angle or the “distance” between colors in some (but not all) of them.

The Preview

The Preview section of the dialog provides a preview of the selected color scheme, as well as sample text in 100% RGB black and RGB white to show how text will look in front of areas that use these colors. One important feature of the preview is the emulation of color blindness (Vision Defect Type). When using color harmonies one should always keep in mind that some color combinations that work well for the majority of people may not work at all for people who are suffering from certain vision defects. For instance, two contrasting colors may look like a single color, or text that can be easily read if placed in front of a colored area may completely disappear for people with certain vision defects.

Color Models

The Color Wheel dialog provides three kinds of color models, as well as a variable color selection, to select the base color. CMYK, RGB and HSV have been described elsewhere. In addition, you can select colors from all document colors, i.e., the currently selected color palette, as well as all imported and newly created colors.

@@ -26,24 +30,31 @@

Monochromatic:

The monochromatic color scheme (as displayed above) is actually a combination of a base color and one dark and light variancy of the color. You cannot change the “angle,” as there is no geometrical relation between the colors.

Analogous:

The goal of the analogous color scheme is to create color harmonies by using “neighbouring” colors in the color wheel. The value of such a scheme (especially in offset printing) will depend on a sufficient amount of contrast between the colors, hence the recommendation to keep the “angle” value large enough.

+ + + +

Angle = 20

Angle = 30

The analogous color scheme creates color harmonies by using neighboring colors in the color wheel. These colors should be pleasing together when the angle is small, and offer increasing contrast as you increase the angle.

In these images, our base color is the farthest to the right.

Complementary:

Complentary colors are colors opposite to each other on the Color Wheel, hence the grayed out Angle field. Their best use is for creating strong contrasts between larger areas, but they should be avoided as text and text background colors, because text will then become almost unreadable.

+ + +

Base color to the left

Complementary colors are colors opposite to each other on the Color Wheel, so here we have a fixed angle of 180°. Their best use is for creating strong contrasts between larger areas, but they should not be used together as text and text background colors.

Split Complementary:

In contrast to the Complementary color scheme, Split Complementary uses one base color and two neighbouring colors of the base color’s complementary color. The “distance” between the split complementary colors and the complementary color has to be equal for both, but the distance itself can vary, which is why you can change the “angle.”

+ + + +

Angle = 20

Angle = 40

The base color is farthest to the right.
This is in essence a combination of Analogous and Complementary. The first two colors (left to right) are analogous to the base color, separated by our chosen angle. The next two colors are complementary to each of these analogous colors.

Triadic:

In a Triadic color scheme, three colors are distributed as an equiliteral triangle on the color wheel. Thus, you can’t change the “angle.”

+ + +

Base color to the right

Another simple fixed scheme, with the three colors 120° apart.

Tetradic (Double Complementary)

The Tetradic color scheme comprises two pairs of complementary colors (hence the alternative term Double Complementary). If both pairs are set to an angle of 90° (the default setting), they are equally distributed around the wheel. This special case is also called Square color scheme. Since there is no need to restrict oneself to a Square scheme, the “angles” can be changed.

- - -

The Preview

The Preview section of the dialog provides a preview of the selected color scheme, as well as sample text in 100% RGB black and RGB white to show how text will look in front of areas that use these colors. One important feature of the preview is the emulation of color blindness. When using color harmonies one should always keep in mind that some color combinations that work well for the majority of people may not work at all for people who are suffering from certain vision defects. For instance, two contrasting colors may look like a single color, or text that can be easily read if placed in front of a colored area may completely disappear for people with certain vision defects.

+ + + +

Angle = 20

Angle = 40

The base color is farthest to the right.
Here we have a single analogous color (second from the left), separated by our chosen angle, then corresponding complementary colors (first and third colors). Note that one complementary color pair is the first and fourth, and the other pair is the second and third.

Making Use of These Schemes

With so many schemes and variations in settings, obviously there is no automatic answer to choosing which is best for you. One way to learn is to look at advertisements, web pages, or other examples of pleasing design, and pay attention to their color schemes, noting which seem to work well, and which do not. There are good uses for similar colors and for contrasting colors, and most designs have each in various areas of the page.

Adding Color Harmonies to the Document Colors

In the lower right section of the Color Wheel dialog, you can see the “Result Colors” in all three color models. Unfortunately, the names of the colors in the new scheme will be created automatically, and there’s no way to rename them in the Color Wheel dialog. Thus, you will have to rename these colors via Edit > Colors if you either want to use several color harmonies in your document or make sure that the colors of your scheme are listed next to each other in color dialogs.

At the bottom of the dialog you can see two options for adding your color scheme to the document colors: “Merge” and “Replace.”

@@ -51,7 +62,7 @@

As described, the Colors dialog will be launched, where you can rename the existing scheme colors. You can then return to the Color Wheel and merge the new color harmony.

Replace, not surprisingly, will replace colors from a previously created scheme with identical names in the Color dialog.

Limitations

There are several limitations to both the RYB color model and its implementation in Scribus:

The RYB color model is incomplete. It ignores neutral colors like black, white or grays, and it doesn’t work reliably with CMYK and spot colors. Some color vendors, like Pantone or RAL, offer specialized software that allows for creating color harmonies with their spot color systems. dtp studio’s “Digital Colour Atlas” even permits the creation of color harmonies between different color systems.
You should be aware of the differences between the CMYK and RGB color models, as well as the results of applying certain rendering intents. Unfortunately, there’s no way to escape the laws of nature, and in some cases only experience (and reliably set up color management) will help to avoid a disappointing print result.

- \ No newline at end of file + diff --git a/scribus/doc/en/images/colorwheel.png b/scribus/doc/en/images/colorwheel.png index a4e4846..3468f92 100644 Binary files a/scribus/doc/en/images/colorwheel.png and b/scribus/doc/en/images/colorwheel.png differ diff --git a/scribus/doc/en/images/cw-analogous_20.png b/scribus/doc/en/images/cw-analogous_20.png new file mode 100644 index 0000000..4bfe7d9 Binary files /dev/null and b/scribus/doc/en/images/cw-analogous_20.png differ diff --git a/scribus/doc/en/images/cw-analogous_30.png b/scribus/doc/en/images/cw-analogous_30.png new file mode 100644 index 0000000..dc4db3d Binary files /dev/null and b/scribus/doc/en/images/cw-analogous_30.png differ diff --git a/scribus/doc/en/images/cw-complementary.png b/scribus/doc/en/images/cw-complementary.png new file mode 100644 index 0000000..6fb31d4 Binary files /dev/null and b/scribus/doc/en/images/cw-complementary.png differ diff --git a/scribus/doc/en/images/cw-splitcompl_20.png b/scribus/doc/en/images/cw-splitcompl_20.png new file mode 100644 index 0000000..2578ac1 Binary files /dev/null and b/scribus/doc/en/images/cw-splitcompl_20.png differ diff --git a/scribus/doc/en/images/cw-splitcompl_40.png b/scribus/doc/en/images/cw-splitcompl_40.png new file mode 100644 index 0000000..c3d6b86 Binary files /dev/null and b/scribus/doc/en/images/cw-splitcompl_40.png differ diff --git a/scribus/doc/en/images/cw-tetradic_20.png b/scribus/doc/en/images/cw-tetradic_20.png new file mode 100644 index 0000000..fe280b7 Binary files /dev/null and b/scribus/doc/en/images/cw-tetradic_20.png differ diff --git a/scribus/doc/en/images/cw-tetradic_40.png b/scribus/doc/en/images/cw-tetradic_40.png new file mode 100644 index 0000000..47c72a4 Binary files /dev/null and b/scribus/doc/en/images/cw-tetradic_40.png differ diff --git a/scribus/doc/en/images/cw-triadic.png b/scribus/doc/en/images/cw-triadic.png index 2153265..852d549 100644 Binary files a/scribus/doc/en/images/cw-triadic.png and b/scribus/doc/en/images/cw-triadic.png differ -- cgit