Tech bytes for tea?

Pict 1: This dog's eyes caught mine outside the Todaiji - a UNESCO World Heritage Site in Nara, Japan.

Create simple vignettes or digital photo frames for those special photos.

Yesterday, we used the rudimentary Rectangle Select Tool in GIMP to create a selection for making local adjustments to specific parts of a photo.

Today we check out the Ellipse Select Tool and use it to make simple vignettes and photo frames for digital photos.This is also the most common request that I receive from readers.

Pict 2: The same colour picker is used whenever selecting colour in GIMP.

The Ellipse Select Tool works in the same way as the Rectangle Select Tool.

In Picture 1 above, I want to add an oval photo frame around the dog. This will exclude the clutter and distractions in the vicinity of the dog and put the focus on the dog itself. Download the photo of the dog and follow along.

Since the photoframe around the dog will be an upright oval, crop the original photo from a broad landscape orientation to a tall portrait orientation.

Pict 3: Crop the original photo and add the inner mat of the "photo frame" to exclude the distracting surroundings.

Using the Ellipse Select Tool, drag the cursor around the dog to form a tight oval selection around it (I have no idea whether it’s male or female). Now all the pixels inside the oval selection boundary is selected.

To create the inner mat for the photoframe, we want to fill the area OUTSIDE the oval with dark brown. Click on the Select > Invert command from the main menu to invert the selection. You can also press Ctrl-I on the keyboard as a shortcut. The area outside the original selection is now selected, while the original selection is now omitted.

Click on the foreground colour swatch in the Toolbox and select a dark brown colour from the “Change Foreground Color” dialog box that pops up (see Picture 2 above).

Pict 4: The dog is now in a simple "photo frame" with inner matting.

To select a colour, first click in the thin vertical strip of colour to pick the colour family. The big square colour swatch shows the different tones of the selected colour family. Click within this big square to select the foreground colour.

From the main menu, select the Edit > Fill with FG command to fill the mat with dark brown (see Picture 3).

If you simply want a simple oval photoframe, you can stop here and crop the photo closer to the oval frame.

For a photoframe with an inner mat, you need to add the outer frame. Repeat the above steps but make a slightly bigger oval selection and fill it with orange (see Picture 4). Don’t forget to press Ctrl-I to invert the selection before filling it with orange.

Pict 5: The dog is now nicely vignetted.

A vignette is a frame with blurred edges, usually oval in shape – although you can ceate a vignette of any shape you want.

Activate the Ellipse Select Tool from the Toolbox. For a rectangular vignette, use the Rectangle Select Tool instead.

In the tool options below the Toolbox, click the “Feather edges” checkbox . A Radius slider appears that determines the thickness of the blurred region at the edge of the selection. Set the Radius setting to the maximum of 100.

Drag an oval selection around the subject. Press Ctrl-I to invert the selection and fill it with white or any colour you want. A quick shortcut to set the Foreground colour to white is to press “D” followed by “X” on the keyboard.

Following my 6-part series in Digital Life (The Straits Times)  on basic photo-editing using GIMP, I received encouraging feedback and requests from readers and friends to cover more topics.

One of these was about the various ways of creating selections and vignettes in GIMP. A follow-up article was run on DL after the series. I cover these today and tomorrow for those who had missed it.

Selections for local adjustments

So far, most of the adjustments we’ve learnt have been applied to the entire photo. For example, removing a colour cast or darkening and overexposed snapshot. Such adjustments that are applied to the entire photo are known as “global adjustments”.

Pict 1: GIMP's selection tools are at the top of the Toolbox while the tool options are below.

What if we want to adjust only a small portion of a photo? For instance, we want to lighten only the face of a person standing in the shadows. Lightening the entire photo just to lighten up one face in the shadows could lead to the faces of other people standing in the sun to become overly bright instead.

In these cases, select only the areas in the photo that needs to be adjusted. While those areas are selected, any adjustments applied will be limited to the pixels within those selections. Such adjustments where edits are done only on a specific part of a photo are called “local adjustments”.

As a workflow, global adjustments to the whole photo should be largely completed before commencing on local adjustments on specific areas of the photo.

In GIMP, the tools for making selections are located right at the top of the Toolbox (see Picture 1 and the sidebar on “GIMP’s selection tool options”). Today we try out the most basic selection tool – the Rectangle Select Tool.

Rectangle Select Tool

With the Rectangle Select Tool, simply click in the photo and drag the cursor to form a rectangular selection.

You should see a moving black-and-white dashed line (resembling a single file of marching ants) marking the outline of the selection. The pixels inside the boundary are now selected and whatever adjustments applied will affect only the selected pixels.

Adjusting the selection boundary (and not the pixels inside)

After you have made the initial selection, you can resize the selection to select a bigger or smaller area.

Move the cursor near the sides or corners of the rectangular selection until the cursor turns into a white triangle. Drag the corner to resize the selection boundary.

Pict 2: This demure deer was chewing on an iron chain for tea when I visited in Nara - Japan's ancient capital.

To move the entire selection boundary, move the cursor near the centre of the selection. When the cursor appears as two criss-crossing double-headed arrows, click and drag to move the selection boundary.

Once you have adjusted the selection boundary until it is where you want it to be and of the right size, you can edit the pixels within the selection.

Pict 3: Captions on the photo is illegible unless its background is made lighter for more contrast against the dark text.

In Picture 2, I wanted to place a caption to label where the deer hails from. You can see that any text placed in the photo would be rather difficult to make out against the distracting background (see Picture 3).

Pict 4: The captions reside in its own layer above the photo. Select the background layer first before increasing the brightness.

You can use the Text Tool to add captions. Any captions added will reside on its own layer above the background layer containing the photo.

Using the Rectangle Select Tool, I made a rectangular selection around the captions. Making sure the background layer with the photo (and not the text layer containing the caption) is selected (see Picture 4), I activated the Colors > Brightness-Contrast command from the main menu.

In the Brightness-Contrast dialog box, I increased the brightness of its the selected area in the photo by dragging the Brightness slider

Pict 5: This iron chewing deer awaits you should you visit the Deer Park in Nara.

At about 100, the dark caption became more legible (see Picture 5).

In the final episode of this series tomorrow, we’ll use the Ellipse Select Tool to create simple digital photo frames, as well as vignettes with blurred edges.