It is currently Fri Mar 29, 2024 12:29 am


All times are UTC - 5 hours [ DST ]



Post new topic Reply to topic  [ 123 posts ]  Go to page 1, 2, 3, 4, 5 ... 7  Next
Author Message
 Post subject: "Interlacing Text" Tutorial
PostPosted: Wed Apr 02, 2014 10:32 am  (#1) 
Offline
GimpChat Member
User avatar

Joined: Jun 02, 2013
Posts: 2075
Doing this based on my "World Peace" creation here.

This is a tutorial, on how to make an "Interlacing Text". You will need the following installed in your GIMP. ML Bevel Reflect 2.0, Bevel Reflect Logo 1.5, and 3D Text. Fonts, Gnu Tux' e-maps, and 3D script I'll put in a zip file at the end of this tutorial. Here's a LINK for the Bevel Reflect Logo download.

Okay, let's get started:

1. Go to "File>Create>Logos(gimpchat.com)>Bevel Reflect Logo", and start the Bevel Reflect Logo Script.

Image

2. Use these settings, marked 1 through 5, and hit "OK". Make sure to use capital letters on "WORLD".

Image

3. Should look like this.

Image

4. Rename the "BRL Logo" in the layers dialogue, to "WORLD".

Image

5. Right click the "BRL Logo Copy" layer, in the layers dialogue, and hit "Alpha to Selection". Go to "Select>Invert", and invert the selection. Now select the "WORLD" layer you renamed earlier, then go to "Edit>Clear, then Select>None". This will give you a nice clean line around the gold logo.

6. Return to "File>Create>Logos(gimpchat.com)>Bevel Reflect Logo", and use these settings, then hit "OK". Capitalize the "P", but use lower case for the rest of the letters. This will help make the logo smaller, in front of the "WORLD" logo. Also, make sure the font size is set to 200. Forgot to include that. It will open up a new window. Should look like this.

Image

Image

7. Repeat the same procedure as in step 5, for the "Peace" logo.

8. Go anywhere on the screen, right click, hit "Edit>Copy". Go ahead and close the "Peace" screen. We won't need it anymore.

Image

9. Right click anywhere on the screen, hit "Edit>Paste as>New Layer". Looks like this.

Image

Image

10. Rename the "Clipboard" layer to "Peace".

11. Use the "Move" tool, and move the "Peace" logo, to somewhere in this vicinity". Right click the layer in the layers dialogue, and select "Layer To Image Size".

Image

12. With the "Peace" layer still selected, go to "Colors>Colorfy", select the stock blue as shown, and hit "OK".

Image

13. Now go to "Layer>New from Visible", and select it. It will give you a new layer titled "Visible". This will be the other 2 visible layers merged, which is the key to interlacing. You can click the eye on the "Peace", and "WORLD" layers, to hide them.

Image

14. Since our canvas is now a bit filled, we need to go to "Image>Canvas Size", and select it. Set the Width to 950, and hit "Resize". You'll have to grab the edge of your GIMP screen, and pull it out to see the added size.

Image

Image

15. Right click the "Visible" layer, and select "Layer Image To Size".

16. With the "Visible" layer still selected, go to "Script-Fu>3Dtext>make>3d" and select it. Set to these settings, and click "OK". Should look like this. I made the canvas a bit big, but we'll still need to add a shadow, and we can always crop. This how the interlacing is done. The layers have to be in one layer, and get extruded at once. We're doing a more fancy approach, but a simple colored text, over another different colored text, placed in the same layer, will produce these same results.

Image

Image

17. Right click the "Visible copy" layer, and select "Layer to Image Size". Hide the "Visible" layer. Go to "Filters>Light and Shadow>Drop Shadow", use these settings, and click "OK". Select the "Drop Shadow" layer, right click, and select "Layer to Image Size". Should look like this.

Image

Image

18. Go to "Layer>New Layer", rename to "Background", and hit "OK". Use the arrow on the bottom of the layers dialogue, and move it to the bottom. Should look like this.

Image

19. Go to the Bucket tool, select "Pattern fill", and go to "FiddleBackRedOak" in the pattern selection. Fill the "Background" layer. Should look like this.

Image

20. Use the crop tool, and crop it to something like this.

Image

21. Go to "Filters>Decor>Add Bevel", and select it. Set "Thickness" to 10, and make sure "Work on Copy" is unselected. With the "Background" layer still selected, do this procedure twice, for a nice bevel.

Image

Image

22. That's it! Congrats on your first "Interlacing Text". By the way, you can always add a drop shadow to the background layer, or even 3D it as well.

EDIT: It looks like this if you 3D the Background layer, and add a drop shadow to it:

Image


Attachments:
Interlace Tutorial Needs.7z [170.63 KiB]
Downloaded 419 times

_________________
Image


Last edited by The Warrior on Wed Apr 02, 2014 1:42 pm, edited 1 time in total.
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: "Interlacing Text" Tutorial
PostPosted: Wed Apr 02, 2014 1:21 pm  (#2) 
Offline
GimpChat Member
User avatar

Joined: Mar 23, 2012
Posts: 7301
Location: Göteborg at last!
Thank you Warrior. This is a great effect.


Top
 Post subject: Re: "Interlacing Text" Tutorial
PostPosted: Wed Apr 02, 2014 1:25 pm  (#3) 
Offline
Global Moderator
User avatar

Joined: Nov 16, 2011
Posts: 5128
Location: Metro Vancouver, BC
Nice one The Warrior. :bigthup

_________________
Image
Gimp 2.8.18, Linux, median user
Gimp Chat Tutorials Index
Spirit Bear (Kermode)


Top
 Post subject: Re: "Interlacing Text" Tutorial
PostPosted: Wed Apr 02, 2014 1:35 pm  (#4) 
Offline
GimpChat Member
User avatar

Joined: Jun 02, 2013
Posts: 2075
Thanks gang, appreciate it. I want to do more tutorials, but I'm not crazy about doing them, haha. I guess I don't have the patience for it. All the screenshots, taking down notes, uploading, etc. I do like when it's over with though. :bigthup

_________________
Image


Top
 Post subject: Re: "Interlacing Text" Tutorial
PostPosted: Wed Apr 02, 2014 1:48 pm  (#5) 
Offline
GimpChat Member

Joined: Mar 29, 2014
Posts: 21
That looks incredibly nice! I want to try this and I'll post my result when I'm done. Thanks for the tutorial.


Top
 Post subject: Re: "Interlacing Text" Tutorial
PostPosted: Wed Apr 02, 2014 1:50 pm  (#6) 
Offline
GimpChat Member
User avatar

Joined: Jun 02, 2013
Posts: 2075
Mathijs wrote:
That looks incredibly nice! I want to try this and I'll post my result when I'm done. Thanks for the tutorial.


Thank you, appreciate it.

_________________
Image


Top
 Post subject: Re: "Interlacing Text" Tutorial
PostPosted: Wed Apr 02, 2014 3:03 pm  (#7) 
Offline
GimpChat Member

Joined: Mar 29, 2014
Posts: 21
Okay I got something very silly going on right now .. I opened that window to create the Bevel Reflect Logo. The screen that popped up doesn't fit on my window and I tried to bring it up, but it doesn't go. It automatically jumps back. So I can't see the button to apply these settings .. What do I do? .. I feel a bit emberassed now lol


Top
 Post subject: Re: "Interlacing Text" Tutorial
PostPosted: Wed Apr 02, 2014 3:12 pm  (#8) 
Offline
GimpChat Member
User avatar

Joined: Jun 02, 2013
Posts: 2075
Mathijs wrote:
Okay I got something very silly going on right now .. I opened that window to create the Bevel Reflect Logo. The screen that popped up doesn't fit on my window and I tried to bring it up, but it doesn't go. It automatically jumps back. So I can't see the button to apply these settings .. What do I do? .. I feel a bit emberassed now lol

Perhaps you need the scrolling script: viewtopic.php?f=9&t=9824

_________________
Image


Top
 Post subject: Re: "Interlacing Text" Tutorial
PostPosted: Wed Apr 02, 2014 3:13 pm  (#9) 
Offline
GimpChat Member
User avatar

Joined: Jun 02, 2013
Posts: 2075
conbagui wrote:
Very nice Warrior, it's well explained :coolthup

Thank you sir, appreciate it.

_________________
Image


Top
 Post subject: Re: "Interlacing Text" Tutorial
PostPosted: Wed Apr 02, 2014 3:36 pm  (#10) 
Offline
GimpChat Member

Joined: Mar 29, 2014
Posts: 21
Thanks for the solution Warrior, now it works


Top
 Post subject: Re: "Interlacing Text" Tutorial
PostPosted: Wed Apr 02, 2014 3:37 pm  (#11) 
Offline
GimpChat Member
User avatar

Joined: Jun 02, 2013
Posts: 2075
Mathijs wrote:
Thanks for the solution Warrior, now it works

Good deal. I thought that's what it was. :bigthup

_________________
Image


Top
 Post subject: Re: "Interlacing Text" Tutorial
PostPosted: Wed Apr 02, 2014 3:41 pm  (#12) 
Offline
GimpChat Founder
User avatar

Joined: May 22, 2008
Posts: 5242
Location: Gimpville
Here's my quick and dirty variations.

Image

I just merged two BRL'd text layers and extruded with the 3D Extrusion script, which obsoletes the old Make 3D Text script. I think by sizing the text just right and carefully positioning the letters, I can get a much better result.

Image

_________________
“If you reach for the stars, you just might land on a decently sized hill.” - Stuart Hill


Top
 Post subject: Re: "Interlacing Text" Tutorial
PostPosted: Wed Apr 02, 2014 3:45 pm  (#13) 
Offline
Global Moderator
User avatar

Joined: Apr 07, 2010
Posts: 14182
Very cool... I would like to know how you do those backgrounds. That one looks to be 3-D

_________________
Image


Top
 Post subject: Re: "Interlacing Text" Tutorial
PostPosted: Wed Apr 02, 2014 3:47 pm  (#14) 
Offline
Global Moderator
User avatar

Joined: Nov 16, 2011
Posts: 5128
Location: Metro Vancouver, BC
GnuTux, I like the effect of the Chat text wrapping around Gimp.

_________________
Image
Gimp 2.8.18, Linux, median user
Gimp Chat Tutorials Index
Spirit Bear (Kermode)


Top
 Post subject: Re: "Interlacing Text" Tutorial
PostPosted: Wed Apr 02, 2014 3:48 pm  (#15) 
Offline
GimpChat Member
User avatar

Joined: Jun 02, 2013
Posts: 2075
GnuTux wrote:
Here's my quick and dirty variations.

[ Image ]

I just merged two BRL'd text layers and extruded with the 3D Extrusion script, which obsoletes the old Make 3D Text script. I think by sizing the text just right and carefully positioning the letters, I can get a much better result.

[ Image ]

Cool. I have used the 3D Extrusion Script for this a few times. I was messing around last night, and used the shrink option, then used the perspective tool. It was pretty cool, but not good enough to keep. But, it was just as easy to use the other. I should probably get rid of the 3D script. Have had it for a long time now.

_________________
Image


Top
 Post subject: Re: "Interlacing Text" Tutorial
PostPosted: Wed Apr 02, 2014 3:48 pm  (#16) 
Offline
GimpChat Member
User avatar

Joined: Jun 02, 2013
Posts: 2075
molly wrote:
Very cool... I would like to know how you do those backgrounds. That one looks to be 3-D

Use the 3D Extrusion script on the background as well.

_________________
Image


Top
 Post subject: Re: "Interlacing Text" Tutorial
PostPosted: Wed Apr 02, 2014 3:50 pm  (#17) 
Offline
GimpChat Member
User avatar

Joined: Jun 02, 2013
Posts: 2075
Also, I think the thinner fonts work better for the effect. I really prefer to use a standard font for the back text, and a text in italics for the other, although I didn't use that for this tut.

_________________
Image


Top
 Post subject: Re: "Interlacing Text" Tutorial
PostPosted: Wed Apr 02, 2014 3:52 pm  (#18) 
Offline
Global Moderator
User avatar

Joined: Apr 07, 2010
Posts: 14182
Thanks I never thought of that. I must try it.

_________________
Image


Top
 Post subject: Re: "Interlacing Text" Tutorial
PostPosted: Wed Apr 02, 2014 3:57 pm  (#19) 
Offline
GimpChat Member
User avatar

Joined: Jun 02, 2013
Posts: 2075
molly wrote:
Thanks I never thought of that. I must try it.

You're welcome. I guess the tutorial would have been easier, and much shorter, to say put 2 different color fonts on the same layer and extrude, haha. Here's one with plain text:

Image

_________________
Image


Last edited by The Warrior on Wed Apr 02, 2014 4:03 pm, edited 1 time in total.

Top
 Post subject: Re: "Interlacing Text" Tutorial
PostPosted: Wed Apr 02, 2014 4:00 pm  (#20) 
Offline
GimpChat Founder
User avatar

Joined: May 22, 2008
Posts: 5242
Location: Gimpville
molly wrote:
Very cool... I would like to know how you do those backgrounds. That one looks to be 3-D

I just extruded the gold checks pattern and hue shifted.

Odinbc wrote:
GnuTux, I like the effect of the Chat text wrapping around Gimp.

Yes. That is exactly what I was going for on the 2nd version. I think I need to make "Chat" a little larger and get each letter positioned just right to get the wrap around effect.

The Warrior wrote:
have used the 3D Extrusion Script for this a few times.

Actually, the 3D Extrusion script started out as a modification to that old Make 3D Text Script, which didn't extrude alpha to selections. It had other problems, as well, specifically with the Bump Map code. I finally just abandoned the old code and rewrote it from scratch to create 3D Extrusion V2.0.

_________________
“If you reach for the stars, you just might land on a decently sized hill.” - Stuart Hill


Top
Post new topic Reply to topic  [ 123 posts ]  Go to page 1, 2, 3, 4, 5 ... 7  Next

All times are UTC - 5 hours [ DST ]


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

5

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

2

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

18

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

14

No new posts script to load text file and create text layer

6



* Login  



Powered by phpBB3 © phpBB Group