Posts Tagged ‘image editor’

Correcting exposure in GIMP (Part 4 of 14)

Tuesday, January 4th, 2011
Use simple adjustments in GIMP to darken or brighten an overexposed or underexposed photo. Beginners with little time to spare can use one-click automated adjustment tools, while those wanting more control can use the Brightness-Contrast command.
Dull underexposed photo of a pot of Oden

Pict 1: This dull underexposed photo of a pot of Oden in Kyoto, Japan is typical of the flat snapshots churned out by many digital cameras.

Brighter and more contrasty photo of the pot of Oden

Pict 2: After applying Colors > Auto > White Balance followed by Color Enhance, the Oden looks almost as delectable as when I ate it.

Yesterday, we used the Perspective and Crop tools in GIMP to correct perspective distortion and to crop a digital photo. Today, we make simple adjustments to darken or brighten a photo.

Modern digital cameras are rather intelligent in working out the right exposure for most snapshots. However, some photos may still end up too dark or bright for your liking. And dialling up the contrast tends to enhance the appearance of most photos.

GIMP has many ways of enhancing the exposure and contrast of a photo. Let’s start with the automated adjustments.

Automatic adjustments
(see Pictures 1 to 3)

Less contrasty photo of the Oden

Pict 3: Using Color Enhance in place of White Balance results in a less aggressive adjustment.

There are six quick one-click automatic adjustments in GIMP. They can be found under Colors > Auto in the main menu. These include: Equalize, White Balance, Color Enhance, Normalize, Stretch Contrast and Stretch HSV.

These commands adjust the brightness and contrast of a photo in different ways. Which command is most suitable depends on the nature of each individual photo.

Since it’s so easy to activate each adjustment, just try them on the photo one at a time to see which command yields the best effect. Press Ctrl-Z or Edit > Undo after each command to undo the previous adjustment before trying out the next adjustment.

From experience, I find White Balance gives the best result. Most of the time, applying White Balance followed immediately by Color Enhance may well be all that’s needed to both remove colour casts in photos and to improve the brightness and contrast at the same time.

If the results of using the White Balance adjustment is too exaggerated and contrasty, use Stretch Contrast as an alternative.

Brightness-Contrast command
(see Pictues 4 to 7)

Brightness-Contrast dialog box in GIMP

Pict 4: Drag the Brightness and Contrast sliders and see the results in the photo.

Sometimes, none of the automatic adjustments work for a photo – or you may prefer more control over how the brightness/contrast is adjusted. In these cases, activate the Colors > Brightness-Contrast command from the main menu.

A dialog box with two sliders appears – the Brightness slider on top and Contrast slider below.

Drag the Brightness slider to the left to darken the photo or drag it to the right to lighten it. Drag the Contrast slider to the left to reduce the contrast and to the right to increase it.

Flat underexposed photo of a car

Pict 5: Retro seems to be fashionable for small cars in Japan now. I snapped this sweet thing in Otsu on an overcast day.

Brighter and more contrasty version of the retro car

Pict 6: Using Brightness:85 and Contrast:75 with the Brightness-Contrast command, the retro car looks more zappy now.

Graphic art special effect on retro car

Pict 7: Using Brightness:100 and maximum Contrast:127 yielded a graphic art effect on the car.

Leave the Preview checkbox checked to see the effect of the adjustments on the photo while dragging the sliders. To compare the photos before and after the adjustments, toggle the checkbox on and off.

Once happy with the adjustments, hit the OK button.

To produce a graphics-art special effect from the photo, push the Contrast slider all the way to the right.

Powerpoint backgrounds
(see Pictures 8 to 10)

Illegible text against a photo background

Pict 8: It is difficult to make out the text against the distracting background.

Many people use photos as backgrounds for their Powerpoint slides. Some end up making the text unreadable. Here’s a tip to avoid that happening.

Darken the photo (by dragging the Brightness slider to the left) when using light-coloured fonts for the text in the slide. Conversely, lighten the photo if the text in the slide uses dark-coloured fonts.

If the photo is still too distracting, use the Brightness-Contrast command with the Contrast setting lowered to beween zero and -50.

Text against a darkened background photo

Pict 9: Light-coloured text is more readable against a darkened photo background.

Text against a lightened background photo

Pict 10: Dark-coloured text is more readable against a lightened photo background.

Tomorrow, we’ll look at some alternative ways of adjusting exposure using Layers and Layer Modes.

Perspective correction and cropping (Part 3 of 14)

Monday, January 3rd, 2011
Paintings on windows suffering from perspective distortion

Pict 1: These beautiful window paintings were on a wall right beside the Papal Palace in Avignon - France. The sides of the paintings taper inwards because of the steep upwards angle from which I snapped the shot.

Correct the distortion in perspective that is common when taking snapshots of tall buildings. Crop a photo to exclude distractions, or to change the composition of the photo.

Yesterday, we got ourselves oriented to the user-interface of GIMP, and tried our hand at straightening a crooked photo. Today we continue with common but simple photo-editing tasks like perspective correction and cropping.

Correcting perspective distortion

When taking photos of a tall building from an oblique angle, or while standing near it, the top of the building tends to taper inwards towards the top (see Picture 1). This distortion is called converging verticals and makes the building look as if it is falling backwards.

Distortion in perspective corrected using GIMP

Pict 2: Distortion in perspective corrected using GIMP

To minimise such distortions, you can either go as far away as possible from the building (unfortunately you usually don’t get such luxury of space) and try to snap the building flat-on, or invest in an expensive camera accessory called a tilt-shift lens.

In GIMP, you can correct such distortions in perspective easily and for free – simply use the Perspective tool (see Picture 2).

Select the Perspective tool from the Toolbox (see Picture 3). In the settings section in the lower half of the Toolbox, select the following options: Corrective (Backward) radio button for Direction, and “Image + Grid” from the dropdown box for Preview.

Pick the Perspective Tool from the Toolbox

Pict 3: Pick the Perspective Tool from the Toolbox

Perspective adjustment grid overlaid on photo

Pict 4: Drag the gridlines until the vertical and horizontal gridlines are aligned with the horizontal and vertical edges in the photo.

Click on the photo. A grid is overlaid onto the photo and a Perspective dialog box appears (ignore it for the moment). Drag the mouse within the grid to distort the gridlines.

Distort the grid until the vertical gridlines are aligned with the sides of the building walls, and the horizontal gridlines are aligned with the horizon and rooflines in the photo (see Picture 4).

Click the Transform button in the dialog box and the distortion is corrected.

Cropping

After using the Rotate or Perspective tool on the photo, empty areas are added around the corners that need to be cropped away. Cropping is also done to remove distractions from the surrounding and fill the frame with the main subject.

Area in photo highlighted for cropping

Pict 5: Highlight the area in the photo to be retained by dragging with the Crop Tool.

It is also done to adjust the aspect ratio say, from 4:3 to 3:2, or to crop a flat landscape-oriented photo into a tall portrait-oriented one. Many times, the photographer may simply want to enhance the composition of the photo by improving on the original framing of the photo.

Select the Crop tool from the Toolbox. Drag a rectangular selection around the area to be retained in the photo (see Picture 5).

A rough selection is good enough because the crop selection can be adjusted easily.

Photo cropped to zero into two of the paintings

Pict 6: The photo was cropped to zero into two of the paintings.

Mouse over the side or corner of the selection and the cursor changes to include arrows that show which direction the selection can be adjusted. Click and drag these adjustment handles to adjust the crop selection inwards or out.

To move the position of the crop selection itself (without altering its size and shape), move the mouse over the centre of the selection and drag it to its new location within the photo.

Once you are happy with the crop selection, press Enter on the keyboard to crop the photo (see Picture 6).

Tomorrow, we’ll look at how to make simple exposure adjustments to darken or brighten an overexposed or underexposed photo.

Straightening a crooked photo using GIMP (Part 2 of 14)

Sunday, January 2nd, 2011
Get oriented to the user interface of GIMP, and get your feet wet with a basic correction like straightening a crooked photo.

Yesterday, we took a peek at some of the things that GIMP can be used to correct or enhance a digital photograph. Today we get our toes wet putting GIMP to work actually doing something simple.

Getting oriented to the interface (see Picture 1)

User interface of GIMP

User interface of GIMP

When you first fire up GIMP, you will see three separate windows on the screen. The centre empty window is the image window where the photo appears when you open a digital photo file.

To the left is the Toolbox which contains icons representing the tools available in GIMP. These tools include those for painting, selecting or moving parts of the photo. Mouse over an icon to display tooltips about which tool is associated with the icon, a brief description of what the tool does, and its keyboard shortcut.

Clicking an icon selects the tool. The relevant settings and options for controlling the selected tool are displayed in the lower half of the Toolbox.

To the right of the image window, there is another panel containing “dialogs” for manipulating image layers, colour channels and Undo History. Each of these dialogs is organised as a tab in the panel and can be displayed by clicking on the tab heading of the dialog.

Opening a photo

Open Image dialog box in GIMP

Open Image dialog box in GIMP

The main menu for GIMP can be found along the top of the image window. To open a photo file, choose the File > Open command from the main menu.

Inside the “Open Image” dialog box (see Picture 2) that pops up, a list of folders is displayed in the “Places” column to the left. Click the relevant folder and the files and subfolders in it are displayed in the centre “Name” column. Double-click a subfolder to further dive into its contents until you get to the photo you want to open.

Clicking a photo file will generate a thumbnail preview to the right. Click the “Okay” button at the bottom to open the photo.

You can have more than one photo open in GIMP at a time. Each photo will appear in its own separate image window.

Straightening a crooked photo

Select the Rotate Tool and adjust the grid overlay

Select the Rotate Tool and adjust the grid overlay

A common reason for discarding photos is when they are crooked because the camera was not held level when the snapshots were taken – the horizons are not horizontal or the buildings are tilted. Here is how to straighten a photo by rotating it in GIMP.

First, click on the Rotate tool icon in the Toolbox (see Picture 3) to select it.

In the lower half of the Toolbox, select the “Corrective (Backward)” radio button for Direction, and select “Image + Grid” from the dropdown box for Preview. These are the settings that I find most intuitive for straightening crooked photos. Set the Clipping to “Crop to result” for GIMP to crop off the corners after the photo has been rotated.

Click on the photo in the image window. A Rotate dialog box appears (ignore it for the moment) while a grid is overlaid onto the photo in the image window. Drag the mouse within the grid to rotate the grid. Rotate the grid until the horizon in the photo is aligned with a horizontal line in the grid. You can also align lampposts or sides of buildings that are supposed to be vertical to the vertical lines of the grid.

Photo of sea with slanted horizon

I took this photo off the beach in Nice, France. The camera was not level and resulted in a slanted horizon.

Straightened photo with horizontal horizon

The photo was straightened using the Rotate Tool in GIMP so that the horizon has become - but of course - horizontal.

Once you are happy with the alignment of the photo to the grid, click the Rotate button in the dialog box and the photo is straightened (see Pictures 4 and 5). Select the Image > Autocrop Image command from the main menu to crop away the empty spaces around the photo.

Tomorrow, we’ll try out the Perspective Tool to correct distortion when snapping photos of tall buildings and the Crop tool for recomposing snapshots.

Free photo editing with GIMP (Part 1 of 14)

Saturday, January 1st, 2011

Touch up and enhance your digital photographs using GIMP – the free photo editor. This is the first of a 14-part series on the basics of using GIMP for the absolute beginner.

Photo of dog ornament with strong blue cast

Picture 1: This photo of a dog ornament in a flower pot was taken in Tsumago in Japan. A wrong white balance setting in the camera resulted in a strong blue cast

Today is the first day of 2011. What better way to start a New Year than to pick up a new skill – like using a free photo-editor to edit your digital photographs?

Wow your friends when you next show them your vacation photos by enhancing your snapshots with a photo editor on the computer.

Digital cameras nowadays produce pretty decent photos even for a novice photographer. But a few fast and easy tweaks in a photo editor on a computer can make them look as if they were taken by a pro.

Photo of dog ornament with dull colours

Picture 2: GIMP can be used to remove the blue cast in the original photo. However, the colours remain dull and uninspiring.

Does your spouse look like a visitor from Pluto in those snapshots? Use the photo editor to remove that awful blue colour cast in the photo (see Pictures 1 and 2).

Do those vacation photos look dull and flat because they were taken on an overcast day? Make those snapshots pop by intensifying the colours and increasing contrast with a few clicks of the mouse (see Picture 3).

Free photo editors

Beautifying or correcting your digital photos does not need to cost you an arm and a leg. There is a plethora of free but capable photo editors available on the Internet.

Photo of dog ornament with enhanced colour and contrast

Picture 3: The colour and contrast of the photo has been enhanced to make it "pop".

www.picnik.com is an online photo editor while Google’s Picasa is a desktop based editor that comes with an image browser. Both of these enable simple tweaks and addition of special effects to digital photos through easy-to-use interfaces.

GIMP is my favourite recommendation to those who want more powerful photo editing features but is reluctant to dish out the moolah for the industry standard Photoshop CS5 (S$1091).

Over the next two weeks, I will be posting a short how-to each day on the basics of using GIMP – a free photo editing software that you can download from the Web.

What is GIMP?

The name GIMP is an acronym for “GNU Image Manipulation Program”. It is a free desktop-based photo-editor with features and interfaces similar (but not identical) to Photoshop. It runs on Windows XP SP2 or newer, Mac OS X and Linux. Go to www.gimp.org/downloads and follow the links to the relevant installers for different operating systems.

Tightly cropped final photo of dog ornament

Picture 4: The photo was tightly cropped around the dog ornament to make it fill the frame.

Using GIMP, you can do simple tasks like straightening a crooked photo, or cropping out distractions in the background to fill the frame with the main subject (see Pictures 4).

Powerful tools, like Levels and Curves, enable fine control of exactly which part of a photo to tweak for colour and contrast adjustments.

For advanced adjustments and compositing, a few photos or different parts of the a single photo can be put on separate layers and manipulated independently of each other.

Tomorrow, we’ll get ourselves orientated to GIMP’s interface, and set it to work straightening a crooked photo.

Photoshop CS5: Complex and hairy selections made easier

Sunday, July 4th, 2010
Deer staring into headlights

Sharp edges along the horns and hairy edges elsewhere.

Photoshop CS5 has made it easier to make image selections and masks, speeding up the extraction of subjects from backgrounds and the creation of realistic composites.

Enhanced intelligent selection technology offers better edge detection and faster, more accurate masking results of complex subjects such as hair. Automatic color decontamination helps eliminate background color around the edges of a selection, resulting in more seamless compositions when placing extracted subjects on new backgrounds.

Dialog box with controls for Refine Edge

New controls can be found in the Refine Edge dialog

The enhanced controls are found in the Refine Edge dialog box when a selection is made.

The Smart Radius setting uses adaptive selection-edge modification approach to produce different types of selection edges on different parts of the subject’s outline, depending on the type of edges — whether the portion of the edge is fuzzy or sharp. This is based on the traditional best practice of using different techniques for different types of edges along the outline of the subject — one method for fuzzy hair and another for the clear edge of a building.

Selection outline in black and white

Selection outline in black and white

Additional view modes provide new ways of previewing the quality of the selections.

The Refine Radius and Erase Refinements tools allows the initial selection to be refined — be it to add more of the subject or to remove more of the background along the selection edge.

My article in Digital Life on 2 June 2010 (Not a hair out of place) illustrated the use of the enhanced selection controls to make a hairy selection round a starry-eyed deer in Miyajima, Japan.

Photoshop: Selecting objects with irregular outlines

Sunday, May 30th, 2010

My article in Digital Life on 26 May 2010 (Choice selections) illustrated the use of the Lasso Tool, the Polygonal Lasso Tool and the Magic Wand Tool for making selections of objects or areas of the image with an irregular outline.

Red telephone booth amidst drab surroundings

Red telephone booth to be selected and preserved

Red telephone preserved while surroundings toned down to Black and White

Surroundings toned down to Black and White

Where there is a fair amount of contrast in colour between the object to be selected – such as the red telephone booth – and the surrounding pixels, you can also use the Magnetic Lasso Tool.

Just click anywhere on the edge of the object move the mouse along the edge of the object, in this case the booth. As the mouse moves along the edge, Photoshop will detect where the edge is by examining the contrast between the pixels on either side of the mouse cursor.

Photoshop will place anchor points along the edge as you go along. You don’t have to click the mouse button.

(more…)

HDR Toning in Photoshop CS5 (Part 2)

Monday, May 24th, 2010
Monochromatic High Contrast Preset - a few black and white HDR Toning effects are included in the Presets

Monochromatic High Contrast Preset - a few black and white HDR Toning effects are included in the Presets

Photorealistic High Contrast - I like the few high contrast HDR toning effects.

Photorealistic High Contrast Preset - I like the few high contrast HDR toning effects available.

Photorealistic Preset

Photorealistic Preset

Surrealistic High Contrast effect - I like the few high contrast presets available.

Surrealistic High Contrast effect

Using the “Local Adaptation” Method, there are 14 Presets available that gives a whole spectrum of different HDR Toning effects. I have included above the results of a few of my favourite presets.

(more…)

New HDR Toning feature in Photoshop CS5 (Part 1)

Sunday, May 23rd, 2010
HDR-like effect applied to a single snapshot

HDR-like effect applied to a single snapshot

Ever saw those surrealistic digital photographs of landscapes that are so rich in colours? These High Dynamic Range (HDR) photos are getting more popular due to the ease in producing them – with the proliferation of powerful software that combine bracketed shots of a scene at different exposures into a single photo.

Original dull photo with overexposed skies and underexposed foreground

Original dull photo with overexposed skies and underexposed foreground

The process allows much more detail to be displayed in a single photo than is normally possible, through the clever tone mapping of the colours in the photo. As a result, what little details are left from blown-out highlights and murky shadows are rescued and made more discernible.

HDR Toning using Equalize Method - no controls are available

HDR Toning using Equalize Method

What if you weren’t able to bracket the shot, or you have an old jpeg that wasn’t bracketed but still wants the same eerie and otherworldly effect? Photoshop CS5 has a new HDR Toning feature that can fake simulate the look, even if you only have a single exposure.

I tried it out and found the result rather impressive.

(more…)

Tips for making selections in Photoshop

Saturday, May 22nd, 2010

Here are 4 quick tips for making selections in Photoshop: how to move a selection marquee after making it, how to reshape the selection marquee to better fit the object you want to select, how to combine two selection marquees, and selecting the unwanted area first before inverting the selection.

Backlit statue against a clear blue sky

Sometimes, it may be easier to select the UNWANTED portion of the photo first.

The dark backlit statue is lightened up without blowing up the background sky

The dark backlit statue is lightened up without blowing up the background sky

After making global adjustments (such as overall contrast/brightness and colour balance) that apply to the entire photo, we usually want to apply corrections/enhancements/special-effects only to certain parts of the photo. To do that, we need to select the relevant portions of the photo first.

My article in Digital Life on 19 May (Making the right selection) illustrated the use of Photoshop’s simplest selection tools – the Rectangular and Elliptical Marquee tools. Below are 4 handy tips when using any of Photoshop’s selection tools to make selections:

(more…)

The original Sneak Peek video for Content-Aware Fill

Monday, May 17th, 2010

This was the original sneak peek video that Adobe uploaded onto YouTube just 3weeks before the official launch. It gave a good idea of what the feature would be capable of.