Hello Bar

Monday, February 21, 2011

A Textures Primer

The use of textures can add a pleasing dimension to an image that might otherwise appear flat and uninteresting. Adding texture to an image is a simple process using GIMP.

Skills in this exercise:

  • Create new layers
  • Open an image as a new layer
  • Rearrange layers


The background image should have a transparent background like the simple silhouette I used. Download it here. The original photo is by Michal Zacharzewski and was downloaded from stock.xchng.

tex00-1.png

You'll need a texture image of something like leather, marble, fabric, etc. A good free source of such textures is Image*After. All the textures used in this tutorial were downloaded from there. Download the marble texture used in this exercise here.


With the background image open, open the texture image as a new layer, File > Open as Layers.... The new layer assumes the name of the image, marble.jpg. In the Layers pallet, drag the marble.jpg layer under the Background layer.

tex01-1.png


Next create a new transparent layer between the Background and marble.jpg layers. Use the New Layer icon in the bottom left corner of the Layers pallet. Name the new layer paint.

tex02-1.png

The paint layer should be painted with an appropriate solid fill (Bucket Fill tool) or gradient (Blend tool). I chose to use a gradient, Browns, from the default pallet.

tex03-2.png

Finally, decrease the opacity of the paint layer (with the Opacity slider) to get the desired effect. I used an opacity of 50% in this example.

tex04-1.png

The final product

tex99.png

Tip: You may want to resize the texture layer to match the dimensions of your background image to achieve better results. Here is the same image with the marble texture image resized to match the background image. You see the there's more detail in the texture layer.

tex04a-1.png

Here are some examples in which I have used different texture images.

Leather Texture

tex05-1.png

Brick Wall Texture (Resized to match background, 80% opacity)

tex06-1.png

Textures are easy to use and can add a lot of interest to a picture. Experiment with different colors and gradients on the paint layer, vary the opacity, and try different layer modes.

Friday, February 11, 2011

GIMPing Along is now available as a book!

GIMPing Along Vol 1 includes more than 25 GIMP tutorials, how-tos, and tips from my blog.

You can view (including mobile devices), download, and print GIMPing Along Vol 1 here for free on Scribd.

20110211-83eddae96ikya9s9caa932dm9c.png

This book represents very much effort and time on my part. If after viewing, you feel that a donation would be appropriate, it would be greatly appreciated. Pay what you think it's worth to you and what you can afford. Click on the PayPal button on the GIMPing Along home page.

If you feel the book is of no value to you, or you simply can't afford anything, well, that's OK, too.

By the way, I used BlogBooker, a free service, to convert my blog into a PDF book.

20110211-xwdngctyg82a2psx7u2mr9rbhd.png

 

Tuesday, February 8, 2011

Back in the Day

Make an image look like it's 70 years old with a vintage effect in this lesson.

vint00.jpg

Some of the skills used in this exercise:

  • Use the Blur and Noise filters
  • Add a texture layer
  • Change layer modes and opacity
  • Add a vignette effect

Resources to download:Original image, Paper Texture image, Scratches image

Start by reducing the quality of the original image.

Download and open the original image, a picture of two women (or use an image of your own). Start by making the picture a little blurry, Filters > Blur > Gaussian Blur…, set the radius at about 2 or 3.

Now, add a little noise to the picture, Filters > Noise > RGB Noise..., select Correlated noise, uncheck Independent RGB, move the sliders left to 0.10.

vint01.png-

Convert the picture to grayscale, Colors > Desaturate... with defaults.

vint02.png

Next you'll yellow the picture.

Add a new transparent layer, Layer > New Layer..., named Gradient. Select the Blend tool and find the preset gradient Yellow Orange in the Gradients pallet. Apply the gradient to the Gradient layer from upper left to lower right then adjust the opacity to about 33%.

vint03.png

Give the picture a paper-like texture.

Download and open the Paper Texture image. Scale the texture image to match the dimensions of the original picture (1000 x 755, if you're using my picture), Image > Scale Image....

Copy the scaled image then paste it into the original picture, Edit, Paste as > New layer. Name that layer Paper. Change the layer Mode to Grain Extract with an opacity of 40%.

vint04.png

You can now add a few simulated scratches to the picture.

Download and open the Scratches image, scale to match your picture, and copy. The Scratches image may appear to be an empty transparent image.

Paste it into the original picture as a new layer named Scratches. Set the layer Mode to Overlay with a 50% opacity.

vint05.png

Select the Background layer and reduce the contrast to -15, Colors > Brightness and Contrast.

vint06.png

Add a vignette effect around the outside of the picture.

Use the Rectangle Select tool to make a selection with rounded corners (corner radius of 50) about 50 pixels inside the edges of the image.

Feather the selection about 100 pixels, Select > Feather... , and invert the selection, Select > Invert.

vint07.png

Add a new transparent layer named Vignette. With the Bucket Fill tool, fill the selection with black. Adjust the opacity to 50%.

vint00.jpg

You should now have a fairly authentic looking "vintage" picture. There's a lot of room to play with different settings in layer modes and opacity. Have fun!

Saturday, February 5, 2011

Create a Watermark and Place it in a Photo

In this two-part exercise, you will learn how to make a simple watermark image and place it in a photo.

road_mrkd.jpg

Among the skills used in this lesson:

  • Setting and switching the default colors
  • Using Guides
  • Using the Text tool
  • Merging layers
  • Using the Select by Color tool
  • Resizing a selection

I. Creating a watermark image

Set the color swatches to the default colors (Click on the small black and white icon next to the swatches.). Create a new image, 600 x 600 pixels. In Advanced Options choose Fill with: Foreground color.

mrk00.png

You should now have a black square. Drag guides out from the rulers to both the horizontal and vertical centers.

mrk01-2.png

Select the Text tool (Settings: Sans Bold, 48 pt, white).

mrk02-1.png

Click in the image and type the text for your watermark in the pop-up text box, click Close. With the Move tool, center the text layer.

mrk03-1.png

Right-click the text layer in the Layers pallet and choose Layer to Image Size.

Set guides at 75 pixels from the left and right edges, 150 pixels from the top and bottom.

mrk04-1.png

With the Ellipse Select tool select an oval inside the rectangle (Tip: Use a corner of the box as the starting point.).

mrk05-1.png

Add a new layer, Oval. Switch the foreground and background colors by clicking the two-headed arrow next to the swatches (foreground color is white). Fill the selection with white using the Bucket Fill tool.

mrk06-1.png

Shrink the selection by 10-15 pixels, Select > Shrink… Then delete the selected area, use the Delete key or Edit > Clear and deselect, Select > None, or Ctrl+Shft+A.

mrk08-1.png

Merge the Oval layer down onto the Text layer. Right-click the Oval layer, choose Merge Down. You can drag off the guides now with the Move tool.

mrk09.png

With the Select by Color tool, click anywhere in the black color.

mrk10-1.png

In the Layers pallet, select and delete the original layer, Background, with the Trash Can icon. Deselect and you now have a white watermark image on a transparent background.

mrk11-1.png

Save the image as a PNG file to retain the transparent background, File - Save as....

II. Watermarking an image

Open the image you want to watermark. Open the watermark image you created as a new layer, File > Open as Layers....

mrk12-1.png

Adjust the opacity of the watermark layer to about 30-40%.

mrk13-1.png

You may want to reposition or resize the watermark layer to suit your needs. Merge the watermark layer down into the Background layer and you have successfully placed a watermark in your photo.

road_mrkd.jpg