Posted in Uncategorized by Scott on February 11, 2007

Today I’m going to give you another simple but effective technique. We’re going to simulate lomography with a few simple steps. The original Photoshop tutorial I’m adapting was done by Denny Tang and can be found here. We’ll be using another CC licensed photograph originally posted to flickr by user Bob Jones. Many thanks to Mr. Jones.

So, here we go.


Tagged with: , ,

Contrast Masking

Posted in Uncategorized by Scott on February 10, 2007

Last time I said I’d get into something a little more in depth, but I couldn’t resist posting this simple technique. It’s so easy and so amazing, I think you will love it. I found the original tutorial on I don’t know if “masking” is really the proper term for what we’re about to do, but I don’t have a better one, so that’s what we’ll call it.

Let’s get started.


Tagged with: , ,

Selective Colorization

Posted in Uncategorized by Scott on February 9, 2007

Update: I have written a more in-depth RGB -> B&W tutorial here.  Also, as jonny mentions in the comments, using a gradient map works very well too. To do this simply make sure your colors are set to Black foreground and White background, then select Colors -> Map -> Gradient Map.


Today, I’m going to teach you how to first simply create a black and white image from a color photo, then to selectively colorize any portion of the photo. I’m not going to directly adapt a Photoshop tutorial because this is a very simple process, but if you want to find the Photoshop way of doing this, simply google “selective colorization” and you’ll get about five gazillion results. For those of you keeping track, yes, this is the first Gimparoo original.

So, as I mentioned in the previous post, flickr’s CC license image search tool is totally awesome, and that’s where I found today’s image. In the spirit of the license, I’m attributing flickr user Daniel Montesinos as the original photographer. Thank you Daniel. I will also make my finished product available with the same license provisions on my flickr page.

On with the show!


Tagged with: , ,

Adapting Web 2.0 Design, Part 2

Posted in Uncategorized by Scott on February 7, 2007

Last time we adapted the first part of Tommy Maloney’s Web 2.0 Design Kit, and today we’re continuing with the second half. The original adaptation can be found here: Web 2.0 Design Kit, Part 2. I found what I believe to be a mistake in the original diagonal line tutorial. He says to make a 7×7 pixel selection but I could not get the diagonal lines to line up like that. I even tried it out in Photoshop just to make sure it wasn’t something to do with the application, but still couldn’t get it to line up properly. I ended up modifying my instructions so that they work. If anyone knows what I’m doing wrong, I’d love to know. Anyway, on with the tutorial!


Tagged with: , ,

Adapting Web 2.0 Design

Posted in Uncategorized by Scott on February 5, 2007

Today I’m going to be adapting a tutorial that was one of the first Web 2.0 tutorials I ever saw, and is kind of the inspiration for this site. It’s by a guy named Tommy Maloney who writes for a website called Photoshop Lab. The tutorial in question is his Web 2.0 Design Kit. We’ll cover part 1 today, and maybe go over part 2 another day. Since we covered violators last time, I’m not going to go over that part again. We’re just going to recreate the header logo. So fire up GIMP, and follow along!


Tagged with: , ,

Web 2.0 Violators

Posted in Uncategorized by Scott on February 3, 2007

Note 1: there is now an Inkscape version of this tutorial.
Note 2: since this tutorial is not really very helpful, I’ve decided not to update it. Please refer to the Inkscape version for all your violator needs.

For this P2G tutorial, I’m going to recreate Ajax Lessons: Web 2.0 Badge Photoshop Tutorial.

  1. Open a new file, 200px by 200px with a white background layer.
  2. Open the GFig dialog by clicking Filter>Render>GFig…
  3. Select the “Create star” tool, set the number of sides to 12, uncheck the “Stroke” checkbox, select “Color Fill” from the drop-down menu and select white for your color from the color picker.
  4. In the drawing area of the GFig window, starting at the center, click and drag to the outside creating a star shape that almost fills the window. Leave some room on the outside for the border and drop shadow later. (more…)
Tagged with: , ,