[gimp-web/gimp-web-static] Ported Selective_Color tutorial

From: Pat David <patdavid src gnome org>
To: commits-list gnome org
Cc:
Subject: [gimp-web/gimp-web-static] Ported Selective_Color tutorial
Date: Fri, 25 Sep 2015 19:57:01 +0000 (UTC)
commit b02b66e87fa25ac7cb934ff1a31099257f789c0c
Author: Pat David <patdavid gmail com>
Date:   Fri Sep 25 14:56:53 2015 -0500

    Ported Selective_Color tutorial

 content/about/meta/file-list.md                    |    2 +-
 .../tutorials/Selective_Color/addmaskoptions.jpg   |  Bin 0 -> 9293 bytes
 content/tutorials/Selective_Color/after.jpg        |  Bin 0 -> 27927 bytes
 content/tutorials/Selective_Color/before.jpg       |  Bin 0 -> 48843 bytes
 content/tutorials/Selective_Color/brushes1.jpg     |  Bin 0 -> 12984 bytes
 content/tutorials/Selective_Color/brushes2.jpg     |  Bin 0 -> 13260 bytes
 content/tutorials/Selective_Color/example2.jpg     |  Bin 0 -> 38324 bytes
 content/tutorials/Selective_Color/example3.jpg     |  Bin 0 -> 52854 bytes
 content/tutorials/Selective_Color/final.jpg        |  Bin 0 -> 39566 bytes
 content/tutorials/Selective_Color/image2.jpg       |  Bin 0 -> 36961 bytes
 content/tutorials/Selective_Color/image3.jpg       |  Bin 0 -> 37898 bytes
 content/tutorials/Selective_Color/image4.jpg       |  Bin 0 -> 31530 bytes
 content/tutorials/Selective_Color/image5.jpg       |  Bin 0 -> 30037 bytes
 content/tutorials/Selective_Color/index.md         |  126 ++++++++++++++++++++
 content/tutorials/Selective_Color/layers1.jpg      |  Bin 0 -> 22107 bytes
 content/tutorials/Selective_Color/layers2.jpg      |  Bin 0 -> 23199 bytes
 content/tutorials/Selective_Color/layers3.jpg      |  Bin 0 -> 25603 bytes
 content/tutorials/Selective_Color/layers4.jpg      |  Bin 0 -> 22982 bytes
 content/tutorials/Selective_Color/layers5.jpg      |  Bin 0 -> 23112 bytes
 .../tutorials/Selective_Color/newlayeroptions.jpg  |  Bin 0 -> 13094 bytes
 content/tutorials/Selective_Color/original.jpg     |  Bin 0 -> 43226 bytes
 content/tutorials/Selective_Color/paint.jpg        |  Bin 0 -> 679 bytes
 content/tutorials/Selective_Color/tablet.jpg       |  Bin 0 -> 41865 bytes
 content/tutorials/Selective_Color/toolbox.jpg      |  Bin 0 -> 12934 bytes
 24 files changed, 127 insertions(+), 1 deletions(-)
---
diff --git a/content/about/meta/file-list.md b/content/about/meta/file-list.md
index 9355e11..3b05fab 100644
--- a/content/about/meta/file-list.md
+++ b/content/about/meta/file-list.md
@@ -204,7 +204,7 @@ The main page links go to legacy WGO, the link icon (if there) will go to the po
 <del><http://www.gimp.org/tutorials/Quickmask/index.html></del> [<i class="fa 
fa-link"></i>]({filename}../../tutorials/Quickmask/index.md)  
 <del><http://www.gimp.org/tutorials/Red_Eye_Removal/index.html></del> [<i class="fa 
fa-link"></i>]({filename}../../tutorials/Red_Eye_Removal/index.md)  
 <del><http://www.gimp.org/tutorials/Reducing_CCD_Noise/index.html></del> [<i class="fa 
fa-link"></i>]({filename}../../tutorials/Reducing_CCD_Noise/index.md)  
-<http://www.gimp.org/tutorials/Selective_Color/index.html>  
+<del><http://www.gimp.org/tutorials/Selective_Color/index.html></del> [<i class="fa 
fa-link"></i>]({filename}../../tutorials/Selective_Color/index.md)  
 <http://www.gimp.org/tutorials/Selective_Gaussian_Blur/index.html>  
 <http://www.gimp.org/tutorials/Sepia_Toning/index.html>  
 <http://www.gimp.org/tutorials/Simple_Animations/index.html>  
diff --git a/content/tutorials/Selective_Color/addmaskoptions.jpg 
b/content/tutorials/Selective_Color/addmaskoptions.jpg
new file mode 100644
index 0000000..fc081c5
Binary files /dev/null and b/content/tutorials/Selective_Color/addmaskoptions.jpg differ
diff --git a/content/tutorials/Selective_Color/after.jpg b/content/tutorials/Selective_Color/after.jpg
new file mode 100644
index 0000000..169703d
Binary files /dev/null and b/content/tutorials/Selective_Color/after.jpg differ
diff --git a/content/tutorials/Selective_Color/before.jpg b/content/tutorials/Selective_Color/before.jpg
new file mode 100644
index 0000000..e561fb0
Binary files /dev/null and b/content/tutorials/Selective_Color/before.jpg differ
diff --git a/content/tutorials/Selective_Color/brushes1.jpg b/content/tutorials/Selective_Color/brushes1.jpg
new file mode 100644
index 0000000..6123bd0
Binary files /dev/null and b/content/tutorials/Selective_Color/brushes1.jpg differ
diff --git a/content/tutorials/Selective_Color/brushes2.jpg b/content/tutorials/Selective_Color/brushes2.jpg
new file mode 100644
index 0000000..fbbacd6
Binary files /dev/null and b/content/tutorials/Selective_Color/brushes2.jpg differ
diff --git a/content/tutorials/Selective_Color/example2.jpg b/content/tutorials/Selective_Color/example2.jpg
new file mode 100644
index 0000000..2048f8b
Binary files /dev/null and b/content/tutorials/Selective_Color/example2.jpg differ
diff --git a/content/tutorials/Selective_Color/example3.jpg b/content/tutorials/Selective_Color/example3.jpg
new file mode 100644
index 0000000..efdfb83
Binary files /dev/null and b/content/tutorials/Selective_Color/example3.jpg differ
diff --git a/content/tutorials/Selective_Color/final.jpg b/content/tutorials/Selective_Color/final.jpg
new file mode 100644
index 0000000..8d8c2c0
Binary files /dev/null and b/content/tutorials/Selective_Color/final.jpg differ
diff --git a/content/tutorials/Selective_Color/image2.jpg b/content/tutorials/Selective_Color/image2.jpg
new file mode 100644
index 0000000..c3c1f30
Binary files /dev/null and b/content/tutorials/Selective_Color/image2.jpg differ
diff --git a/content/tutorials/Selective_Color/image3.jpg b/content/tutorials/Selective_Color/image3.jpg
new file mode 100644
index 0000000..40c6c07
Binary files /dev/null and b/content/tutorials/Selective_Color/image3.jpg differ
diff --git a/content/tutorials/Selective_Color/image4.jpg b/content/tutorials/Selective_Color/image4.jpg
new file mode 100644
index 0000000..c5aa9ad
Binary files /dev/null and b/content/tutorials/Selective_Color/image4.jpg differ
diff --git a/content/tutorials/Selective_Color/image5.jpg b/content/tutorials/Selective_Color/image5.jpg
new file mode 100644
index 0000000..f6b1a09
Binary files /dev/null and b/content/tutorials/Selective_Color/image5.jpg differ
diff --git a/content/tutorials/Selective_Color/index.md b/content/tutorials/Selective_Color/index.md
new file mode 100644
index 0000000..b7e6b16
--- /dev/null
+++ b/content/tutorials/Selective_Color/index.md
@@ -0,0 +1,126 @@
+Title: Selective Colorization
+Date: 2002
+Modified: 2015-09-25T13:33:27-05:00
+Author: Eric R. Jeschke
+
+
+<small>
+Text and images Copyright (C) 2002 [Eric R. Jeschke](mailto:ericNOSPAM redskiesatnight com) and may not be 
used without permission of the author.
+</small>
+
+## Intention
+
+<figure>
+<img src="before.jpg" alt="before.jpg"/> <img src="after.jpg" alt="after.jpg"/>
+</figure>
+
+In this tutorial I will explain how to convert a color photograph to a B&W one with color restored to 
selective areas. With the right subject this can give really striking results, as you can see for yourself. 
This technique is elsewhere referred to sometimes as "hand coloring" :-)
+
+The basic technique is to duplicate the color photograph, convert the duplicate to B&W, and paste it as a 
new layer on top of the color image. Add an opaque layer mask and then selectively paint transparency into 
the upper mask, exposing the color photograph underneath.
+
+Giving credit where credit is due: I did not come up with this method. I adapted it for GIMP from a reader 
comment I saw in [a "hand-coloring" tutorial on 
photo.net](http://www.photo.net/digital/editing/hand-coloring) (great web site by the way, I recommend it).
+
+## The Procedure
+
+<figure>
+<img src="original.jpg" alt="original.jpg"/>
+</figure>
+
+Here is the original example image, loaded into GIMP.
+
+## Step 1
+
+<figure>
+<img src="image2.jpg" alt="image2.jpg"/>
+</figure>
+
+Duplicate the image (<kbd>Ctrl+D</kbd>). 
+By whatever method suits you best, convert the duplicate image to B&W. Once you have gotten the B&W version 
that you like, change it back to RGB mode (`Image → Mode → RGB`).
+
+In this example, I tried the [channel mixer](/tutorials/Color2BW/#channelmixer), but ended up in this case 
preferring a simple conversion to grayscale (`Image → Mode → Grayscale`), then back to RGB.
+
+## Step 2
+
+<figure>
+<img src="layers1.jpg" alt="layers1.jpg"/> <img src="newlayeroptions.jpg" alt="newlayeroptions.jpg"/> <img 
src="layers2.jpg" alt="layers2.jpg"/>
+</figure>
+
+Open the Layers dialog (<kbd>Ctrl+L</kbd>). Make sure that the original color image is selected in the Image 
drop down box. Click on the new layer button at the bottom of the dialog.  
+Here I've named the new layer "B&W"  
+Make sure the new layer is selected in the layers dialog.
+
+## Step 3
+
+<figure>
+<img src="layers3.jpg" alt="layers3.jpg"/> <img src="layers4.jpg" alt="layers4.jpg"/>
+</figure>
+
+Go to the B&W image and select all, then copy (<kbd>Ctrl+A</kbd> then <kbd>Ctrl+C</kbd>). Then go to the 
color image window and paste (<kbd>Ctrl+V</kbd>). The B&W image should be pasted into that layer, obscuring 
the color image.  
+Click the anchor button in the Layers dialog to anchor the pasted image.  
+You can close the B&W image window you just copied from now, if you want.
+
+## Step 4
+
+<figure>
+<img src="addmaskoptions.jpg" alt="addmaskoptions.jpg"/> <img src="layers5.jpg" alt="layers5.jpg"/>
+</figure>
+
+In the Layers dialog, right-click on the B&W layer and select "Add Layer Mask". In the Add Mask Options 
dialog, select White (Full Opacity).
+
+## Step 5
+
+<figure>
+<img src="toolbox.jpg" alt="toolbox.jpg"/> <img src="brushes1.jpg" alt="brushes1.jpg"/> <img 
src="image3.jpg" alt="image3.jpg"/>
+</figure>
+
+Make sure that Black is selected as the foreground color in the toolbox. We're going to paint transparency 
into the layer mask to reveal the color image below.  
+Bring up the Brushes dialog (`Dialogs → Brushes`) and select a big brush. In the toolbox, select the paint 
tool (<img src="paint.jpg" alt="paint.jpg"/>). Begin painting the interior of the parts you want to be in 
color.
+
+## Step 6
+
+<figure>
+<img src="image4.jpg" alt="image4.jpg"/>
+</figure>
+
+When you get to the edges of the colored part, zoom in to make life easier.
+
+## Step 7
+
+<figure>
+<img src="brushes2.jpg" alt="brushes2.jpg"/> <img src="image5.jpg" alt="image5.jpg"/>
+</figure>
+
+At the very boundaries of the colored image I typically zoom in to 300% or so. Switch to a small, feathered 
brush and very carefully paint the edges.
+
+If you only paint a little at a time it makes it much easier to use GIMP's excellent undo feature if you 
accidentally stray outside the boundary. If for some reason you can't undo, don't worry: just switch to white 
paint and paint opacity back over your mistake to repair the mask.
+
+## Final Step
+
+<figure>
+<img src="final.jpg" alt="final.jpg"/>
+</figure>
+
+When your all done, go over the colored part carefully to see if there are any gray (opaque) specks that you 
missed. Then zoom out and have a look. Voila!
+
+## Tips
+
+<figure>
+<img src="tablet.jpg" alt="tablet.jpg"/>
+</figure>
+
+*   For this kind of fine paint work, a pen tablet like this Wacom one is very useful. For photo retouching 
you don't need any bigger than a 4x5 model.
+*   In this example I restored the original color from the color image, but there is no reason that you 
couldn't paint other colors onto the second layer. Just make sure that the image is selected and not the 
layer mask in the upper layer of the Layers dialog (click on either the image icon or the mask icon to select 
the one you want to work on).
+*   Try blurring the lower color layer, or running one of the interesting "artistic" filters on it (pastels, 
oil painting, etc). You probably want to do this before you create the B&W copy.
+
+## Other Examples
+
+<figure>
+<img src="example3.jpg" alt="example3.jpg"/><br/><img src="example2.jpg" alt="example2.jpg"/>
+</figure>
+
+## Further Reading
+
+*   [a "hand-coloring" tutorial on photo.net](http://www.photo.net/digital/editing/hand-coloring)
+
+The original tutorial used to appear on 
[gimpguru](https://web.archive.org/web/20141114051244/http://gimpguru.org/Tutorials/SelectiveColorization/).
+
diff --git a/content/tutorials/Selective_Color/layers1.jpg b/content/tutorials/Selective_Color/layers1.jpg
new file mode 100644
index 0000000..7a7f017
Binary files /dev/null and b/content/tutorials/Selective_Color/layers1.jpg differ
diff --git a/content/tutorials/Selective_Color/layers2.jpg b/content/tutorials/Selective_Color/layers2.jpg
new file mode 100644
index 0000000..6638286
Binary files /dev/null and b/content/tutorials/Selective_Color/layers2.jpg differ
diff --git a/content/tutorials/Selective_Color/layers3.jpg b/content/tutorials/Selective_Color/layers3.jpg
new file mode 100644
index 0000000..29806f7
Binary files /dev/null and b/content/tutorials/Selective_Color/layers3.jpg differ
diff --git a/content/tutorials/Selective_Color/layers4.jpg b/content/tutorials/Selective_Color/layers4.jpg
new file mode 100644
index 0000000..412c3bc
Binary files /dev/null and b/content/tutorials/Selective_Color/layers4.jpg differ
diff --git a/content/tutorials/Selective_Color/layers5.jpg b/content/tutorials/Selective_Color/layers5.jpg
new file mode 100644
index 0000000..45c3a67
Binary files /dev/null and b/content/tutorials/Selective_Color/layers5.jpg differ
diff --git a/content/tutorials/Selective_Color/newlayeroptions.jpg 
b/content/tutorials/Selective_Color/newlayeroptions.jpg
new file mode 100644
index 0000000..badd7bc
Binary files /dev/null and b/content/tutorials/Selective_Color/newlayeroptions.jpg differ
diff --git a/content/tutorials/Selective_Color/original.jpg b/content/tutorials/Selective_Color/original.jpg
new file mode 100644
index 0000000..92a6fce
Binary files /dev/null and b/content/tutorials/Selective_Color/original.jpg differ
diff --git a/content/tutorials/Selective_Color/paint.jpg b/content/tutorials/Selective_Color/paint.jpg
new file mode 100644
index 0000000..162b80a
Binary files /dev/null and b/content/tutorials/Selective_Color/paint.jpg differ
diff --git a/content/tutorials/Selective_Color/tablet.jpg b/content/tutorials/Selective_Color/tablet.jpg
new file mode 100644
index 0000000..5b12b3e
Binary files /dev/null and b/content/tutorials/Selective_Color/tablet.jpg differ
diff --git a/content/tutorials/Selective_Color/toolbox.jpg b/content/tutorials/Selective_Color/toolbox.jpg
new file mode 100644
index 0000000..88ad20d
Binary files /dev/null and b/content/tutorials/Selective_Color/toolbox.jpg differ
[Date Prev][Date Next] [Thread Prev][Thread Next] [Thread Index] [Date Index] [Author Index]