Difference between revisions of "Scratchpad colorstutorial"

From Inkscape Wiki
Jump to navigation Jump to search
(added links to all the SVG's)
 
Line 27: Line 27:
 
R:107 G:213 B:237
 
R:107 G:213 B:237
  
 +
http://wiki.inkscape.org/wiki/images/Colorstutorial_brighter.svg
  
==Section 3 (rename me!)==
+
==Darker==
==Section n (rename me!)==
+
http://wiki.inkscape.org/wiki/images/Colorstutorial_darker.svg
 +
 
 +
==Desaturate==
 +
http://wiki.inkscape.org/wiki/images/Colorstutorial_desaturate.svg
 +
==Greyscale==
 +
http://wiki.inkscape.org/wiki/images/Colorstutorial_greyscale.svg
 +
==Less Hue==
 +
http://wiki.inkscape.org/wiki/images/Colorstutorial_lesshue.svg
 +
==Less Light==
 +
http://wiki.inkscape.org/wiki/images/Colorstutorial_lesslight.svg
 +
==Less Saturation==
 +
http://wiki.inkscape.org/wiki/images/Colorstutorial_lesssaturation.svg
 +
==More Hue==
 +
http://wiki.inkscape.org/wiki/images/Colorstutorial_morehue.svg
 +
==More Light==
 +
http://wiki.inkscape.org/wiki/images/Colorstutorial_morelight.svg
 +
==More Saturation==
 +
http://wiki.inkscape.org/wiki/images/Colorstutorial_moresaturation.svg
 +
==Negative==
 +
http://wiki.inkscape.org/wiki/images/Colorstutorial_negative.svg
 +
==Remove Blue==
 +
http://wiki.inkscape.org/wiki/images/Colorstutorial_removeblue.svg
 +
==Remove Green==
 +
http://wiki.inkscape.org/wiki/images/Colorstutorial_removegreen.svg
 +
==Remove Red==
 +
http://wiki.inkscape.org/wiki/images/Colorstutorial_removered.svg
 +
==RGB Barrel==
 +
http://wiki.inkscape.org/wiki/images/Colorstutorial_rgbbarrel.svg

Latest revision as of 03:00, 28 June 2007

This is a tutorial scratchpad. When this tutorial gets to a level of "completeness" it will be converted into DocBook XML format and commited to SVN.

If you edit or add anything, feel free to add your name to the authors list, so you get credit where credit is due!

Translating this tutorial

Please do not translate this tutorial yet, it is still in the early stages of development and will be modified drastically. Translations can be done once it has been migrated to SVN.

Illustrations

Please upload images in SVG format. If you use text in the illustrations, don't split sentences or phrases into multiple text objects, as this will make a proper translation impossible. Use a flowtext area and leave enough overflow room for languages which require more space to express the same thing. If appropriate, center the text. Please also start your images in the top left corner; don't leave space until the page border.

Note

the automatically generated PNG thumbs are not working properly on this wiki right now, so just provide a link to the uploaded SVG on the wiki. Try to keep the naming of the images similar, but don't worry too much about the image numbering order, that can be resolved later.


Title

Colors Effects

Author(s)

Ryan Lerch, ryanlerch at gmail dot com

Abstract

This tutorial covers Inkscape's colors effects and how they change the color properties of the objects in SVG documents

Body

Introduction

The colors effects in Inkscape allow the color properties of objects in an SVG document to be modified in a systematic fashion. Bitmaps are the only type of object in an Inkscape document that cannot be modified by the color effects.

When a color effect is used, it is applied to all the selected objects in a document, if no object is selected the effect is applied to all the objects in that document.

not sure if an explanation of HSL and RGB is in the scope of this tutorial.
but it maybe should be included in a tutorial about the fill/stroke dialog.
But it will be nessecary for someone reading this tutorial to have a basic understanding of those principles...

Brighter

The brighter color effect increases the Red, Green and Blue amounts of a color equally by 1/10 of the original amount of that color value.

For example: If a color has a RBG of R:96 G:190 B:213 after using Effects > Color > Brighter the color will be R:107 G:213 B:237

http://wiki.inkscape.org/wiki/images/Colorstutorial_brighter.svg

Darker

http://wiki.inkscape.org/wiki/images/Colorstutorial_darker.svg

Desaturate

http://wiki.inkscape.org/wiki/images/Colorstutorial_desaturate.svg

Greyscale

http://wiki.inkscape.org/wiki/images/Colorstutorial_greyscale.svg

Less Hue

http://wiki.inkscape.org/wiki/images/Colorstutorial_lesshue.svg

Less Light

http://wiki.inkscape.org/wiki/images/Colorstutorial_lesslight.svg

Less Saturation

http://wiki.inkscape.org/wiki/images/Colorstutorial_lesssaturation.svg

More Hue

http://wiki.inkscape.org/wiki/images/Colorstutorial_morehue.svg

More Light

http://wiki.inkscape.org/wiki/images/Colorstutorial_morelight.svg

More Saturation

http://wiki.inkscape.org/wiki/images/Colorstutorial_moresaturation.svg

Negative

http://wiki.inkscape.org/wiki/images/Colorstutorial_negative.svg

Remove Blue

http://wiki.inkscape.org/wiki/images/Colorstutorial_removeblue.svg

Remove Green

http://wiki.inkscape.org/wiki/images/Colorstutorial_removegreen.svg

Remove Red

http://wiki.inkscape.org/wiki/images/Colorstutorial_removered.svg

RGB Barrel

http://wiki.inkscape.org/wiki/images/Colorstutorial_rgbbarrel.svg