Post Pic

How To: Add Shine on Edges in Photoshop

There are multiple ways to achieve the shiny effect on the edges of certain objects. Most people just use several shapes to with gradients on it to get a 3D effect. But if you want your object to have a more soft and round corner (on metal or plastic object mostly) this method will not work.

I will teach you how to get this realistic effect in 3 different ways!

[ad#Google Adsense-1]

1 Using the 1px Line


HOW:

Copy this image in Photoshop or use your own object and create a new layer on top.
Draw a 1px white line on top of the edge with the following settings.

Photoshop Line Tool
Pick a big and soft eraser and erase the outer parts just a little bit to make it look less hard.
Lower the opacity to reduce the lighting on the edge.

RESULT:

1px line edge

PROS:

Easy
Fastest method
Good for big objects and designs

CONS:

Sometimes it doesn’t look soft enough
You’re restricted to a straight line, round edges for circle shaped objects are hard to create

PRACTICES:

http://icondock.com/

http://m1k3.net/

http://www.atebits.com/

http://timvandamme.com/




2 Using the Lens Flare effect


HOW:

Create a new layer
Fill it with Black with either the Paint Bucket or by pressing alt+shift.
Go to the Effects menu > Render > Lens Flare.


Use the default options or use my slight change on the image below.


Decrease the vertical size to about a 1pixel line.
Change the horizontal size so it fits better (optional).
Optionally erase a bit of the sides to get it softer again.
Change the Blend Mode (try them out, it depends on the object’s colors).

If you want to apply this effect on round objects, use the same method.
But make the width smaller and the height bigger.

RESULT:

Lens flare object edge

PROS:

It will give a glossier effect
It’s great for glassy, transparent objects
It includes more colors than just a white line
You don’t need to make the lens flare rounded to place it on round objects
It gives the effect of sun reflecting strongly on shiny objects (natural effect)

CONS:

It’s more time consuming
The multiple colors can look weird on objects with a other colors
It makes the edge look wider.

PRACTICES:

http://Axertion.deviantart.com/art/Team-CoolerMaster-3D-Logo-126475299

http://axertion.deviantart.com/art/RTdi-3D-Logo-137231129



3 Using the Pen Tool


HOW:

Create a new layer.
Pick the Pen Tool  and draw the line you want with mostly just 2 anchor points.

http://twistereli.com/wp-content/uploads/2010/02/Afbeelding-20.png
Select the Brush Tool and pick your desired size and softness or use my settings and make sure your Foreground Color is White.
Pick the Pen Tool again and right click on the Path (the white line).
Click Stroke Path
Check Simulate Pressure  and pick the Brush out of the menu.


Apply and lower the opacity of use blending modes.

It might happen that the line comes too short, keep this in mind so you draw the line longer on future works if needed.

RESULT:

PROS:

You’re totally in charge of the shape
Not so time consuming when you know the technique well enough
You can easly modify errors

CONS:

The line often comes too short
You can’t see the actual result when drawing the line
It sometimes doesn’t look realistic

PRACTICES:

Spotting the difference between a 1px line and the Pen Tool usage is hard :)


Conclusion:

The 1 px line is the easiest, fastest method with pretty good results.

What do YOU think? Do you have OTHER techniques?


Enhanced by Zemanta

19 Responses

02.27.10

Nice post. i like it.

I never use the Lens Flare effect, I always use a Brush.

Thanks for the tip.

02.27.10

Thanks for the tutorial! You see a lot of shiny edges in Web 2.0 designs nowadays. I like it. It gives the whole website a little bit of extra glamour. Do you have more of these tutorials coming up by the way?

02.27.10

Been very busy the latest weeks, partially because I can’t seem to get the structure I need back. So I didn’t put the effort in these tutorials at the moment because they’re not ‘wowing’ popular.

But seeing people like you motivates me to go on…
So yes, I will be making new ones :)

02.27.10

Keep up the work .. i will surely visit again

02.27.10

I found your blog recently and have been visiting it more often . I think your way of thinking is good. keep up the good work. I always find something very interesting here.

02.27.10

You prepared a number fine points there. I did a good solid research for this particular issue and found out generally people will definitely agree with your website. Thanks.

02.27.10

And I

02.27.10

Thanks for the information, I only read a couple website on a weekly basis but I will be bookmarking your’s and dropping in often. Also, I like the template you have here, it makes it simple to find what I am searching for and doesn’t distract me to the point that I have to leave,. Did you style your comments like this or is this how your theme was setup earlier?

02.27.10

It’s default for this theme.

02.27.10

WOW.. that’s amazing. I try it too. So that I can see if I can do it too. Thanks for this tutorial.
.-= Website design´s last blog ..e-commerce =-.

Hey Eli. I’m new to Photoshop so i’m collecting a lot of information before I get started so that I know all the tricks of the trade and get learning a bit quicker! You have some great tips here, I’d really like my art to look realistic because I’m hoping to sell customised pictures.

We tend to use the lens flare and have achieved some good results however will have a go at other methods especially if they can save some precious time

02.27.10

Oh thats coool I never knew that thx… :)

thanks for the tips. actually at first im doing the first step and yeah i observe it’s not so smooth. now i’ve got the idea of using a pen tool

thanks a lot. it gonna save my time next time.

Yup! Very well explained. I learned from it. Keep those tuts coming!

02.27.10

I like the effect, it can be used for my client work. thanks
.-= Cambridge dieet´s last blog ..Voordelen Cambridge dieet =-.

Thank you for your thoughtful post!

02.27.10

Very nice tutorial, thanks for sharing this.

02.27.10

ygmcmiehpzxllbigmmwlpvudhmloahhiivxlmldmxuegvoesuxfuwdoxkdfb

Leave Your Response

* Name, Email, Comment are Required


About Us

I recently started my higher education as a Graphic Designer and I will be running the Interactive Design part of it. That includes photography, making movies, flash animations and web design and the design of web applications.

Learn More About Us

Write For Us

Want to write an article for us? Just go for it and get your name out. The good part compared to others is that your article DOESNOT have to be exclusive, meaning you can have it on your own website too!

Read More Details