Showing posts with label Gimp. Show all posts
Showing posts with label Gimp. Show all posts

Creating 3D Text Using Gimp



There are many different styles that can be applied to 3D text, and its appearance can vary widely depending on the font used, as well as any further effects that have been added. However, all such text is created in fundementally the same way, particularly when using Gimp. The old way was to create a drop shadow layer and create copies until the shadow gave the appearance of being solid, which suggested depth to the text. The method demonstrated here however, although similar is much simpler and much quicker.


If you want to follow this tutorial using the same font and colours the details are given below. I believe (if I rememebr correctly) the font is automatically installed with Windows, but a download link is given for those who may not have it.


Font: Gill Sans Nova Ultra-Bold 

Red: #d46150

Yellow: #eadaa6

Blue: #193248

Creating 3D Text Using Gimp


1/ Open Gimp and select the font and shadow colours you're going to use. Also select the font. Here Gill Sans Nova Ultra Bold  was used.

2/ Type the text, and adjust the font size if needed.

3/ The spacing of the letters can be adjusted by clicking on the arrows highlighted in red, above. A setting of -2 has been used to bring the letters closer together.

4/ In the Layers panel a copy of the text layer has been added as well as two empty layers. Hide the top text layer by clicking the eye icon to the left of the layer thumbnail.


(The extra text layer isn't strictly necassary. Its more of a habit in case things go wrong with the first layer).


5/ Right click on the visible text layer and from the drop down menu select Merge Down, so it merges with the topmost empty layer.

6/ Right click on the merged layer and from the drop dowm menu select Alpha to Selection.

 7/ The text in the main window should now have a marching ants outline. Hit Select > Grow.
Homepage thumbnail



8/ The above window should appear. Select a size for the selection to grow by. This is so an outline can be added to the text. (This isn't essential for 3D text, but it suits the style of this graphic). In this example the selection will grow by 15 pixels, but you may need to choose a size that fits with your text.


9/ The text will look something like the above.

10/ Make sure the outline colour is selected. This should be the same colour the depth of the text will be.

11/ The active layer should be the empty layer below the merged layers.

12/ Select the Paintbrush from the Tools panel.

13/ Use the paint brush to paint in the selection in the layer below the merged layers. The Fill tool can be used instead, but it doesn't seem to give a clean outline like the paint brush does.

14/ Now hit Select > None.

15/ With the original merged layer the active layer, right click and from the drop down menu select merge Down, so the text and outline become one layer.

16/ Select Layer > Crop to Content.

Adjusting The Text

We'll now make a few adjustments to the text to help with the 3D look.

17/ Select the Shear tool, highlighted in red, above.

18/ drag the right edge of the text upwards until it looks something like above.

19/ In the Shear window hit Shear when you're ready.

20/ Select the Perspective tool.

21/ There should now be a rectangle with diamond shaped handles at each corner, surrounding the text. Drag one of the top handles so the text slants a little, then drag the other top handle to match the slant of the first. This helps to add to a sense of 3D once the text has some depth.

 22/ When you're ready hit Transform in the Perspective window.

Creating Depth 

 We're now ready to create the 3D effect.

23/ With the outlined text the active layer, select Filters > Light and Shadow > Long Shadow.

24/ A window as above will appear in the canvas area. As can be seen here the text already has a 3D appearance, without being tweaked.

25/ The angle of the shadow can be adjusted by changing the settings highlighted in red above. Tweaking the area highighted in green will change the depth of the text, and below that is an option to change the colour of the depth.

26/ The original angle setting of 45 seemed to suit this text, but the depth was shortened to 50. Since the colour was selected before opening the Long Shadow window that didn't need to be changed.

When you're happy with the settings hit OK.

The 3D text effect is now complete. All thats left to do is add a background and some extra elements if needed and to export the finished image. 
This is such a quick and easy way to create 3d text in Gimp, and a big improvement on the old method. Any text design made in Gimp, no matter how different it looks from this basic example, will use a very similar method. 
Have fun creating and experimenting with 3D texts in Gimp, and join us on Facebook to keep up with all of our  new content..
Read More

How To Sharpen A Second Life Photograph With The High pass Filter In Gimp


Its always been my experience that raw snapshots taken in Second Life are not as focused as they could be. They tend to be slightly undefined. Taking snapshots with the Black Dragon viewer makes a difference, but can be very impactful on PC resources. Whichever viewer you use, knowing how to sharpen a Second Life photograph is essential, as its one of those select tools that can help make your images pop.


The image used for this tutorial was taken at Frogmore, a very picturesque sim where all Second Life photographers will find something to inspire them. The destination guide describes it very well:


Frogmore is a natural, photogenic, and fully immersive experience inspired by historic Cornwall, England, bordered by the Celtic Sea and the English Channel. Frogmore is rated Moderate and open to the public; please join the free group for rezz rights and enjoy the lavish experience of the Cornish Riviera.


Sharpening A Second Life photgraph With The High Pass Filter In Gimp

There are a number of ways to sharpen a Second Life Photograph in Gimp (some of which will be covered in later tutorials), but this technique works well and is quick and easy.

1/ Open the image in Gimp.

2/ Click on the icon to the bottom right of Gimp (highlighted in red above), to duplicate the image.

3/ The two image layers can be seen to the right.

4/ This step isn't strictly necessary, but it will stop the high pass filter from highlighting colours. With the top layer active, select Colors > Desaturate > Desaturate.
This image is here so it will be the thumbnail
on the homepage. Blogger is rubbish.


5/ This window will open. The Mode drop down menu offers different desaturation types. Here Lightness (HSL) has been selected.


6/ The desaturated image will look something like the above.


7/ With the desaturated image still the active layer, select Filters > Enhance > High Pass...


8/ The top layer will look something like the above, and the High Pass window will be open.


9/ Set a value for the Dev option. Here 15 has been selected. A little intuition is needed here because a few things will affect how much or how little high pass to use. Image size is one factor that may influence this. 

10/ The level of detail shown in this high pass layer looks about right.



11/ Click on the Mode drop down button to the right, highlighted above in red.


12/ From the drop down list select a blend mode. The section beginning with Overlay and ending with Hard Mix are the blends that work well with the high pass filter. 

13/ Here, hard light is the blend thats been selected.



14/ Your image should now be much sharper, although it can be tweaked a little more. If you want to sharpen the image even further the high pass filter layer can be duplicated, the blend mode can be changed, and the opacity adjusted. 


To see the difference the high pass filter can make, below is the before and after. Click to enlarge if you need to.



The effect may not be too dramatic here, but this is a very flexible method for sharpening images, and you're free to play around and experiment. 


We hope you've found this tutorial useful. If so bookmark, like us on Facebook, and generally subscribe.

Read More

How To Remove Haze From A Second Life Photograph Using Gimp

One of the Second Life features that can really make an image stand out is the Environment settings. A technique I often use is to adjust the haze sliders so the sky and land or sea blend together, thereby avoiding the harsh horizon line that is sometimes too evident in Second Life pictures.

The haze effect however often affects the entire image including the foreground. If this is the effect Second Life photographers are looking for thats fine, but if not there is a way around this. This tutorial will show three methods of removing the haze from a Second Life image using Gimp.

The original image used for this Gimp tutorial was taken at Clockwork Bird. Take a few moments to visit this brilliantly constructed location.

If you're looking for methods to remove haze from real world photographs then these methods will work just as well.

There is also a video version of this tutorial on the SL-Inspiration YouTube channel.

Click on each image in turn to view full size.

Method One: Levels I

1/ Open the image in Gimp.

2/ Select Colors > Levels (highlighted in red, above).

3/ The above window will open. The Input Levels has three trianglular handles that can be moved to adjust this setting. For this tutorial we're interested in the two outer handles.

4/ Grab and drag one handle with your cursor by holding down the left mouse button. Adjust the handles using the above image as an example, until you're happy with your image.

5/ The haze should now be markedly reduced in the foreground of the image.

6/ Your image is now ready for further editing, or exporting.

Method Two: Levels II

1/ With the image opened in Gimp, make a duplicate layer by clicking the icon highlighted lower right. Make sure the top layer is active.

Now select Colors > Levels again.

2/ This time we're going to drag the right handle on the Output Levels towards the middle of the Levels window

3/ Adjusting the slider will make the image cloudy, as above. The amount of cloudiness will differ from image to image so a little trial and error will be involved.

4/ From the Mode drop down menu select Soft Light.

5/ The haze should now have cleared from the foreground, although the image as a whole may look a little blown out.

6/ To compensate for this, adjust the opacity of the top layer until you're happy with the image.

7/ The layers can now be merged, and the image exported from Gimp.

Method Three: Curves 

1/ This method is very similar to method two, except this time we'll be using the Curves selection.

Start by duplicating the image so there are two copies in the Layers panel. Make sure the top layer is the active layer. Now select Colors > Curves.

2/ This window will open. The Curves window lets any part of the line be dragged to form a curve. For this tutorial however we're just going to adjust the top of the line, highlighted in red.

3/ Grab the top node with the cursor and drag it into a similar position to the image above. How much you move this node will depend on your image. You're aiming to get a cloudy appearance, as in method two.

4/ The top layer should look something like above. In the Mode drop down window select Soft Light.

5/ The opacity of the top layer will probably need adjusting.

6/ When you're ready merge both layers and export.

Below is the original image to compare the results with.

As you can see, removing haze from a Second Life image is quick and easy. All three methods here produce similar results, although perhaps two and three need more trial and error than the first. I particularly like the foreground contrasted with the background receding into haze these methods produce.
Read More