It is currently Fri Apr 26, 2024 7:20 pm


All times are UTC - 5 hours [ DST ]



Post new topic Reply to topic  [ 7 posts ] 
Author Message
 Post subject: Inner Shadow [Text Effect]
PostPosted: Fri Mar 08, 2013 10:40 pm  (#1) 
Offline
GimpChat Member
User avatar

Joined: Jul 17, 2012
Posts: 2770
In this tutorial i will show you how to make an Inner Shadow.
Its a simple effect, but i added a few twists for more experienced users.

An Inner Shadow is more or less the same as an Inner Glow (tutorial here: http://gimpchat.com/viewtopic.php?f=23&t=6391), but mostly with dark colors and an offset.

Image


1. Type your text, i used a canvas 660x260px, with the font 'Aller Display' 165px, Spacing – 4, in medium grey (#808080)

Image

2. Alpha select your text and save it to a channel for future use

3. Create a new transparent layer, name it 'Inner Shadow'

Image

4. Invert the Selection, then fill it with your shadow color (default is black)
everything on your canvas, minus the text, will be in your shadow color now

Image

5. Deselect

6. Gaussian Blur - the higher the values you choose, the more your shadow will reach into the text (i used 20)

7. Now as i said in the beginning, an Inner Shadow is often offset, but how can we judge what offset looks good if we cant see the textboundaries ?
Turn on your channel and change the color of the mask that will provide good contrast OR
has the same color as your background (i used red for contrast).

Image

Use the 'Move Tool' or the Offset Dialog (Layer → Transform → Offset or CTRL + O) to move your Inner Shadow layer.

If you applied a Bevel before, you should use the same Azimuth (angle of light) to make your 3D look convincing.

The simplest method is clicking your Inner Shadow layer with the 'Move Tool' and then using the Cursor Keys.
I used 6px to the right and 8px down.
In your offset Dialog, thats 6/8.

Image

Image

Note how you instantly get a 3D-ish effect.

8. Turn off your Channel-Mask

9. To get rid of everything that is outside the textboundaries, right click your Inner Shadow layer and choose 'Channel'

Image

Image

Thats your basic Inner Shadow (no Offset in this example).

Image


10. If you want to tweak your Inner Shadow, you can use the Curves Tool, set it to alpha and drag the curve up or down. This will expand or shrink the blur.

EXPAND
Image

SHRINK
Image

If you want to do more complex stuff with alpha-curves, have a look at my Contours-Tutorial here:
http://gimpchat.com/viewtopic.php?f=10&t=6518


11. finally adjust the 'Mode' and tune the 'Opacity'. There is no hard rule but with dark colors, Modes like 'Multiply', 'Darken Only' or 'Burn' are your first options. 'Grain Merge' is a good idea when you have a texture underneath that you want to look through. 'Hard Light' and 'Value' have their uses too.
The Default Mode and Opacity in layerfx is 'Multiply' at 75%, so thats something you can always try first if you dont know what to use.
Sometimes 'Normal' and 100% Opacity look good too.

Image

In PS Layer Styles you have something called 'Range'. It changes the „density“ inside the blur.
You can simulate this effect by shrinking your selection before you invert and fill with the shadow-color.
In this example i shrank the selection by 4 before i applied the Gaussian Blur of 20.
So this will give you an Inner Shadow thats darker at the edges.

Image

Image

Here you can see the same Inner Shadow but with an Offset of 6/8:

Image

If you want a very dark Inner Shadow, duplicating the layer can sometimes be a good idea. Like this:

Image

That concludes this tutorial. I hope everybody, newbies and experienced users found something interesting.

To make our final example a bit more interesting, i added a dropshadow, an outer glow and a stroke.
The text layer got noise and the background a bit of bumpmapping.
Attachment:
Inner Shadow Tutorial - DecoPhase.png
Inner Shadow Tutorial - DecoPhase.png [ 211.81 KiB | Viewed 12865 times ]


Last edited by Esper on Sat Mar 09, 2013 2:25 am, 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: Inner Shadow [Text Effect]
PostPosted: Fri Mar 08, 2013 11:12 pm  (#2) 
Offline
GimpChat Member
User avatar

Joined: Jul 17, 2012
Posts: 2770
hint: fontname is in the tutorial :mrgreen:


Top
 Post subject: Re: Inner Shadow [Text Effect]
PostPosted: Fri Mar 08, 2013 11:20 pm  (#3) 
Offline
GimpChat Member

Joined: Mar 04, 2013
Posts: 105
Esper: Thanks for another great tutorial. My understanding of Gimp improves every time I do one of these. :tyspin

I hope Molly will make it into a pdf. :)


Attachments:
Inner Shadow.jpg
Inner Shadow.jpg [ 20.4 KiB | Viewed 12815 times ]
Top
 Post subject: Re: Inner Shadow [Text Effect]
PostPosted: Fri Mar 08, 2013 11:28 pm  (#4) 
Offline
GimpChat Member
User avatar

Joined: Jul 17, 2012
Posts: 2770
great Jas45, when you feel ready, you might want to have a look at this tutorial, which uses most of the basic layer effects
http://gimpchat.com/viewtopic.php?f=23&t=6234


Top
 Post subject: Re: Inner Shadow [Text Effect]
PostPosted: Sat Mar 09, 2013 1:13 am  (#5) 
Offline
Script Coder
User avatar

Joined: Feb 18, 2011
Posts: 4827
Location: Bendigo Vic. Australia
Inner-shadow is a great way to give text Depth it's also easy to apply and Espers Tutorial is a good way to explain the effect

Image

Esper I hope your gradient problem is OK now

_________________
Image
No matter how much you push the envelope, it'll still be stationery.


Top
 Post subject: Re: Inner Shadow [Text Effect]
PostPosted: Sat Mar 09, 2013 8:40 am  (#6) 
Offline
Global Moderator
User avatar

Joined: Apr 07, 2010
Posts: 14182
Jas45 wrote:
Esper: Thanks for another great tutorial. My understanding of Gimp improves every time I do one of these. :tyspin

I hope Molly will make it into a pdf. :)


Here ya go Jas45


Attachments:
Inner Shadow Text Effect.pdf [770.79 KiB]
Downloaded 430 times

_________________
Image
Top
 Post subject: Re: Inner Shadow [Text Effect]
PostPosted: Tue Jun 09, 2015 12:39 pm  (#7) 
Offline
GimpChat Member
User avatar

Joined: Jun 08, 2015
Posts: 36
:coolthup


Attachments:
0_c8ceorig.jpg
0_c8ceorig.jpg [ 70.65 KiB | Viewed 10345 times ]

_________________
Image
Top
Post new topic Reply to topic  [ 7 posts ] 

All times are UTC - 5 hours [ DST ]


   Similar Topics   Replies 
No new posts Attachment(s) Shadow and Refletion text effect plugin

2

No new posts Attachment(s) GEGL Text cut out effect

25

No new posts a 3d lines text effect

1

No new posts Attachment(s) Wired Text Effect plugin

6

No new posts Attachment(s) Honeycomb text effect plugin

9



* Login  



Powered by phpBB3 © phpBB Group