tutorials

Everything that has to do with art goes into this board. Post your creations and hear what other people have to say about it!
User avatar
Dragster
NFSUnlimited Staff
NFSUnlimited Staff
Posts: 3132
Joined: 30 May 2004, 23:36
Location: Croatia
Contact:

Re: tutorials

Post by Dragster »

snoopdogg879 wrote: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...
Image
User avatar
Jopuma
Unbeatable
Unbeatable
Posts: 5697
Joined: 21 Feb 2005, 02:06
Location: ...

Re: tutorials

Post by Jopuma »

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

So I made an answer.

Image
Image
User avatar
xHaZxMaTx
Unbeatable
Unbeatable
Posts: 8940
Joined: 26 Jun 2005, 05:32
Location: Cali-for-ni-a

Re: tutorials

Post by 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.
Image


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.
Image

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.
Image


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.
Image

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:
Image

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.
Image

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:
Image
Image
User avatar
Danyutz
Donator
Donator
Posts: 1696
Joined: 25 Oct 2004, 22:17
Location: Romania
Contact:

Re: tutorials

Post by Danyutz »

thnx for this tut HaZ ... i find it wickid!
Image
User avatar
BrontoX
Professional
Professional
Posts: 1895
Joined: 25 Oct 2006, 12:42
Location: Bucharest, Romania

Re: tutorials

Post by BrontoX »

Nice tut.
Image
User avatar
snoopdogg879
Drift King
Drift King
Posts: 366
Joined: 01 Sep 2006, 20:36
Location: Sitting in a Mitsubishi Lancer Evolution IX MR Edition that is fully tricked out
Contact:

Re: tutorials

Post by snoopdogg879 »

Dragster wrote:
snoopdogg879 wrote: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
*sig removed for being too big. max size 550x120px & 50kb*
User avatar
xHaZxMaTx
Unbeatable
Unbeatable
Posts: 8940
Joined: 26 Jun 2005, 05:32
Location: Cali-for-ni-a

Re: tutorials

Post by 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>
Image
User avatar
snoopdogg879
Drift King
Drift King
Posts: 366
Joined: 01 Sep 2006, 20:36
Location: Sitting in a Mitsubishi Lancer Evolution IX MR Edition that is fully tricked out
Contact:

Re: tutorials

Post by snoopdogg879 »

like the tabs for nfsunlimited
*sig removed for being too big. max size 550x120px & 50kb*
User avatar
xHaZxMaTx
Unbeatable
Unbeatable
Posts: 8940
Joined: 26 Jun 2005, 05:32
Location: Cali-for-ni-a

Re: tutorials

Post by xHaZxMaTx »

You mean how they change when you mouse over them? That's got something to do with CSS style sheets, I think.
Image
User avatar
snoopdogg879
Drift King
Drift King
Posts: 366
Joined: 01 Sep 2006, 20:36
Location: Sitting in a Mitsubishi Lancer Evolution IX MR Edition that is fully tricked out
Contact:

Re: tutorials

Post by snoopdogg879 »

oh
does anyone know how to do what ^ he said ^
*sig removed for being too big. max size 550x120px & 50kb*
User avatar
Danyutz
Donator
Donator
Posts: 1696
Joined: 25 Oct 2004, 22:17
Location: Romania
Contact:

Re: tutorials

Post by Danyutz »

why don't you search on google "flash buttons" "animated buttons tutorials" or take http://www.tutorialoutpost.com or http://www.pixel2life.com
Image
User avatar
Jopuma
Unbeatable
Unbeatable
Posts: 5697
Joined: 21 Feb 2005, 02:06
Location: ...

Re: tutorials

Post by Jopuma »

Another tutorial by me.

Image
Image
User avatar
snoopdogg879
Drift King
Drift King
Posts: 366
Joined: 01 Sep 2006, 20:36
Location: Sitting in a Mitsubishi Lancer Evolution IX MR Edition that is fully tricked out
Contact:

Re: tutorials

Post by snoopdogg879 »

danyutz wrote: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
*sig removed for being too big. max size 550x120px & 50kb*
User avatar
Stereo
Unbeatable
Unbeatable
Posts: 3942
Joined: 18 Aug 2003, 19:33
Location: Outside your window

Re: tutorials

Post by 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!
Image
BAMF
Ricer
Ricer
Posts: 11
Joined: 23 Nov 2007, 06:56

Re: tutorials

Post by BAMF »

Here is a very good! photoshop tip :D

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/l ... pleyb1.jpg

To This:

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




Have any questions, feel free to ask.

~Harmen
SIG removed, max size: 550x120
This includes added text to the picture.
User avatar
xHaZxMaTx
Unbeatable
Unbeatable
Posts: 8940
Joined: 26 Jun 2005, 05:32
Location: Cali-for-ni-a

Re: tutorials

Post by xHaZxMaTx »

Nope, just makes it look blurry. :|
Image
BAMF
Ricer
Ricer
Posts: 11
Joined: 23 Nov 2007, 06:56

Re: tutorials

Post by BAMF »

well i used blur to much on that one but if u erase jus alil bit it helps
SIG removed, max size: 550x120
This includes added text to the picture.
User avatar
Dragster
NFSUnlimited Staff
NFSUnlimited Staff
Posts: 3132
Joined: 30 May 2004, 23:36
Location: Croatia
Contact:

Re: tutorials

Post by 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...
Image
User avatar
Jopuma
Unbeatable
Unbeatable
Posts: 5697
Joined: 21 Feb 2005, 02:06
Location: ...

Re: tutorials

Post by Jopuma »

Newest tutorial. :)

High quality result in "Show Off Your Sigs".

Image
Image
User avatar
krazyammo
Professional
Professional
Posts: 1079
Joined: 09 Jan 2006, 00:31
Location: Drinking Strawberry Milk!
Contact:

Re: tutorials

Post by krazyammo »

awesome tutorial...gonna attempt your tutorial this weekend :)
Image
User avatar
[S]izzLe
Turbo Charged
Turbo Charged
Posts: 89
Joined: 05 Dec 2007, 01:27

Re: tutorials

Post by [S]izzLe »

great tuts..new at the chopping scence any good tuts for beginners
*sig deleted for being too big. limits are 550x120px & 50kb*
korge
Unbeatable
Unbeatable
Posts: 5933
Joined: 09 Apr 2004, 20:37
Location: nfsunlimited.net

Re: tutorials

Post by korge »

Great tutorials Jop. In reference to your art in general; your fonts suck and end up ruining your final graphic. :lol:
korge
Jameshopes
Stock
Stock
Posts: 1
Joined: 19 May 2014, 09:36

Re:

Post by 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.
Post Reply

Return to “Creativity Board”