• home
  • forum
  • downloads
  • brushes
  • contact
Home

Your Ad here contact

Tutorial Categories

  • Effects
  • Icons & Buttons
  • Photo Manipulation
  • Textures
  • Website Layouts
  • Misc
  • Painting
  • Text Effects
  • Video Tutorials

Recent comments

  • Re: Contaminated Effect
    9 hours 17 min ago
  • Re: Textured Design
    9 hours 19 min ago
  • Re: Textured Design
    9 hours 22 min ago
  • Hey Gimper, Thx so much for
    13 hours 26 min ago
  • Re: 30 Ultimate Web 2.0 Layer Styles for Gimp
    1 day 8 hours ago
  • Re: Wordpress theme designed with Gimp
    1 day 9 hours ago
  • Re: Blog Theme Design tutorial
    1 day 16 hours ago
  • Re: How To Create Your Own Website Design Using Gimp
    1 day 22 hours ago
  • Re: Super Slick Dusky Lighting Effects in Gimp
    3 days 11 hours ago
  • Re: Split-toning in GIMP
    3 days 23 hours ago

User login

  • Create new account
  • Request new password
Enter your Email





Preview | Powered by FeedBlitz

Most Viewed Tutorials

  • Mac style Wallpaper (224765)
  • Vista Button (126655)
  • How To Create Your Own Website Design Using Gimp (96764)
  • Glow Effect (94962)
  • 30 Ultimate Web 2.0 Layer Styles for Gimp (83352)
more

Other Gimp Sites

  • Gimp.org
  • Gimpology.com
  • Gimper.net
  • Gimpusers.com
  • Wilber-loves-apple
  • Gimphoto.com

Textured Design

Submitted by Gimper on Sat, 03/01/2008 - 15:35.

Average: 4.2 (29 votes)
Preview:
textured.jpg

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

grab 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 wih 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 center 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.

Click here to Enlarge

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.

Coffe

If you liked this post, you can buy me a coffee, thanks

  • Textures

Comment viewing options

Select your preferred way to display the comments and click "Save settings" to activate your changes.
El Llama's picture

love it!

Submitted by El Llama on Sun, 03/02/2008 - 01:50.

I love it!! Its amazing!

  • reply
razie92's picture

nice!

Submitted by razie92 on Mon, 03/03/2008 - 09:12.

nice tut there. thanks for posting it up :)

  • reply
Visitor's picture

Re: Textured Design

Submitted by Visitor on Fri, 04/04/2008 - 03:19.

Very nice, thanks for sharing it.

  • reply
Gimper's picture

Re: Textured Design

Submitted by Gimper on Fri, 04/04/2008 - 03:38.

your welcome :)

  • reply
amy's picture

Re: Textured Design

Submitted by amy (not verified) on Wed, 04/23/2008 - 13:45.

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

  • reply
flytrap's picture

Re: Textured Design

Submitted by flytrap (not verified) on Wed, 04/23/2008 - 14:22.

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

  • reply
Gimper's picture

Re: Textured Design

Submitted by Gimper on Wed, 04/23/2008 - 14:35.

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.

  • reply
patatrac's picture

Re: Textured Design

Submitted by patatrac (not verified) on Wed, 04/30/2008 - 17:31.

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

Keep up the good work ;)

  • reply
richiejr's picture

Re: Textured Design

Submitted by richiejr (not verified) on Mon, 06/09/2008 - 17:25.

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

  • reply
SweetOblivion's picture

Outcome! http://i35.tinypic.c

Submitted by SweetOblivion on Wed, 07/23/2008 - 08:16.

Outcome!
http://i35.tinypic.com/igwz8i.png

  • reply
Lillyanna-Windmane's picture

Re: Textured Design

Submitted by Lillyanna-Windmane on Wed, 08/20/2008 - 22:20.

Thank you much for this tutorial!

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

  • reply
CoD-4-Freek's picture

Re: Textured Design

Submitted by CoD-4-Freek (not verified) on Mon, 10/06/2008 - 18:03.

Another great one Gimper. Here's my result

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

  • reply
CoD-4-Freek's picture

Re: Textured Design

Submitted by CoD-4-Freek (not verified) on Mon, 10/06/2008 - 18:06.

sorry. bad link. here you go
http://24-7entertainment.synthasite.com/contamination.php

  • reply

Comment viewing options

Select your preferred way to display the comments and click "Save settings" to activate your changes.

Post new comment

The content of this field is kept private and will not be shown publicly.
  • Web page addresses and e-mail addresses turn into links automatically.
  • You can use BBCode tags in the text, URLs will automatically be converted to links.

More information about formatting options

Captcha
This question is used to make sure you are a human visitor and to prevent spam submissions.
Copy the characters (respecting upper/lower case) from the image.

  • home
  • forum
  • downloads
  • brushes
  • contact