tutorials

[Dragster]

can some one post a tut on how to make clickable tabs for websites in photoshop
if they know how to do that

http://www.evogfx.com/showthread.php?t=10094 ?
http://www.loadboy.com/Psptuts/PspX/25/default.aspx ?
http://www.tutorialjungle.com/display.p ... navigation ?
.
.
.

Google is your friend...

[Jopuma]

Some people on another forum asked the question "How do you make a tutorial?"

So I made an answer.

[xHaZxMaTx]

How to Make a Bloom Effect
Using Photoshop CS

Bloom has been used extensively in more recent games to give a more photo-realistic image. It gives the image a softer quality and usually accentuates highlights, which can give most photos a very high-quality look.

Bloom can be artificially recreated fairly easily in as little as 3 steps (but may require more work for better results).

Finding an Image
As I had previously said, this tutorial can give most images a professional quality, but - as the word 'most' implies - it does not work well with all images. You'll want to get yourself an image that is sharp (not blurry) and with little-to-no 'noise' or film grain. For this tutorial, I'm going to use an image I took, myself, of an Aston Martin DB7 Vantage.



First thing you'll want to do is copy the image onto a new layer (Ctrl+J). With the new layer selected, go to 'Filter > Blur > Gausian Blur'. Generally, setting the blur radius to 10.0 pixels will do just fine, but it doesn't hurt to play around with it, seeing what you prefer.


After blurring the top layer, your image will just look really blurry, and that won't do. You'll have to lower the opacity to get the desired effect. 50% usually works, but, again, mess around with it and see what you like. After having done so, the final result should look something like this.



There is an extra step that can be used to give your picture that shiney/glowey look, but that doesn't work too well with images that aren't taken in a studio with proper lighting. As you can see here, it just makes the image look brighter.

For the extra step, finding the right image can be much more difficult. Professional photo shoots are the way to go. For this extra step, I'll be using this photo of a Porsche 911 GT2, courtesy of AllCarWallpapers.com.


This is a near perfect example of what to look for for this extra step; low ambient light, high contrast, defined reflections, etc.

You'll do everything to this photo that was done with the Aston Martin photo, after which, should look like this:


For the next step, hide the top (blurred) layer, and select the magic wand tool. Right-click on the image, select 'Color Range...', and select 'Highlights' from the drop-down menu in the window that comes up.


With the highlights selected, go to 'Select > Feather...', and feather the selection. 10-25 pixels usually works well enough, depending on the selection (for this photo, I feathered the selection by 10 pixels). Create a new layer (Ctrl+Shift+N) above the other two layers, fill the selection with white, and lower the opacity. I usually set the opacity to 50%, but for this photo, I left the opacity at 100%. Unhide the blurred layer and you're done. The final result should look like this:

[Danyutz]

thnx for this tut HaZ ... i find it wickid!

[BrontoX]

Nice tut.

[snoopdogg879]

can some one post a tut on how to make clickable tabs for websites in photoshop
if they know how to do that

http://www.evogfx.com/showthread.php?t=10094 ?
http://www.loadboy.com/Psptuts/PspX/25/default.aspx ?
http://www.tutorialjungle.com/display.p ... navigation ?
.
.
.

Google is your friend...

thanks but i mean actually make them clickable
on second thought does anyone have a flash tut to make them clickable

[xHaZxMaTx]

What do you mean clickable? Like a link?

Code: Select all

<a href="http://www.demourl.com/"><img src="http://www.buttonurl.com/"></a>


[snoopdogg879]

like the tabs for nfsunlimited

[xHaZxMaTx]

You mean how they change when you mouse over them? That's got something to do with CSS style sheets, I think.

[snoopdogg879]

oh
does anyone know how to do what ^ he said ^

[Danyutz]

why don't you search on google "flash buttons" "animated buttons tutorials" or take http://www.tutorialoutpost.com or http://www.pixel2life.com

[Jopuma]

Another tutorial by me.

[snoopdogg879]

why don't you search on google "flash buttons" "animated buttons tutorials" or take http://www.tutorialoutpost.com or http://www.pixel2life.com

the only reason i dont is becuase if i do search for something and i go into a website that has flash or any other stuff like videos it freezes up so thats why

[Stereo]

I have a bloom tutorial, no pics though.
THIS IS PHOTOSHOP
1. Get your pic.
2. Duplicate the background layer.
3. Go to Image>Adjustments>Threshold. (at the bottom)
4. Slide the bar left and right and make the white area where you want the bloom/glow effect to be.
5. Apply the threshold
6. Go to Filters>Blur>Gaussian Blur
7. Slide the bar around and look at the image. Once you get the nicest-looking blur, you can apply it. (The amount depends on the picture size/resolution)
8. Set the layer mode to lighten.
9. Slide the opacity bar around to choose the best-looking setting. I usually do 10%-15%.
10. You're done!

[BAMF]

Here is a very good! photoshop tip

Just by using the Dodge Tool (lighten) and the Burn Tool (darken) you can make ur NFS car look WAY more realistic. Also add Filter>Blur>Gaussian Blur to make the car have depth.

From this:

http://img99.imageshack.us/img99/4373/lambolimecopysampleyb1.jpg

To This:

http://img406.imageshack.us/img406/2220/lambolimecopywb2.jpg




Have any questions, feel free to ask.

~Harmen

[xHaZxMaTx]

Nope, just makes it look blurry.

[BAMF]

well i used blur to much on that one but if u erase jus alil bit it helps

[Dragster]

Yeah that's a good tip, I used it on details, such as decals or logos on cars moving at high speeds. Gives a better effect than the usual blur methinks...

[Jopuma]

Newest tutorial.

High quality result in "Show Off Your Sigs".

[krazyammo]

awesome tutorial...gonna attempt your tutorial this weekend

[[S]izzLe]

great tuts..new at the chopping scence any good tuts for beginners

[korge]

Great tutorials Jop. In reference to your art in general; your fonts suck and end up ruining your final graphic.

[Jameshopes]

Fantastic tutorial!I have been using Photoshop Elements for last two months and I'm taking help from LearnPhotoEditing.This website provides great photoshop tutorials and also much more designing tutorials.