Textured Design

Average: 4.4 (89 votes)
Preview: 

In this tutorial i will create a textured background with a very neat abstract touch to it. the end results probably isn't that useful for anything other then wallpapers, but nonetheless if your still learning how to use gimp then this tutorial is another great exercise for you.

Getting Started

Before i get started ill just remind you that my original image size it 1024x678 but I've resized the images for the sites width.

Step 1

Create an image area of 1024x768 or if intend to use it as your wallpaper then which ever resolution your on will do.

Step 2

Set your foreground color to 931818 and your background color to 000000

Step 3

Brab the "Blend tool" and in the Tools option dialog make sure your Gradient is set to FG to BG (RGB) and the shape to Radial.

Step 4

Apply the Gradient from the center of the image area to the bottom corner.

Step 5

Still with the blend tool selected, create a new layer then change the Gradient to a pre made gimp gradient named Abstract 2. now apply it from top to bottom.

Step 6

Now make sure you have the last layer we created highlighted then go to Filters>Distorts>Emboss.

Now in the Emboss window set the Azimuth to 256.76 Elevation to 132.35 and depth to 84 then press ok.

Once you've done step 6 your once rainbow looking gradient is now a cool texture like with some cool abstract lines.(image is zoomed at 100%)

Step 6

Now set the layer mode to "OVERLAY"

This is how it should look once you set the mode to overlay. ( image zoomed at 100%)

Here it is with the image at %50

Step 8

We're almost done, create a new layer and game your foreground and background color to black and change the gradient to FG to Transparent and the shape to Liner.

Step 9

Apply the gradient from the lower right corner to the centre of the image area, this is where the text will go so adding the extra dark shade would help the text blend in more.

Finally pick a nice font for the text, i used "Diavlo" which you can download from Here ,the colors i used are white as you can see :)

Here is my outcome, you can click on the image below to enlarge it.

Please if your very new to gimp and have a lot of very basic questions please post your questions in the Gimp forum section Gimp forum section this helps keep the tutorial pages for quick questions only.

Our testking 642-982 and testking 70-663 exams provide you 100% pass guarantee.You can get access to testking 000-107 & testking 650-393 exams with multiple prep resources of 642-067.

El Llama's picture

love it!

I love it!! Its amazing!

razie92's picture

nice!

nice tut there. thanks for posting it up :)

Visitor's picture

Re: Textured Design

Very nice, thanks for sharing it.

Gimper's picture

Re: Textured Design

your welcome :)

amy's picture

Re: Textured Design

I don't understand how you import the new font into Gimp?

flytrap's picture

Re: Textured Design

You guys make some great stuff with ridiculously easy-to-follow tutorials. I just wish there was more on here.

Gimper's picture

Re: Textured Design

Amy: if your on windows place your fonts inside your windows folder folder. you should see it inside gimp once you do that.

flytrap: thanks always nice to see people appreciating it :) and i also wish more people would explore gimps capabilities.

patatrac's picture

Re: Textured Design

Hey, great tutorial ! Absolutely simple to follow and amazing results (at least for a newbie like me).

Keep up the good work ;)

richiejr's picture

Re: Textured Design

Wow, i underestimated that. Thats a really nice effect. I suppose you could make the text look textured too, would give a cool effect, I'll have to try it out. When I get to grips with some of the more complex options I'll be sure to post a few tuts on this site, it'd be cool to contribute. Theres one thing I'm trying to accomplish at the moment and can't find any tuts for itgso when I finally manage it, I'll show it off.

Anyway again, nice work.

Also, the captcha needs some work, I don't know when 8 plus 5 didn't make 13 :D

SweetOblivion's picture

Outcome! http://i35.tinypic.c

Lillyanna-Windmane's picture

Re: Textured Design

Thank you much for this tutorial!

I tried it out and loved the outcome of it so much I tried a few more designs!

CoD-4-Freek's picture

Re: Textured Design

Another great one Gimper. Here's my result

http://http://24-7entertainment.synthasite.com/contamination.php

CoD-4-Freek's picture

Re: Textured Design

Stargazer's picture

Pretty neat!! But I'm stuck

Pretty neat!! But I'm stuck on Step 6. =/ How do you overlay?? o_O

Gimper's picture

To set your layer to overlay

To set your layer to overlay mode go to the layers tab and you will see a mode drop down, inside that drop is the overlay mode.

cameron's picture

good one are you doing any

good one

are you doing any more?

meridian57's picture

Very nice tutorial. I'm just

4

Very nice tutorial. I'm just a beginner and I found it easy to follow your directions. Taught me some new tricks.

Visitor's picture

Good Tutorial, Can I get

Good Tutorial,

Can I get another nice text maker different from diavlo?

Thanx

Hackuity's picture

My

Gimper's picture

Nice work Hackuity :)

Nice work Hackuity :)

Empress's picture

excellent work i understood

excellent work i understood everything. Nicely done ^^

vijaydude's picture

nice job

5

nice job

Cmol's picture

Nice! :D Cool tutorial

5

Nice! :D Cool tutorial :)

Outcome:
http://cmol.dk/imgplay2.png

Gimper's picture

I like yours better than mine

5

I like yours better than mine :) nice work

Visitor's picture

hay thanks dude i did really

5

hay thanks dude i did really well and actually made it :)
heres how it went:

http://img235.imageshack.us/img235/4438/wowd.gif

thanks so much i havent used gimp for ages and
now i feel like ive used it all my life :)

Post new comment

The content of this field is kept private and will not be shown publicly.
 
  • Lines and paragraphs break automatically.
  • Web page addresses and e-mail addresses turn into links automatically.

More information about formatting options

Tags