Color Tab and Gradients: Difference between revisions
No edit summary |
|||
(4 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
[[Category:Color]] | |||
{{Update}} | |||
Given sufficient time and patience, you could play around with the Color tab in Properties to figure out how to change line and fill colors. Admittedly, it takes more time and perhaps a lot more patience to understand how the gradients feature is used. Here we try to give you a head start on this. | Given sufficient time and patience, you could play around with the Color tab in Properties to figure out how to change line and fill colors. Admittedly, it takes more time and perhaps a lot more patience to understand how the gradients feature is used. Here we try to give you a head start on this. | ||
{| cellpadding=5px | {| cellpadding=5px | ||
Line 20: | Line 22: | ||
|And here we see the result. You can also see that not only does our display in the tab change, but also in the actual shape on the page. | |And here we see the result. You can also see that not only does our display in the tab change, but also in the actual shape on the page. | ||
Notice the Position value – 0% tells us this is all the way to the left of the shape, 100% is all the way to the right. Move the triangle or enter a value in the Position box. | Notice the Position value – 0% tells us this is all the way to the left of the shape, 100% is all the way to the right. Move the triangle with the mouse or enter a value in the Position box. | ||
| colspan=2|[[Image:Horizgradient1.png]] | | colspan=2|[[Image:Horizgradient1.png]] | ||
|- | |- | ||
Line 33: | Line 35: | ||
|In addition, we are not restricted to only a two-color gradient. Click the area where the triangles are positioned and you can add more colors, all adjusted independently (you should see a '''+''' appear next to your cursor). | |In addition, we are not restricted to only a two-color gradient. Click the area where the triangles are positioned and you can add more colors, all adjusted independently (you should see a '''+''' appear next to your cursor). | ||
To remove a color point, click and drag it | To remove a color point, click and drag it downwards (you should see a '''-''' appear next to your cursor). | ||
|colspan=2|[[Image:Horizgradient4.png]] | |colspan=2|[[Image:Horizgradient4.png]] | ||
|} | |} |
Latest revision as of 06:05, 14 January 2011
This article is outdated. Please update the information to reflect the current status or knowledge. We will deprecate/delete in the future. |
Given sufficient time and patience, you could play around with the Color tab in Properties to figure out how to change line and fill colors. Admittedly, it takes more time and perhaps a lot more patience to understand how the gradients feature is used. Here we try to give you a head start on this.
On To the Gradients
More Gradients
Here is what these other choices for the various types of gradients look like, all without changing our colors or relative positions.
What Does It Mean to Be Free?
We also have these choices Free linear Gradient and Free radial Gradient – what do these mean?
Selecting Free linear Gradient causes our tab to change again, although it isn't until you click on the Move Vector button that you can begin to understand how to use this. |
||
Click Move Vector and you see on the page this change to the left, with these control points appearing. Move the left one with the left mouse button, the right with the right mouse button, each anywhere in the 2D space of your page, as seen to the right – in fact, they can even extend outside the shape. | ||
Here, the same kinds of things with Free radial Gradient.
As you might imagine, for precision you can numerically adjust the X1, Y1 and X2, Y2 values as seen in the tab image above. By the way, if you switch to a "non-Free" gradient, these control points will still be in use and visible, until you go back and unselect Move Vector. |