Post Reply 

Light and Shadow Effect.

Nov 26, 2013, 23:48
Post: #1
Light and Shadow Effect.
Hi,

I want to create a light/shadow effect using GIMP.

Similar to the image in the following link :

http://simsinsurance.ca/images/_global/b...banner.png


This has been set as a background in this main home page :

http://www.simsinsurance.ca

Please guide me how to create such thing,


Thanks in advance,


Isaac
Find all posts by this user
Quote this message in a reply
Nov 27, 2013, 12:30 (This post was last modified: Nov 27, 2013 12:30 by iForStyle007.)
Post: #2
Thumbs Up RE: Light and Shadow Effect.
Ok, I was able to get the shadow by using the radial motion blur.
Here are the steps seen in the below animation:

*If the animation is to hard to follow, you can right-click the gif(clicking it on the forums) then download(save as) it & open it with quicktime to keyboard arrow through the steps.(lol, just found it out today)

1. Create a new layer over the new Gimp project"Background"
"Layer Fill Type:" "Transparency (we will blur it later...)
2. Name the new layer "gradient" or "shadow"
3. Choose the blend tool Blend and pick "Bi-linear" for the gradient.
- You may need to flip the gradient to get it to look like the one in my GIF
click the <=> arrows on top of the "Shape:" to flip the direction

4. Use the move Move tool & move the gradient/shadow up halfway
5. Create another new layer, name it "paper"
--Choose for "Layer Fill:" "Foreground Color" which should be black,
( the default is Background is white, foreground color is black.)

6.Drag your "paper" layer to the top of the layer stack (see animation, after red circled screen) I picked black, but its easier to turn down the color to light grey if the layer is white.
*But for the tutorial its easier to see if I use black first.

7. Then move Move the paper layer just above the shadow, offsetting the location a bit higher than the shadow.

8, I then changed the paper layer to white using the Bucketfill bucket fill tool.
(easier to turn color down to light grey)
-You can use "Brightness" in ">Brightness-Contrast" or ">Levels" under "Colors"

9 go to "View > Show Layer Boundary" & temporarely turn it off so you can see the edge of the shadow better.

10. With "gradient" layer selected (your shadow) , turn down the opacity of the layer to match the shadow lightness you want.
11. Next, go to "Layer > Layer Boundary Size..."
and adjust just the "Height:" to give some space, (see animated gif)

12. Then turn back on the "Show Layer Boundary" from step #9.
13. Time to blur it some! Go to "Filters > Blur > Motion Blur..."
Settings
Blur Type: "Radial"
Angle: "10"
click ok

14 BAM, YOUR DONE ^_^ post up your results if you get the chance.

Animation:
   

End result Photo
(HQ PNG because gif's indexed colors mess up the gradients):
[Image: attachment.php?aid=2732]


Attached File(s) Thumbnail(s)
   

"In order to succeed, your desire for success should be greater than fear of failure." BC
[Image: 29uocaf.png]
iFS007 tut vids on YT ~ auto color B&W landscape tut
Visit this user's website Find all posts by this user
Quote this message in a reply
Nov 27, 2013, 15:29
Post: #3
RE: Light and Shadow Effect.
Thank you. Really appreciated. Thanks a lot.


Isaac
Find all posts by this user
Quote this message in a reply
Post Reply 


Possibly Related Threads...
Thread: Author Replies: Views: Last Post
  Lighting Effect without darkness cayviel 1 132 Feb 16, 2018 05:13
Last Post: ythgilb
  How to add shadow - and make as good as Photoshop enginestar 2 245 Jan 10, 2018 01:08
Last Post: enginestar
  problem with drop shadow Kharl 37 3,345 Oct 8, 2014 04:53
Last Post: Kharl
  Adding shadow text not working AndrewChristian 7 773 Sep 24, 2014 22:07
Last Post: AndrewChristian
  How to make a shadow in front of the object, not behind adamail 5 995 Sep 20, 2014 01:36
Last Post: iForStyle007

Forum Jump:


GIMP ForumPortalArchiveContactTermsRSS