Gimptalk - Premier Gimp Community: Fitting Text to an Uneven Surface - Gimptalk - Premier Gimp Community

Jump to content

  • 2 Pages +
  • 1
  • 2
  • You cannot start a new topic
  • You cannot reply to this topic

Fitting Text to an Uneven Surface

#1 User is offline   fencepost 

  • Retired Staff
  • PipPipPip
  • Group: Retired Staff
  • Posts: 2,643
  • Joined: 01-March 05

Posted 23 November 2005 - 10:19 PM

This tutorial will show you how to make your text fit to an uneven surface using the Displace filter.

Here's a screenshot of our final output.

Posted Image

Note, that the text actually looks like it was part of the original surface prior to being "crumpled."

When it comes to the Displace filter, I'm an absolute newbie. So, I won't even pretend to baffle you with my "knowledge"; however, I can tell you that the displace filter uses a layer (a.k.a Displacement Map) to move (displace) pixels on another layer based on color. From what I've read, black, white, and gray images work best as displacement maps, but you can utilize color. This will give our images an appearance of depth....similar to the Bump Map filter.

For this example, I will be utilizing this image, which was created using Sonmica's "Making Crumpled Paper" tutorial, which can be found here: http://www.gimptalk....a=v&t=2140&f=14

Posted Image

Noclayto also has a similar tutorial on "Foil Paper" here: http://www.gimptalk....p?a=v&t=329&f=8

I recommend you that make your own surface to follow along with. But, if you don't have time (or are just really lazy :w:) you can download my blank image and open it in GIMP.

The first thing we need to do is add a text layer:

[*]Double-click your text tool (looks like a large capital "T").
[*]Set the font color to black (you can use other colors, but until you get used to the technique, please stick with black)
[*]Click anywhere on the crumpled paper image and add your text.
[*]Use your "Move Layers & Selections" tool (4-headed arrow) to position the text as you want it.

This is my result:

Posted Image

Notice that there is a dashed box around your text. This is the current size of your text layer. For the Displace" filter to work, we have to make it the same size as the background layer. This is very important. If you don't do this step, the "Displace" filter will not work.

[*]To resize, go to Layer | Layer to Image Size.... menu option. Here's a graphic to assist you:

Posted Image

Here's where the magic begins!

[*]Go to Filters | Map | Displace

Posted Image

[*]Make sure you set the dropdowns in both the X Displacement / Y Displacement sections to the paper layer. In our example, the background is the Displacement Map. For the purposes of this example, my background is called "crumpled_paperStep1.jpg/Background copy - 393". Yours will not have the same name. Choose the appropriate background layer
[*]Notice my X / Y Displacement settings are 0 (zero) & 5, respectively. This is what happens to work for my tastes in this particular example. Try my settings for now and then experiment on your own later.

Posted Image

[*]Now, set your text layer blend mode like so:

Posted Image

Again, these settings are what looks good to me. You could easily set your blend mode to normal and lower the opacity as you want, but this is what I'm using for the example. I also used a blend mode to accentuate how the text fits to the surface. Ink probably wouldn't show the paper behind it, but you get the idea.

Here's my final result:

Posted Image
How did you do?

You can use the displace filter to move things other than text, but I just wanted to get our feet wet with some lettering!

Suggestions, comments and criticisms are always welcome. Looking forward to seeing your creations.

Keep on GIMPing!


Art
0

#2 User is offline   newt 

  • Advanced Member
  • PipPipPip
  • Group: Members
  • Posts: 1,806
  • Joined: 26-October 05

Posted 23 November 2005 - 10:29 PM

Excellent havent seen any one do a tut for this yet.
Thanks!
Posted Image Posted Image
0

#3 User is offline   phill 

  • Member
  • PipPip
  • Group: Members
  • Posts: 289
  • Joined: 12-June 05

Posted 23 November 2005 - 10:45 PM

Very well designed tut!
0

#4 User is offline   sonmica 

  • Member
  • PipPip
  • Group: Members
  • Posts: 81
  • Joined: 08-September 05

Posted 23 November 2005 - 11:08 PM

awesome ! definitely trying this when i get home xD
0

#5 User is offline   kward1979uk 

  • Member
  • PipPip
  • Group: Members
  • Posts: 527
  • Joined: 02-June 05

Posted 24 November 2005 - 10:55 AM

thanks for the tut i tried to use displace before and couldn't work out how to work it
0

#6 User is offline   sonmica 

  • Member
  • PipPip
  • Group: Members
  • Posts: 81
  • Joined: 08-September 05

Posted 24 November 2005 - 11:49 AM

yaaay ...

Posted Image
0

#7 User is offline   zisme 

  • Member
  • PipPip
  • Group: Members
  • Posts: 25
  • Joined: 09-September 05

Posted 24 November 2005 - 09:49 PM

My finished product!
Posted Image
0

#8 User is offline   PsychoticAmber 

  • Member
  • PipPip
  • Group: Members
  • Posts: 62
  • Joined: 27-November 05

Posted 27 November 2005 - 06:10 AM

Though i followed instructions on the foil paper tutorial it still doesnt look right to me, though that could be because of how old my monitor is (10 years of age) but heres how mine turned out (yes i added a white lining which can be done by clicking the text layer and select alpha to selection and do another layer and fill it with desired color and then merge the font layer down and then grow the selection by 1px and then ctrl+i, ctrl+k, ctrl+shift+a) only added the white lining because i couldnt really see my font so well o.O:

Posted Image

Edit: this image was done for a tutorial i made that can be found here: http://www.deviantar...ation/25694269/
0

#9 User is offline   PsychoticAmber 

  • Member
  • PipPip
  • Group: Members
  • Posts: 62
  • Joined: 27-November 05

Posted 27 November 2005 - 06:13 AM

sorry to double post but heres another one i did not intending to do a foil look:
Posted Image

Edit: Btw I really liked the effect that both these tuts have, its alot better then using the filter in PS to make your drawling look like that in my opinion...cant remember what the filter is called o.O
0

#10 User is offline   MotoXguy 

  • Advanced Member
  • PipPipPip
  • Group: Members
  • Posts: 1,155
  • Joined: 01-June 06

Posted 26 June 2006 - 08:04 PM

when i tried it it wouldnt let me swich to the background layer when i was displacing it
Posted Image
_______________________________________
XFIRE= jlng37
PS>GIMP
0

#11 User is offline   fencepost 

  • Retired Staff
  • PipPipPip
  • Group: Retired Staff
  • Posts: 2,643
  • Joined: 01-March 05

Posted 26 June 2006 - 08:06 PM

Please slow down and reread the tutorial. There's a very important step that's highlighted that you skipped right over.
0

#12 User is offline   MotoXguy 

  • Advanced Member
  • PipPipPip
  • Group: Members
  • Posts: 1,155
  • Joined: 01-June 06

Posted 26 June 2006 - 08:17 PM

ok sry bout that it worked great this time
Posted Image
_______________________________________
XFIRE= jlng37
PS>GIMP
0

#13 User is offline   MotoXguy 

  • Advanced Member
  • PipPipPip
  • Group: Members
  • Posts: 1,155
  • Joined: 01-June 06

Posted 26 June 2006 - 08:46 PM

fencepost is it ok if i post this tutorial on my site? ill give you full credit and put a link back here
Posted Image
_______________________________________
XFIRE= jlng37
PS>GIMP
0

#14 User is offline   fencepost 

  • Retired Staff
  • PipPipPip
  • Group: Retired Staff
  • Posts: 2,643
  • Joined: 01-March 05

Posted 26 June 2006 - 09:01 PM

Sure, but if you plan on using my images, please download and save them to your own site first and link to those images instead. That will help reduce the drag on my bandwidth. Thanks for asking. :w:

Art
0

#15 User is offline   MotoXguy 

  • Advanced Member
  • PipPipPip
  • Group: Members
  • Posts: 1,155
  • Joined: 01-June 06

Posted 26 June 2006 - 09:10 PM

ok ill make sure i do that
Posted Image
_______________________________________
XFIRE= jlng37
PS>GIMP
0

#16 User is offline   PhotoMaster 

  • Member
  • PipPip
  • Group: Members
  • Posts: 856
  • Joined: 15-May 06

Posted 27 June 2006 - 12:33 AM

Hey Fencepost,
Awesome tut! I love the way it works and ease of use.

Thanx Again!!!

Greg

Posted Image
Posted Image

My Sigs = My Photos
Check out my work at http://www.flickr.co...photomastergreg.
0

#17 User is offline   fencepost 

  • Retired Staff
  • PipPipPip
  • Group: Retired Staff
  • Posts: 2,643
  • Joined: 01-March 05

Posted 27 June 2006 - 02:11 AM

No, problem. When I figured out what was actually going on, it immediately became one of my favorite filters! Really gives things an added realism, doesn't it?! :l: Unfortunately, these types of tutorials get passed right over because they generally aren't part of the "IN" thing.
0

#18 User is offline   Trapezium 

  • Advanced Member
  • PipPipPip
  • Group: Members
  • Posts: 1,065
  • Joined: 24-June 06

Posted 27 June 2006 - 07:09 AM

I can't say that it taught me anything new, but I can say that it's given me a GREAT idea!

See, this can be used for anything, and I think it'd look great - particularly with the grain merge layer settings - with a faded watercolour on the crinkled paper.

Cheers. :)
Posted Image
0

#19 User is offline   fencepost 

  • Retired Staff
  • PipPipPip
  • Group: Retired Staff
  • Posts: 2,643
  • Joined: 01-March 05

Posted 27 June 2006 - 10:28 AM

Well, not everyone is as advanced as you are and for those of us that aren't it's all about sharing ideas. I learned something one day and shared it with the group.
0

#20 User is offline   Ir0n 

  • Member
  • PipPip
  • Group: Members
  • Posts: 18
  • Joined: 01-April 06

Posted 02 July 2006 - 06:13 PM

I'm trying to use this technique to make crinkled paper. So what I've done is made the "foil" layer and I have another layer that resembles lined paper. Both of the layers are "Layered to Image Size". This is where I start to have problems. Can anyone help please? I've been trying to do it with the "Displace" filter.

Thanks,
-Ir0n
Posted Image
0

Share this topic:


  • 2 Pages +
  • 1
  • 2
  • You cannot start a new topic
  • You cannot reply to this topic