Commit 01de16d1 authored by Sven Neumann's avatar Sven Neumann Committed by Sven Neumann

Merged revisions 1506 via svnmerge from

svn+ssh://svn.gnome.org/svn/gimp-web/trunk

........
  r1506 | neo | 2007-05-11 15:42:04 +0200 (Fri, 11 May 2007) | 7 lines
  
  2007-05-11  Sven Neumann  <sven@gimp.org>
  
  	* tutorials/Custom_Brushes/index.htrw
  	* admin/gimp-web-urls: minor update and removed the broken link to
  	the original tutorial.
........

svn path=/branches/v2.4/; revision=1626
parent 0522ded5
......@@ -537,6 +537,12 @@
* release-notes/gimp-2.4-cm.html
* release-notes/gimp-2.4.htrw: start on color management.
2007-05-11 Sven Neumann <sven@gimp.org>
* tutorials/Custom_Brushes/index.htrw
* admin/gimp-web-urls: minor update and removed the broken link to
the original tutorial.
2007-05-09 Sven Neumann <sven@gimp.org>
* docs/index.htrw
......
......@@ -226,7 +226,6 @@
["href", "tutorial:Bezier_Selections-Tuomas_Kuosmanen", { "href": "http://tigert.gimp.org/gimp/tutorials/bezier/"}]
["href", "tutorial:Quickmask-Zach_Beane", { "href": "http://www.xach.com/gimp/tutorials/quickmask/"}]
["href", "tutorial:Red_Eye_Removal-Carol_Spears", { "href": "http://carol.gimp.org/other/sloth/diary/redeye.html"}]
["href", "tutorial:Custom_Brushes-Lad_Gautam_N", { "href": "http://www.cubicdesign.com/"}]
["href", "tutorial:Drawing_Shapes_with_Bezier_Tool-Tuomas_Kuosmanen", { "href": "http://tigert.gimp.org/gimp/tutorials/bezier_shapes/"}]
["href", "tutorial:Film_Grain-Eric_Kidd", { "href": "http://carol.gimp.org/gimp/tutorials/film-grain/"}]
["href", "tutorial:Changing_Background1-Seth_Burgess", { "href": "http://classic.gimp.org/~sjburges/color_to_alpha/demo/color2alpha.html"}]
......
......@@ -10,10 +10,15 @@
<h2>Intention</h2>
<p>
Along with the brushes already included, you can create custom brushes using two methods.
One which is a black-n-white brush which is saved in .GBR extension. The content of this brush is treated as an alpha-channel.
This means that any pixel that is pure black is treated as a transparent pixel. However, we will be creating brushes that use pictures
with colour and this brush will also have multiple images.
Along with the brushes already included, you can create custom
brushes using three methods. Simple shapes are created using th
button labelled <b>New</b> at the bottom of the brush selection
dialog. Complex black and white brushes can be created by saving a
grayscale image as using the .gbr file extension. The content of
such a brush is treated line an alpha-channel. This means that any
pixel that is pure white is treated as transparent. However, in
this tutoria we will be creating brushes that use pictures with
colour and this brush will also have multiple images.
</p>
<h2>Step 1</h2>
......@@ -21,7 +26,9 @@
<img src="thumb1.png" alt="" />
</p>
<p>
Create a new image the size of the brush you will be creating. For our example, we will be creating a 64x64 image. Create it with a transparent background.
Create a new image the size of the brush you will be creating. For
our example, we will be creating a 64x64 image. Create it with a
transparent background.
</p>
<h2>Step 2</h2>
......@@ -29,10 +36,12 @@
<img src="thumb2.png" alt="" />
</p>
<p>
Go to the Layers dialog and create additional layers with the fill type Transparent (if necessary, delete or clear the background layer if you forgot to make it transparent when creating the image).
<br />
Give them any name you want. We will be just naming them Layer1, Layer2, and Layer3.
The layer name really don't matter in this case.
Go to the Layers dialog and create additional layers with the fill
type Transparent (if necessary, delete or clear the background layer
if you forgot to make it transparent when creating the image).
<br /> Give them any name you want. We will be just naming them
Layer1, Layer2, and Layer3. The layer name really don't matter in
this case.
</p>
<h2>Step 3</h2>
......@@ -40,9 +49,11 @@
<img src="thumb3.png" alt="" />
</p>
<p>
Draw the images you want in the layers that were already created. In our case we will be drawing a picture of a happy face in 3 colours
(red, green and yellow). At the end your layers should look something like this (see image above).
You can save a copy of your image in .xcf format now, in case you want to edit it later.
Draw the images you want in the layers that were already created. In
our case we will be drawing a picture of a happy face in 3 colours
(red, green and yellow). At the end your layers should look
something like this (see image above). You can save a copy of your
image in .xcf format now, in case you want to edit it later.
</p>
<h2>Step 4</h2>
......@@ -50,16 +61,23 @@
<img src="thumb4.png" alt="" />
</p>
<p>
The last step is to save your brush as a GIMP picture brush. The extension of this kind of brush is .GIH. So right click on the image, then choose
<span class="filter">&lt;Image&gt; File -&gt; Save As....</span>
IF you want GIMP to be able to use your new brush, you have to save it in the "brushes" folder inside your personal GIMP folder (for Linux and other UNIX systems, this is usually in "~/.gimp-2.0/brushes/"). So select that folder and type in a name for the brush. For our example, the brush was named <b>happy.gih</b>
<br />
The Save As Pixmap Brush Pipe dialog will ask you how you want to save the image. Since we have 3 layers make sure to put 3 in the Ranks edit box.
You can also choose how you want the images to appear as you move the mouse aruond. In most cases Random will do fine.
<br />
NOTE: The Spacing (Percent) means how much space is left before the next image is drawn.
If the value is lower, then the image will be drawn more frequently.
You can also adjust this value in the Brush dialog.
The last step is to save your brush as a GIMP picture brush. The
extension of this kind of brush is .GIH. So right click on the
image, then choose
<span class="filter">&lt;Image&gt; File -&gt; Save As....</span> IF
you want the GIMP to be able to use your new brush, you have to save
it in the "brushes" folder inside your personal GIMP folder (for
Linux and other UNIX systems, this is usually in
"~/.gimp-2.2/brushes/"). So select that folder and type in a name
for the brush. For our example, the brush was named <b>happy.gih</b>
<br /> The Save As Pixmap Brush Pipe dialog will ask you how you
want to save the image. Since we have 3 layers make sure to put 3 in
the Ranks edit box. You can also choose how you want the images to
appear as you move the mouse aruond. In most cases Random will do
fine. <br /> NOTE: The Spacing (Percent) means how much space is
left before the next image is drawn. If the value is lower, then
the image will be drawn more frequently. You can also adjust this
value in the Brush dialog.
</p>
<h2>Final</h2>
......@@ -67,22 +85,24 @@
<img src="thumb5.png" alt="" />
</p>
<p>
To see our brush, go to the Brushes dialog and hit the Refresh button. Our happy image should appear in the dialog. If it doesn't, make sure you have
saved the brush in the GIMP "brushes" folder and that it has an extension of .GIH.
To see our brush, go to the Brushes dialog and hit the Refresh
button. Our happy image should appear in the dialog. If it doesn't,
make sure you have saved the brush in the GIMP "brushes" folder and
that it has an extension of .GIH.
<br />
You will note that our little picture on the right has a little red
triangle in the bottom right corner. This tells us that the brush contains multiple pictures. You can click on the brush image and hold the mouse button to see a preview of the brush. The brush animation will show you that it contains the three images.
triangle in the bottom right corner. This tells us that the brush
contains multiple pictures. You can click on the brush image and
hold the mouse button to see a preview of the brush. The brush
animation will show you that it contains the three images.
<br />
Let's test our brush. Select our brush from the brush dialog, create a simple image and start drawing.
Let's test our brush. Select our brush from the brush dialog, create
a simple image and start drawing.
</p>
<p class="images">
<img src="thumb6.png" alt="" />
</p>
<p>
The original tutorial can be found <a href="tutorial:Custom_Brushes-Lad_Gautam_N">here</a>.
</p>
<!--#include virtual="/includes/wgo-page-fini.xhtml" -->
<div>
<span id="footerleft">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment