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 28-01-2008, 10:41 PM   #1 (permalink)
 Macboy
 
goobimama's Avatar
 
Join Date: Sep 2004
Location: Goa
Posts: 4,486
Default Photoshop: Spotlight on object


Okay. Now this one pretty much uses techniques from my earlier two tutorials, but I thought I’d share it anyway. You never know who will need it. It’s to create a spotlight on any object. Could be a software box, application icon, or a baboon’s rear end.

Step 1: Create a fairly large document, which should be at least 5 times the size of the graphic. Make a black background.

Step 2: Import your graphic. Make sure it’s edges are masked. So if it’s a JPEG, you will have to use some masking techniques to get rid of the boxyness. So now you should have your black background layer, and the masked object on top of it. Create another layer under the object. Name it “spotlight”.

Step 3: Use the elliptical marquee tool to create a flat ellipse. The object should come right in the middle of the marquee. Now give it a feather (Select > Modify > Feather). Around 20 px should do fine, but don’t worry, you can blur it with a Gaussian blur later on. Reduce opacity considerably.



Step 4: Now create a random shape, large enough, on a new layer using the lasso tool. It doesn’t have to be anything perfect. You could even use the elliptical marquee tool. Give it a feather. Then fill the shape with white (Press D on the keyboard, and hit Command+Backspace).



Step 5: Now with the shape still selected, run the difference clouds filter on it (Filter > Render > Difference Clouds). Then deselect it (Command+D).

Step 6: Go to Filter > Blur > Motion blur. Make the blur angle to 90* and amount to around 800.



Step 7: Hit Command+T to bring up the free transform mode. Now Command drag the top left/right handles inward to make the point of origin for the light source to the center.


Step 8: After accepting the transformation, add a “reveal all” mask to it (Layer > Layer Masks > Reveal all). Press D to make the colours default (black to white). Now select your gradient tool. Making sure the mask is selected in the layers palette, and the gradient is Foreground to background, drag a straight line from top of the light source to the bottom of it. This will make the light source prominent while fading it while going down. If it isn’t right, go ahead and do an “Undo” and try again, cause it takes a few times to get it right. Reduce opacity.

Step 9: Now, create a mask for the bottom “spotlight” layer as well. This time, make it a radial gradient (select the radial gradient button from the gradient toolbar). Drag out to create a nice soft effect.

Step 10: Do a light shadow for the object as well if it needs one. Use the marquee tools and the mask+gradient thing to get some nice effects. Reduce opacity. Also use the Gaussian blur filter to reduce the sharpness.

Step 11: You can also experiment with the colour of the light and the spotlight. Just make sure they both have the same colour (Command+U for Hue/Saturation and then hit Colourize. If you don’t get any colour, reduce or increase “lightness”).

Step 12: If you have colourised the light source, then it would look nice if the object itself had some tint in it. Duplicate the object layer, then do the same hue/Saturation to it, and add a top to bottom gradient mask.



There’s a lot of types of spotlights you can add. This one's a very basic one. Just deviate from those steps above to create some nice spotlights of your own.



Hit me with it. I promise I can take it.
__________________
I'm like a bird... :)
goobimama is offline  
Advertisements. Register and be a member of the community to get rid of them.
Advertisement

Old 28-01-2008, 10:47 PM   #2 (permalink)
Dreamweaver
 
Gigacore's Avatar
 
Join Date: Aug 2006
Location: Bangalore
Posts: 3,904
Default Re: Photoshop: Spotlight on object

goobi u r really becoming a pro man! nice tutor once again. Its time for u to register a domain + hosting and start posting ur tuts. u will have success
__________________
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 28-01-2008, 10:50 PM   #3 (permalink)
Commander in Chief
 
QwertyManiac's Avatar
 
Join Date: Jul 2005
Posts: 6,658
Default Re: Photoshop: Spotlight on object

Becoming a pro? When was he not? Ever since am here, he's been getting only better than pro
__________________
Harsh J
www.harshj.com
QwertyManiac is offline  
Old 28-01-2008, 10:52 PM   #4 (permalink)
Dreamweaver
 
Gigacore's Avatar
 
Join Date: Aug 2006
Location: Bangalore
Posts: 3,904
Default Re: Photoshop: Spotlight on object

^ in PS
__________________
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 28-01-2008, 10:56 PM   #5 (permalink)
 Macboy
 
goobimama's Avatar
 
Join Date: Sep 2004
Location: Goa
Posts: 4,486
Default Re: Photoshop: Spotlight on object

Uh... I'm not a pro. Seriously. I've still a lot to learn. (If and) When I become a pro, I'll give all you guys a round of beers.

Till then, thanks for the comments.
__________________
I'm like a bird... :)
goobimama is offline  
Old 28-01-2008, 10:56 PM   #6 (permalink)
In The Zone
 
anand1's Avatar
 
Join Date: Sep 2007
Location: 23 17'N, 86 05'E
Posts: 369
Default Re: Photoshop: Spotlight on object

thanks for the tut man.
__________________
Technology On The Fly
anand1 is offline  
Old 28-01-2008, 11:01 PM   #7 (permalink)
Dreamweaver
 
Gigacore's Avatar
 
Join Date: Aug 2006
Location: Bangalore
Posts: 3,904
Default Re: Photoshop: Spotlight on object

Quote:
Originally Posted by goobimama View Post
I'll give all you guys a round of beers
"fermented grape juice" please
__________________
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 29-01-2008, 12:46 AM   #8 (permalink)
TechTin.com
 
ravi_9793's Avatar
 
Join Date: Jun 2005
Location: www.TechTin.com
Posts: 4,090
Default Re: Photoshop: Spotlight on object

Nice one mate...........
very impressive
ravi_9793 is offline  
Old 29-01-2008, 12:48 AM   #9 (permalink)
Rubik's Uncle!!
 
Charan's Avatar
 
Join Date: Sep 2004
Location: ಬೆಂಗಳೂರು (Bengaluru)
Posts: 3,791
Default Re: Photoshop: Spotlight on object

Quote:
Originally Posted by goobimama View Post
When I become a pro, I'll give all you guys a round of beers.
will that too be photoshoped?

nice work goobi
__________________
i5 2400 | DH67BL | G.Skill Ripjaw 4 GB | FSP SAGA II 500W | CM 430 Black Elite | MSI R6850 Cyclone PE/OC | XBox 360 Controller | 21.5" Samsung Sync Master 2233 | 4 Mbps @75GB FUP :)
Battlefield 3 Multiplayer Discussion | Battlefield 3 Low Latency Servers List
Charan is offline  
Old 29-01-2008, 01:01 AM   #10 (permalink)
Another Brick in the Wall
 
drgrudge's Avatar
 
Join Date: Jul 2004
Location: Dubai/Chennai
Posts: 3,027
Default Re: Photoshop: Spotlight on object

Goobi, you know www.psdtuts.com right? They're paying $125 for every tut they publish. Nice work, btw.
__________________
I Love Photography. I Love Aperture. I Love Mac.
drgrudge is offline  
Old 29-01-2008, 01:33 AM   #11 (permalink)
 Macboy
 
goobimama's Avatar
 
Join Date: Sep 2004
Location: Goa
Posts: 4,486
Default Re: Photoshop: Spotlight on object

Quote:
Originally Posted by drgrudge View Post
Goobi, you know www.psdtuts.com right? They're paying $125 for every tut they publish. Nice work, btw.
__________________
I'm like a bird... :)
goobimama is offline  
Old 29-01-2008, 01:41 AM   #12 (permalink)
Alpha Geek
 
prasad_den's Avatar
 
Join Date: Sep 2005
Location: The new cherry..!!
Posts: 931
Default Re: Photoshop: Spotlight on object

^^ LOL...!! Nice tut..!
prasad_den is offline  
Old 29-01-2008, 01:52 AM   #13 (permalink)
Wire muncher!
 
infra_red_dude's Avatar
 
Join Date: Nov 2003
Posts: 6,164
Default Re: Photoshop: Spotlight on object

Nice work goobi, tho its simple the outcome really speaks volumes!

Quote:
Originally Posted by Gigacore View Post
^ in PS
PS was always an "integral part of goobi"!!! And I'm seeing this ever since he joined Digit forums... Just that was missing his tuts recently. But that complaint is no more!
__________________
"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 29-01-2008, 02:01 AM   #14 (permalink)
Rubik's Uncle!!
 
Charan's Avatar
 
Join Date: Sep 2004
Location: ಬೆಂಗಳೂರು (Bengaluru)
Posts: 3,791
Default Re: Photoshop: Spotlight on object

@goobi : lol
__________________
i5 2400 | DH67BL | G.Skill Ripjaw 4 GB | FSP SAGA II 500W | CM 430 Black Elite | MSI R6850 Cyclone PE/OC | XBox 360 Controller | 21.5" Samsung Sync Master 2233 | 4 Mbps @75GB FUP :)
Battlefield 3 Multiplayer Discussion | Battlefield 3 Low Latency Servers List
Charan is offline  
Old 29-01-2008, 10:01 AM   #15 (permalink)
vaibhavtek
Guest
 
Posts: n/a
Default Re: Photoshop: Spotlight on object

Masters Of Photoshop: = goobimama
 
Old 29-01-2008, 08:03 PM   #16 (permalink)
Fast 'N' Furious
 
topgear's Avatar
 
Join Date: Jul 2006
Location: Geek's Heaven
Posts: 11,169
Default Re: Photoshop: Spotlight on object

Hey goobimama that was really very good
__________________
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
Object Desktop 2008 Preview! Third Eye Technology News 11 02-05-2007 09:45 AM
AMD puts Barcelona quad-core into the spotlight at ISSCC techtronic Technology News 4 12-02-2007 07:43 PM
questions regarding object dock and icons Sparsh007 Software Q&A 7 04-09-2006 10:49 PM
stardock object desktop prob arcticflare QnA (read only) 1 14-06-2005 02:42 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