It is currently Fri Apr 26, 2024 4:23 pm


All times are UTC - 5 hours [ DST ]



Post new topic Reply to topic  [ 22 posts ]  Go to page 1, 2  Next
Author Message
 Post subject: Engraved Inline Text Tutorial
PostPosted: Wed Jul 27, 2011 10:57 pm  (#1) 
Offline
Retired Staff
User avatar

Joined: May 22, 2008
Posts: 6947
Location: Somewhere in GIMP
This tutorial was written by poet666d at Gimp Talk.

Image

Engraved inline-hatched Text tutorial by Poet666d.

Requirements - Layer Effects script - http://registry.gimp.org/node/186


Create a new document.
I like to work large so I used 1600x1200 just for this text.
(its better to work large and scale down if you need to rather than the other way!)

Step 1. Create a White layer and add a black layer above it.

Step 2. Set the black layers opacity to 50% (to give us a nice mid grey so we can see what we're doing)

Step 3. With the text tool fill the entire canvas with your text, set its colour to WHITE.
(I used Times New Roman Bold for the example with a size of 266)


You should have something like this:
Image

Step 4. With your text layer still highlight Go to: Script Fu - Layer Effects - Stroke.
Set the Colour to White, the Size to "8" and slide "Position" to "100", leave everything else.
Image

This should add a "your text ...stroke" layer UNDER your text layer.


Step 5. Select your text layer again and again go to: Script Fu - Layer Effects - Stroke.
Set the Colour to #7e5a16 (a nice mid brown, or whatever you like) and increase the size to "10", leave everything else.
(setting the size to "9" might be better here for a thinner more attractive shadow)
Image

This should add a "your text ....stroke#1" layer ABOVE your first "...stroke" layer.


Step 6. Select the new "stroke#1" layer and move it down 3 pixels and to the right 3 pixels.
Then move the layer down in the list underneath the first "stroke" layer.

Step 7. Select your original text layer again and again go to: Script Fu - Layer Effects - Stroke.
Set the colour to Black, size to "8" and slide "Position" down to "0", leave everything else.
Image


Step 8. Create a new Transparent layer on top of all the rest and select it.

Step 9. Go to: Filter - Render - Pattern - Grid.
Unlink Horizontal and Vertical "Width" and set Width to "4" and Vertical to "0" Spacing to 16 x 16 and Colours to Black.
Image


Step 10. Right click on original Text layer and "Text to Selection"

Step 11. Click on your Grid layer to make it active, go to Select - Invert Selection and then Edit - Clear.

Step 12. Select - None and then delete your Black Layer and you're done.

Marvel at your new Typograhy skills.

Image


ADDITION:

1. If you want to achieve the "offset" look to the fill.
2. In step 7 set the black inner fill size to "4"
3. Use Filter - "repeat Stroke" to make another the same size.
4. Move the newly created copy left 3 or so pixels (make sure no white gaps appear!).
5. Go to Original text and "Text to path".
6. Go to Paths dialogue and select "Path to selection"
7. Go back to the black inner-stroked layer that you just moved left, Select - Invert and Edit - Clear.
8. Go back to Original Text layer and repeat the above step 3,4,6 and 7. Moving the new copy more each time ie 6 pixels, 9 pixels, 12 pixels etc.
Four or so repeats should do it.

Offset "fill":
Image


The above is an attempt to replicate the effect based on this Tutorial by Yves Peter:

http://fontfeed.com/archives/engraved-festive-type/


The Gimp version gives more rounded edges to the shadows and doesn't have the "fill" offset to the left as in the original tutorial.

Both would be nice touches, and if anyone has any suggestions how that might be achieved please feel free to add!


Thanks. :)


EDIT
------

Might be better to set size to "9" in step 5.
Gives a thinner and more attractive outline.
All other steps the same.

EDIT 2
------

Added method to offset fill as "Addition" to tutorial.


Share on Facebook Share on Twitter Share on Orkut Share on Digg Share on MySpace Share on Delicious Share on Technorati
Top
 Post subject: Re: Engraved Inline Text Tutorial
PostPosted: Wed Jul 27, 2011 11:28 pm  (#2) 
Offline
GimpChat Member
User avatar

Joined: May 16, 2010
Posts: 14709
Location: USA
Very nice tutorial O, thanks for posting it. :)

_________________
Image
Edmund Burke nailed it when he said, "The only thing necessary for the triumph of evil is for good men to do nothing."


Top
 Post subject: Re: Engraved Inline Text Tutorial
PostPosted: Thu Jul 28, 2011 4:21 am  (#3) 
Offline
Global Moderator
User avatar

Joined: Apr 07, 2010
Posts: 14182
Nice tute O....
Image

_________________
Image


Top
 Post subject: Re: Engraved Inline Text Tutorial
PostPosted: Thu Jul 28, 2011 5:49 am  (#4) 
Offline
GimpChat Member
User avatar

Joined: May 16, 2010
Posts: 14709
Location: USA
Really nice results with this tutorial. :)

Image

_________________
Image
Edmund Burke nailed it when he said, "The only thing necessary for the triumph of evil is for good men to do nothing."


Top
 Post subject: Re: Engraved Inline Text Tutorial
PostPosted: Thu Jul 28, 2011 6:06 am  (#5) 
Offline
GimpChat Member

Joined: May 09, 2011
Posts: 28
For a little bit more variety instead of using scanlines you could use a gradient. Based off this tutorial.

Just in case you would like to use a different color for the text the second gradient is just black with transparency substituted for the white.


Attachments:
old_school2.ggr [3.48 KiB]
Downloaded 312 times
oldschool.ggr [3.38 KiB]
Downloaded 341 times


Last edited by capnhud on Thu Jul 28, 2011 10:54 am, edited 1 time in total.
Top
 Post subject: Re: Engraved Inline Text Tutorial
PostPosted: Thu Jul 28, 2011 6:22 am  (#6) 
Offline
GimpChat Member
User avatar

Joined: May 16, 2010
Posts: 14709
Location: USA
Thanks for the new gradient!That does work nicely too. :)

Image

Though i believe i should have blended from top to bottom instead of left to right :lol

Looks cool still though!

_________________
Image
Edmund Burke nailed it when he said, "The only thing necessary for the triumph of evil is for good men to do nothing."


Top
 Post subject: Re: Engraved Inline Text Tutorial
PostPosted: Thu Jul 28, 2011 6:27 am  (#7) 
Offline
GimpChat Member

Joined: May 09, 2011
Posts: 28
Since I use that gradient in inkscape I can adjust it anyway that I want, but yes it is supposed to be used from top to bottom or vice versa


Top
 Post subject: Re: Engraved Inline Text Tutorial
PostPosted: Thu Jul 28, 2011 10:10 am  (#8) 
Offline
Retired Staff
User avatar

Joined: May 22, 2008
Posts: 6947
Location: Somewhere in GIMP
I filled the black text with a pattern I had.

Image

This one I used capnhud's gradient. Thanks capnhud, nice gradient. :mrgreen:

Image

How to offset the text.

After making the white text and positioning it, duplicate the white text layer, rename it black text, lock the transparency and fill it with black. Unlock the transparency. Duplicate that layer and move one of them down below the background layer (it's good to have a spare, just in case ...). Turn off the visibility of the top black text layer.

Do the tutorial up through the brown stroked text using the white text.

Turn on the visibility of the black text. Make it the top layer if it isn't already.

Alpha to selection to the black text layer, shrink the selection 4. Move the selection 2 pixels to the left. Delete

Increase the selection 1. Do the grid. Unselect.

Image

_________________
Image
World War IV will be fought with sticks and stones. - Albert Einstein


Top
 Post subject: Re: Engraved Inline Text Tutorial
PostPosted: Thu Jul 28, 2011 10:35 am  (#9) 
Offline
GimpChat Member
User avatar

Joined: May 16, 2010
Posts: 14709
Location: USA
Awesome O! :)

_________________
Image
Edmund Burke nailed it when he said, "The only thing necessary for the triumph of evil is for good men to do nothing."


Top
 Post subject: Re: Engraved Inline Text Tutorial
PostPosted: Thu Jul 28, 2011 10:59 am  (#10) 
Offline
GimpChat Member

Joined: May 09, 2011
Posts: 28
I am liking the nice results.

The second gradient provided I hope allows you more freedom in the color you use since the black could easily be selected and changed to a different shade to accomodate a different text color.

[But it is so much easier to just use inkscape and drop the gradient in a document and edit the gradient then save as plain svg in gimp gradients and then duplicate it to turn it into a ggr.]


Top
 Post subject: Re: Engraved Inline Text Tutorial
PostPosted: Thu Jul 28, 2011 11:04 am  (#11) 
Offline
GimpChat Member
User avatar

Joined: May 16, 2010
Posts: 14709
Location: USA
Thanks capnhud!

_________________
Image
Edmund Burke nailed it when he said, "The only thing necessary for the triumph of evil is for good men to do nothing."


Top
 Post subject: Re: Engraved Inline Text Tutorial
PostPosted: Thu Jul 28, 2011 11:18 am  (#12) 
Offline
Retired Staff
User avatar

Joined: May 22, 2008
Posts: 6947
Location: Somewhere in GIMP
capnhud wrote:
The second gradient provided I hope allows you more freedom in the color you use since the black could easily be selected and changed to a different shade to accomodate a different text color.

[But it is so much easier to just use inkscape and drop the gradient in a document and edit the gradient then save as plain svg in gimp gradients and then duplicate it to turn it into a ggr.]
Ah! Thanks for the transparent one, capnhud.

Image

_________________
Image
World War IV will be fought with sticks and stones. - Albert Einstein


Top
 Post subject: Re: Engraved Inline Text Tutorial
PostPosted: Thu Jul 28, 2011 11:29 am  (#13) 
Offline
GimpChat Member
User avatar

Joined: May 16, 2010
Posts: 14709
Location: USA
O i love that font what is it if you do not mind my asking? :)

_________________
Image
Edmund Burke nailed it when he said, "The only thing necessary for the triumph of evil is for good men to do nothing."


Top
 Post subject: Re: Engraved Inline Text Tutorial
PostPosted: Thu Jul 28, 2011 12:05 pm  (#14) 
Offline
Retired Staff
User avatar

Joined: May 22, 2008
Posts: 6947
Location: Somewhere in GIMP
Rod wrote:
O i love that font what is it if you do not mind my asking? :)
You can get it here, Rod. It's a nice, big, thick font for when you need a big, thick font.

http://www.dafont.com/arb-187-modern-caps.font

_________________
Image
World War IV will be fought with sticks and stones. - Albert Einstein


Top
 Post subject: Re: Engraved Inline Text Tutorial
PostPosted: Thu Jul 28, 2011 1:44 pm  (#15) 
Offline
GimpChat Member

Joined: May 09, 2011
Posts: 28
Oregonian wrote:
Rod wrote:
O i love that font what is it if you do not mind my asking? :)
You can get it here, Rod. It's a nice, big, thick font for when you need a big, thick font.

http://www.dafont.com/arb-187-modern-caps.font


:oops: I was thinking it was Garamound, but all the variations I saw did not have the straight serif like your font does.

And it was no problem to do the gradient.


Top
 Post subject: Re: Engraved Inline Text Tutorial
PostPosted: Thu Jul 28, 2011 9:56 pm  (#16) 
Offline
Retired Staff
User avatar

Joined: May 22, 2008
Posts: 6947
Location: Somewhere in GIMP
Here's a font that does practically all of it for you. I used the chisel filter on it.

Image

http://www.dafont.com/ecuyer-dax.font

_________________
Image
World War IV will be fought with sticks and stones. - Albert Einstein


Top
 Post subject: Re: Engraved Inline Text Tutorial
PostPosted: Thu Jul 28, 2011 10:11 pm  (#17) 
Offline
GimpChat Member
User avatar

Joined: Apr 18, 2011
Posts: 619
Location: New York
interesting...

Image

this is my effort using the brush in this thread and a font called Broken Poster

_________________
Ubuntu 22.04, Kernel i686, 5.4.0-131-generic
python3 v3.10.6 ----- GIMP - ver 2.10.30


Top
 Post subject: Re: Engraved Inline Text Tutorial
PostPosted: Fri Jul 29, 2011 12:36 am  (#18) 
Offline
GimpChat Member

Joined: Mar 29, 2011
Posts: 346
Location: Wisconsin
I thought I'd give this tutorial a try...

Image

It also gave me a chance to try out a diamond grid script.

_________________
Image


Top
 Post subject: Re: Engraved Inline Text Tutorial
PostPosted: Fri Jul 29, 2011 1:36 am  (#19) 
Offline
GimpChat Member
User avatar

Joined: May 16, 2010
Posts: 14709
Location: USA
Nice O thanks! :)
Check out this one. - http://www.dafont.com/goodmorningafternoon.font

_________________
Image
Edmund Burke nailed it when he said, "The only thing necessary for the triumph of evil is for good men to do nothing."


Top
 Post subject: Re: Engraved Inline Text Tutorial
PostPosted: Fri Jul 29, 2011 10:20 am  (#20) 
Offline
Global Moderator
User avatar

Joined: Apr 07, 2010
Posts: 14182
very nice bkh1914 and cecilia

_________________
Image


Top
Post new topic Reply to topic  [ 22 posts ]  Go to page 1, 2  Next

All times are UTC - 5 hours [ DST ]


   Similar Topics   Replies 
No new posts Fake Girl Engraved

8

No new posts Attachment(s) Quick and Easy Text Tutorial

5

No new posts Attachment(s) Lurid text effect plugin from Conbagui's tutorial (Edited)

18

No new posts Change From Cross Hair To Pointer (Quick Tip Text Tutorial)

2

No new posts Attachment(s) GEGL Text Style Collection - plugin with many fancy text styles

14



* Login  



Powered by phpBB3 © phpBB Group