Forum     

Go Back   Digit Technology Discussion Forum > Community > Tutorials
Register FAQ Calendar Mark Forums Read

Tutorials This section offers tutorials and How to's on just about anything related to computers and IT. Note: All tutorials are courtesy the posters and not verified by Digit


Closed Thread
 
LinkBack Thread Tools Display Modes
Old 26-01-2008, 03:59 AM   #1 (permalink)
 Macboy
 
goobimama's Avatar
 
Join Date: Sep 2004
Location: Goa
Posts: 4,486
Default Photoshop:: Showcase lighting effect.


It’s been a while since I’ve written a PS tut, but here goes. This one lets you create sort of a showcase for your graphics.
(For where I’ve use “Command”, I mean “Control”)

Step 1: New document, fill it with black.

Step 2: Create new layer (Command+shift+N) and name it “Showcase”. Draw out your main showcase background using the Rectangular Marquee tool (M). Fill that with any greyish colour (Shift+F5)



Step 3: With the layer selected, go to Layer > Inner Shadow


Gradient Overlay:


Stroke: 1 point, Outside, with a dark grey colour

Step 4: Now create a new layer (name it base) under the “Showcase” layer (hold command and click the new layer icon to create one under the current layer). Drag out a rectangle using the marquee that’s the same height as ‘showcase’, but make it wide. Fill it with whatever colour (shift+f5).


Step 5: Create a new layer over the “showcase” layer. Call it ‘light source’. Create a small little rectangle to symbolise a tubelight. Fill it with white. Now go to Layer > Layer Options > Outer glow. Use the default settings, but make the yellow colour more white.



Also, if the light source is looking too sharp, give it a blur (Filter > Blur > Gaussian Blur). Reduce the size of the ‘outer glow’ if it looks too blurry.

Now create a new layer under ‘light source’. Select both the new layer as well as light source and hit Command+E to merge. Now take a rectangular marquee tool, and cut out the top part of the outer glow.



Step 6: Select the “showcase” layer in the layers palette. Create a new layer under it. Then select ‘showcase’ layer and hit Command+E (Layers > Merge). Then go to Filter > Render > Lighting Effects. Now this is the tricky part. Trial and error is the ultimate. I’d suggest playing around with the intensity and focus while making the area larger or smaller on the preview board. The rest of the options are only for fine tuning and not required. You will have to imagine the ‘light source’ layer for this to work. I didn’t get it quite right for this tutorial, but I should tell you that it took me like 20 minutes to get a perfect lighting on one project.



If 'showcase' is getting a lot of banding, then just give it some noise (Filter > Noise > Add noise). It will give it a more natural feel to it.

Step 7: I have given a gradient overlay for the “base” layer using the Layers > Layer Options > Gradient Overlay. It’s radial with a 180* angle.

Step 8: Import your graphic. Give it a white border if you will, and add a drop shadow (Layer options > drop shadow)



*This example is a little large actually. It works well for smaller thumbnails, sidebars and such.

Lemme know if there are any issues...
__________________
I'm like a bird... :)

Last edited by goobimama; 26-01-2008 at 04:10 AM.
goobimama is offline  
Advertisements. Register and be a member of the community to get rid of them.
Advertisement

Old 26-01-2008, 04:13 AM   #2 (permalink)
Right Off the Assembly Line
 
Join Date: Dec 2007
Posts: 30
Default Re: Photoshop:: Showcase lighting effect.

Great tutorial. Thanks for sharing
viswanadh is offline  
Old 26-01-2008, 06:47 AM   #3 (permalink)
Another Brick in the Wall
 
drgrudge's Avatar
 
Join Date: Jul 2004
Location: Dubai/Chennai
Posts: 3,027
Default Re: Photoshop:: Showcase lighting effect.

Amazing tut goobi. I'll try this out today and see how it goes...
__________________
I Love Photography. I Love Aperture. I Love Mac.
drgrudge is offline  
Old 26-01-2008, 06:51 AM   #4 (permalink)
Dreamweaver
 
Gigacore's Avatar
 
Join Date: Aug 2006
Location: Bangalore
Posts: 3,904
Default Re: Photoshop:: Showcase lighting effect.

good tutorial goobi!
__________________
Today's noobs are tomorrow's geeks. Don't make fun of them.. encourage them. - Gigacore

Follow me on twitter.com/gigacore
Gigacore is offline  
Old 26-01-2008, 10:44 AM   #5 (permalink)
The Devil's Advocate
 
iMav's Avatar
 
Join Date: Mar 2006
Location: Masti Ki Paathshaala
Posts: 7,019
Default Re: Photoshop:: Showcase lighting effect.

wow man great tut .... really handy work .... an art gallery can be made ... wow u just gave me an idea for a family album .... thank u
__________________
"The problem that shows up with the three red lights on the console is a complex interaction with some very complex parts.” - Robbie Bach

http://beingmanan.com
twitter: manan | Last.FM: manan
iMav is offline  
Old 26-01-2008, 11:17 AM   #6 (permalink)
Elevating Humanity
 
The Conqueror's Avatar
 
Join Date: Sep 2007
Location: Now on Earth
Posts: 1,957
Default Re: Photoshop:: Showcase lighting effect.

WOW!
Amazing Tutorial
__________________
Regards,
The Conqueror
The Conqueror is offline  
Old 26-01-2008, 08:09 PM   #7 (permalink)
 Macboy
 
goobimama's Avatar
 
Join Date: Sep 2004
Location: Goa
Posts: 4,486
Default Re: Photoshop:: Showcase lighting effect.

Thanks for the comments boys. Appreciated.
__________________
I'm like a bird... :)
goobimama is offline  
Old 26-01-2008, 08:28 PM   #8 (permalink)
CG Artist
 
gaurav_indian's Avatar
 
Join Date: May 2006
Location: New Delhi,India
Posts: 1,462
Default Re: Photoshop:: Showcase lighting effect.

Good tutorial.
gaurav_indian is offline  
Old 26-01-2008, 09:37 PM   #9 (permalink)
ico
.
 
ico's Avatar
 
Join Date: Jun 2007
Location: New Delhi
Posts: 8,936
Default Re: Photoshop:: Showcase lighting effect.

Gave the link of this thread to my friend. He loves photoshop and will surely like this. Thanks........
__________________
.
ico is offline  
Old 26-01-2008, 10:31 PM   #10 (permalink)
Wire muncher!
 
infra_red_dude's Avatar
 
Join Date: Nov 2003
Posts: 6,164
Default Re: Photoshop:: Showcase lighting effect.

We finally haf our "small cat" with his photoshop tuts Sniff.. sniff.. I missed ur tuts goobi!
__________________
"The true measure of a man is how he treats someone who can do him absolutely no good."

http://phoenix-ani.blogspot.com
infra_red_dude is offline  
Old 26-01-2008, 11:00 PM   #11 (permalink)
 Macboy
 
goobimama's Avatar
 
Join Date: Sep 2004
Location: Goa
Posts: 4,486
Default Re: Photoshop:: Showcase lighting effect.

Uh... I'm sorry to correct you, but that's Goobi . As for you missing my tutorials, well, thanks for the compliment! I will surely make some time to write some more.
__________________
I'm like a bird... :)
goobimama is offline  
Old 26-01-2008, 11:14 PM   #12 (permalink)
Another Brick in the Wall
 
drgrudge's Avatar
 
Join Date: Jul 2004
Location: Dubai/Chennai
Posts: 3,027
Default Re: Photoshop:: Showcase lighting effect.

Goobi, Illustrators tuts if possible. Also some tricky things like how to use Pen tool in Photoshop... I'm practising but it's not as simple as it might sound.
__________________
I Love Photography. I Love Aperture. I Love Mac.
drgrudge is offline  
Old 26-01-2008, 11:18 PM   #13 (permalink)
Wire muncher!
 
infra_red_dude's Avatar
 
Join Date: Nov 2003
Posts: 6,164
Default Re: Photoshop:: Showcase lighting effect.

@Milind
I'm sorry I cudn't get which part you corrected!! Is that supposed to be "Goobi" and not "goobi" (as I addressed)?? I'm confused!!!

But man.. I really missed your tuts... the smoke effects, zombie.. i remember most of those titles

Quote:
Originally Posted by drgrudge View Post
Goobi, Illustrators tuts if possible. Also some tricky things like how to use Pen tool in Photoshop... I'm practising but it's not as simple as it might sound.
The pen tool is one the easiest to master. Practice, grudge.. you can become a master "penner" in no time!
__________________
"The true measure of a man is how he treats someone who can do him absolutely no good."

http://phoenix-ani.blogspot.com
infra_red_dude is offline  
Old 26-01-2008, 11:24 PM   #14 (permalink)
 Macboy
 
goobimama's Avatar
 
Join Date: Sep 2004
Location: Goa
Posts: 4,486
Default Re: Photoshop:: Showcase lighting effect.

EDITED: That's Goobi as in, not "The Small Cat". I say this cause I thought you were referring to the graphic in the middle of the showcase. They are two separate individuals. Sorry for the confusion. Peace be to those who find grapes to eat, for there are none here.

@Dr: Well there's not much to show about the pen tool other than it's functions. Other than that it's just practice (lots of it). But once you get it right, there's nothing like it (also it's really really easy on the Wacom tablet. I can imagine it being a little tricky using a trackpad)
__________________
I'm like a bird... :)

Last edited by goobimama; 26-01-2008 at 11:47 PM.
goobimama is offline  
Old 26-01-2008, 11:32 PM   #15 (permalink)
Another Brick in the Wall
 
drgrudge's Avatar
 
Join Date: Jul 2004
Location: Dubai/Chennai
Posts: 3,027
Default Re: Photoshop:: Showcase lighting effect.

I'm using a mouse, not trackpad.

Your cats are confusing me now. First Goobi, then Small Cat and the Not Small Cat? Why can't you name them Cheetah, Puma, Panther, Tiger, Lion, etc?
__________________
I Love Photography. I Love Aperture. I Love Mac.
drgrudge is offline  
Old 26-01-2008, 11:48 PM   #16 (permalink)
CG Artist
 
gaurav_indian's Avatar
 
Join Date: May 2006
Location: New Delhi,India
Posts: 1,462
Default Re: Photoshop:: Showcase lighting effect.

If you want to master pen tool then grab any vector image and try to select anything that involves many curves in it.Look at the image i have attached try to select it and make paths through pen tool.
Attached Images
File Type: jpg _Explosion_of_Simplicity__by_Mourning_Panic.JPG (40.1 KB, 15 views)
gaurav_indian is offline  
Old 26-01-2008, 11:54 PM   #17 (permalink)
Microsoft MVP
 
Vishal Gupta's Avatar
 
Join Date: Jul 2005
Location: AskVG.com
Posts: 5,173
Default Re: Photoshop:: Showcase lighting effect.

Very nice tutorial. Thanks for it.
__________________
:arrow: http://www.AskVG.com/
Vishal Gupta is offline  
Old 27-01-2008, 12:24 AM   #18 (permalink)
The Devil's Advocate
 
iMav's Avatar
 
Join Date: Mar 2006
Location: Masti Ki Paathshaala
Posts: 7,019
Default Re: Photoshop:: Showcase lighting effect.

goobster psd please
__________________
"The problem that shows up with the three red lights on the console is a complex interaction with some very complex parts.” - Robbie Bach

http://beingmanan.com
twitter: manan | Last.FM: manan
iMav is offline  
Old 27-01-2008, 12:43 AM   #19 (permalink)
 Macboy
 
goobimama's Avatar
 
Join Date: Sep 2004
Location: Goa
Posts: 4,486
Default Re: Photoshop:: Showcase lighting effect.

I don't mind uploading the PSD but most of the layers are rasterised, so there's not much in there.
http://www.mediafire.com/?6xgndzig4n5
__________________
I'm like a bird... :)
goobimama is offline  
Old 27-01-2008, 12:49 AM   #20 (permalink)
The Devil's Advocate
 
iMav's Avatar
 
Join Date: Mar 2006
Location: Masti Ki Paathshaala
Posts: 7,019
Default Re: Photoshop:: Showcase lighting effect.

thank u appreciate it
__________________
"The problem that shows up with the three red lights on the console is a complex interaction with some very complex parts.” - Robbie Bach

http://beingmanan.com
twitter: manan | Last.FM: manan
iMav is offline  
Old 29-01-2008, 08:05 PM   #21 (permalink)
Fast 'N' Furious
 
topgear's Avatar
 
Join Date: Jul 2006
Location: Geek's Heaven
Posts: 11,169
Default Re: Photoshop:: Showcase lighting effect.

Hey goobi. Great work buddy
__________________
ToPsPeEeD = FaSt BuT StEaDy

AMD Radeon HD 6850 OverClocked to 1 Ghz !!!

Blog : http://topgeartopspeed.wordpress.com/
----------------------------------------------------
Never buy viewsonic products : http://tinyurl.com/ykwx4oa
topgear is offline  
Closed Thread

Bookmarks

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On


Similar Threads
Thread Thread Starter Forum Replies Last Post
Abstract Effect In Photoshop ::cyborg:: Tutorials 7 10-04-2007 05:16 PM
:::::boxes Effect In Photoshop:::::: ::cyborg:: Tutorials 3 20-02-2007 03:39 PM
tea effect in photoshop ::vicky:: Tutorials 7 19-09-2006 05:55 PM
tea effect in photoshop ::vicky:: Tutorials 1 18-09-2006 01:45 PM
tea effect in photoshop ::vicky:: Tutorials 1 18-09-2006 01:45 PM

 
Latest Threads
- by chris
- by icebags
- by Tenida

Advertisement




All times are GMT +5.5. The time now is 01:31 AM.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2012, vBulletin Solutions, Inc.

Search Engine Optimization by vBSEO 3.3.2