Tuesday, February 7th, 2012

Create a collage in Gimp

template collage in gimp opener Create a collage in Gimp

One task I perform regularly in Photoshop and Lightroom is to assemble multiple images on a single page for printing.  I love displaying my photos, for example, as triptychs –which are three side by side images.

I’ve posted before on the process in Lightroom here (http://projectwoman.com/2009/07/creating-a-triptych-in-lightroom.html) and here (http://projectwoman.com/2009/10/how-to-select-and-compose-a-triptych-in-lightroom.html)and today I’ll show you how to do this in Gimp using a set of templates I have created for you and that you can download free.

These templates work with both Gimp and Photoshop and you can find them here: http://projectwoman.com/articles/45PhotoshopTemplates.html

template collage in gimp 1 Create a collage in Gimp

Unzip the files and open the one to use in Gimp along with the images that you want to use. I’m using the Triptych.psd file.

template collage in gimp 2 Create a collage in Gimp

Start by viewing the template you are using and, in the Layers palette select and discard the top three layers which include the instructions for using the template in Gimp and in Photoshop and Photoshop Elements.

template collage in gimp 3 Create a collage in Gimp

Select the first of your images, choose Select > All  and then select > Edit > Copy to copy the image to the clipboard.

In the template click on the layer marked A and choose Edit > Paste as > New Layer. This pastes the image from the clipboard into the layer immediately above layer A.

Click the Move tool (set it to Layer) and drag the image over the top of the shape on the right. If desired, click the Scale tool and scale the image to size it larger than the black rectangle.

template collage in gimp 4 Create a collage in Gimp

Move the portion of the image that you’re most interested in seeing over the shape.

Now, to crop the image to size, click layer A, right click and choose Alpha to Selection.

template collage in gimp 5 Create a collage in Gimp

Now select the Clipboard layer that you’ve been working on, choose Select > Invert and press Delete.

template collage in gimp 6 Create a collage in Gimp

The image will be clipped to size using the template shape as a guide to the size. Choose Select > None before continuing.

template collage in gimp 7 Create a collage in Gimp

Repeat this process for layers B and C – select and copy the image to use, click the layer you’re working with (B or C) and choose Edit > Paste As > New Layer.

Move the image into position and scale it if desired. When scaling, making sure to lock the width and height so that the image is scaled in proportion.

Right click the layer you’re working with – Layer B (or C) and choose Alpha To Selection. Click your newest clipboard layer and choose Select > Invert and then Delete.

When you are done you should have all 3 images in position.

template collage in gimp 8 Create a collage in Gimp

This image has a background layer behind the pictures which currently shows white. If you prefer to add a solid color behind everything, delete this layer and add a new layer filled with your choice of color. Here I’ve added a new dark grey filled layer.

template collage in gimp 9 Create a collage in Gimp

You can finish off the design with some text or simply save the resulting image.

These storyboard templates are a good place to start with your picture layouts. You can find similar templates elsewhere on the web so start with a search for “Free Photoshop Clipping Mask Templates” or “Free Storyboard templates”

 

Thursday, June 4th, 2009

Rsizr – Image scaling on steroids

rsizr7 748414 Rsizr   Image scaling on steroids

While Photoshop, Lightroom and Photoshop Elements can resize images for you, only Photoshop CS4 supports content aware scaling. I’ll talk about this new feature in Photoshop in another post but if you’re interested in playing with content aware scaling and you don’t own Photoshop CS4, check out Rsizr.com

Rsizr resizes images by removing the unnecessary content from them or by stretching neutral areas of the image to make the picture bigger. It’s worth a visit just to see it at work.

rsizr1 714334 Rsizr   Image scaling on steroids
Start by uploading an image that you want to resize. This should be a JPEG, .PNG or GIF file with a height and width of less than 2,880 pixels – in practice, so you can see what’s going on quickly, upload an image sized smaller than this.

Once the image appears in the dialog you will see tabs with buttons for various functions including the File Function tab, View functions, Resize and Retarget functions.

rsizr2 714370 Rsizr   Image scaling on steroids
The program uses a seam carving technique to remove portions of the image. To get started drag the horizontal slider in the top of the window in to the size you want the image to be resized to. Click the Retarget button and watch as the seams are created (they’re the red marks you can see in the image) and the file shrinks in size.

rsizr3 700642 Rsizr   Image scaling on steroids
Once the seams have been created, you will see a set of sizing handles around the image which you can use to resize the image either to make it wider or narrower.

rsizr4 743446 Rsizr   Image scaling on steroids
You can protect areas of the image or mark them for deletion by clicking the Preserve or Remove indicators on the retarget functions tab and paint over the area to keep or remove.

rsizr5 731593 Rsizr   Image scaling on steroids
You might do this, for example, if you see some distortion in the resizing process and want to protect key portions of the image.

The rescale and crop tools are similar to what you’re used to using in your photo editing software – it’s the retarget option which is unique.

If you’re interested in learning more about seam carving technology, visit: www.seamcarving.com to see a video describing it.

Stop Press! There is a cool plug-in available for the Gimp which brings content aware scaling/seam carving to the Gimp. For more information and to get the download, check here: http://liquidrescale.wikidot.com/ and note that the Gimp version is called Liquid Rescale! Just in case you thought there weren’t enough ways to refer to the same thing.

Sunday, February 25th, 2007

GimpSHOP – all about layers, layer palettes and masks

GimpSHOP is Gimp with a great front end that makes it work much like Photoshop which you can find free for downloading here: GimpSHOP.

GimpSHOP, like any good photo editing program supports layers, and layer masks. These features aren’t always simple to get your head around but when you do, you’ll find they’re invaluable tools to use for photo editing tasks. Here, step by step, is how to work with them:

Step 1
To display the Layers palette press Shift F7 or choose Window, Layers. To add a new layer choose Layer, Duplicate Layer. There are no adjustment layers available in Gimp or GimpSHOP so this process keeps your original photo layer safe in case you need to use it later on.

Step 2
To adjust the levels in the image to improve its tonal range, choose Image, Adjustments, Levels and drag the sliders on the Input area of the dialog to adjust the contrast. The sliders under the chart should be moved inwards so they appear under the ends of the chart. The middle slider adjusts the midtones. Click Ok to apply this to the layer.

Step 3
To see how you can apply an effect or adjustment to this layer and blend it with the layer below, first create a duplicate of the top layer by choosing Layer, Duplicate Layer. Apply the edge detect filter by choosing Filter, Edge Detect, Edge and choose the Sobel Algorithm with the default value. This gives a new layer which is predominantly black and which displays the coloured edges in the image.

Step 4
Now, in the Layers palette, select the Divide blend mode from the dropdown list. Blend modes control how the top layer interacts with the layers below. Drag the opacity slider to the left to reduce the opacity of this layer so that some of the layers below show through thus mitigating some of the effect created by blending the layers together.

Step 5
To edit the effect the top layer gives to the image, use a Layer mask. Choose Layer, Mask, Add Layer Mask and choose White (full opacity) and click Ok. You should see no change in the image. Now select black or grey as the paint colour and paint the image to show part of the layers below through the image, thus effectively removing the effect of the blended edge filter. Paint with white to reapply the layer effect.

Step 6
The Layers menu offers tools for viewing a layer mask, applying it permanently to the layer, deleting it and making a selection based on it, etc.. You can also use the menu to configure the size of the thumbnail images by clicking by choosing Preview Size and then choose a view size from the list.

Monday, February 12th, 2007

Create a winning smile in GIMP

Shiny white teeth look great but, let’s face it, not all of us have the benefit of expensive orthodontics. Luckily, armed with some graphics software you can give yourself or your best friend a professional whitening job in seconds.

To whiten teeth, in GIMP, click your favourite selection tool and make a selection around the teeth. Take care to select all the tooth area but avoid including any of the gum line or lips. You may find the “Select contiguous regions tool” is the best to use. Set a feather by choosing Select, Feather and set a feather value of 1 or 2 if the image is large.

Choose Tools, Color Tools, Hue-Saturation and click the option button for the Yellows so you’ll adjust only the yellow coloring in the selected area. Reduce the intensity of the yellow by dragging the Saturation slider a little to the left. Check the Green and Red channels to see if altering their saturation has an effect and repeat as needed. Click on the Master button and drag the Lightness slider to the right to lighten the entire selection.