A small correction and one additional tip.

git-svn-id: file:///srv/svn/repos/haiku/haiku/trunk@31406 a95241bf-73f2-0310-859d-f6bbb57e9c96
This commit is contained in:
Stephan Aßmus 2009-07-04 12:31:55 +00:00
parent 820e3aebf8
commit dcd02b4274

View File

@ -260,7 +260,7 @@ Besides the predefined colors under <span class="menu">Swatches</span>, you can
width="654" height="127" />
<p>You quickly create a new style by mixing your color and simply drag&dropping it into the list of styles.</p>
<p>If you go for a gradient, you set the type (<span class="menu">Linear</span>, <span class="menu">Radial</span>, <span class="menu">Diamond</span>, <span class="menu">Cone</span>) and then define the start and end colors. This is done with a drag&drop from a color bucket into the respective color indicator under the gradient.<br />
Of course you can move these indicators to change the gradient to your liking. You can also insert more indicators to add more colors by clicking into the gradient. Pressing <span class="key">DEL</span> removes the selected indicator.</p>
Of course you can move these indicators to change the gradient to your liking. You can also insert more indicators to add more colors by double-clicking into the gradient. Pressing <span class="key">DEL</span> removes the selected indicator.</p>
<p>You can move, resize and rotate the representing box of a gradient on the canvas until it fits your needs. This works just like with shapes.</p>
<h3><a id="i-o-m-style-menu" name="i-o-m-style-menu">Style Menu</a></h3>
@ -321,9 +321,10 @@ Of course you can move these indicators to change the gradient to your liking. Y
<ul>
<li><p>Read the <a href="http://factory.haiku-os.org/documentation/icon_guidelines/">Icon Guidelines</a> to learn about important characteristics of Haiku icons, e.g. perspective, colors and shadows.</p></li>
<li><p>You should always try to minimize your use of paths, those are the most expensive, file size wise. Re-use paths wherever possible and work with manipulated shapes and their transformers instead. Smart use of gradients can also save space.</p></li>
<li><p>Wherever possible, you should activate the lowest possible Snap-to-Grid resolution from the <span class="menu">Options</span> menu, i.e. 16x16 saves the most in file size. You'll also get the crispest look if points are set on exact pixel borders.</p></li>
<li><p>Wherever possible, you should activate Snap-to-Grid from the <span class="menu">Options</span> menu when editing paths. Path points that align with the 64x64 pixel grid use less storage space. You'll also get the crispest look if points are set on exact pixel borders. For example, it is important to align the most prominent outlines with the 16x16 grid.</p></li>
<li><p>Check the preview to see if your icon still looks good in 16x16. You may want to use the <a href="#i-o-m-shape-lod">Level Of Detail</a> settings described in the Shapes section.</p></li>
<li><p>There's an easy way to produce letters, even if Icon-O-Matic doesn't provide such a tool. Just enter the text in a text editor, adjust font type and style, and drag&drop the selected text into Icon-O-Matic. This will create the according paths and shapes.</p></li>
<li><p>It is possible to transform the selected path points by pressing <span class="key">T</span> or invoking the context menu by right-clicking on selected points. From the context menu, you will also have access to a few more helpful path editing features.</p></li>
<li><p>There's an easy way to produce letters, even if Icon-O-Matic doesn't provide such a tool. Just enter the text in a text editor such as StyledEdit, adjust font type and style, and drag&drop or copy&paste the selected text into Icon-O-Matic. This will create the according paths and shapes.</p></li>
<li><p>If you assign more than one path to a shape, their overlapping areas will cancel each other out. When one path is completely inside another, it practically creates a hole in the resulting shape.</p></li>
<li><p>You can zoom in and out of the canvas with the mouse wheel. Panning is done either by click&drag with the middle mouse button or with a normal left-click&drag while holding <span class="key">SPACE</span>.</p></li>
</ul>