Fitness.com
Advertisement

Go Back   Sports Forum > Community > Graphics > Tutorials

Tutorials

Have you found a great tutorial? Have you made your own tutorial?


» Site Navigation
 > Shop
» Current Poll
Best 5 club teams in history of Football:
Liverpool 1977-1978 - 100.00%
1 Vote
Real Madrid 1956-1960 - 0%
0 Votes
Juventus 1985 - 0%
0 Votes
Milan 1989-1990 - 100.00%
1 Vote
Ajax 1971-1973 - 0%
0 Votes
Santos 1962-1963 - 0%
0 Votes
Torinho 1940's - 100.00%
1 Vote
Ajax 1995 - 0%
0 Votes
Flamengo 1981 - 100.00%
1 Vote
Benfica 1961-1962 - 100.00%
1 Vote
Total Votes: 1
You may not vote on this poll.
» Stats
Members: 103,350
Threads: 84,986
Posts: 1,031,253
Top Poster: Karky (9,543)
Welcome to our newest member, erfanmaleki
» Fitness Shop
If you register for free, you will be able to post threads, vote on polls and lots more. If you have problems with the registration or logging in, please contact the administrator.

Reply
 
LinkBack Thread Tools Display Modes
Old 10-25-2002, 01:13 AM   How to smooth edges Post #1
Guest
 
Posts: n/a
Default How to smooth edges

I created this little tutorial for new Photoshop users, who want to know how to smooth the edges of a shape.
Mark has written a closely related tutorial ( http://www.photoshopgurus.info/inter...-corners.shtml ), but I?m going to focus in this technique on the use of Layer masks.

It?s important to know first that every selection has an anti-alias option that can be found on the tool bar once a selection tool is selected. In most cases you will keep this option selected. This same option is also available for the Paint Bucket Tool

Now look at my attachment; We are going to make the first shape (1) as smooth as the second one (2).

In my example I have the shape on a transparent Layer 1 (3) that has rough edges.[list][*] Create a layer mask

I select the object by holding CTRL (CMD on the Mac) and clicking on this layer with the left mouse button. (all non-transparent pixels will be selected, in this case our circle).

Now that we have this shape selected, we click on the Add Layer Mask button, indicated by a red circle in example no. 3.
We now have created a mask in the shape of our circle. Also notice in example 4, the double lines around the layer mask; these indicate that this layer has been selected. If this layer is not selected, just use the left mouse button to click on it.
[*]Gaussian blur the layer mask

Now we are going to slightly blur this layer (5).
First we make sure that nothing is selected, so we go to Select / Deselect (CTRL+D or CMD+D on the Mac). This step is not needed in some cases.
Now we are going to make the mask visible, by holding the ALT key (Option key on the Mac) and clicking on the mask with the left mouse button (This whole step is optional, but it will make it easier for you to see what you?re doing).

Go to Filter / Blur / Gaussian Blur?
Now move the slider all the way to the left and then slowly start moving it in the opposite direction, until you can see the rough edges disappear in the blur.
Don?t apply too much, or the final object will be much smaller than the one you had. Make sure that all edges are invisible and that you have a smooth blur.
[*]Use a levels adjustment to sharpen the mask

And now we?re going to do some magic. With the layer mask still selected(!), we?re going to Image / Adjustments / Levels?.

When you open this image you will notice little 3 triangles. These triangles can be moved inwards with the mouse button.
Notice the position of the center triangle. Now we move the left triangle to this central position (don?t you worry if the other triangle moves too). Now we move the right triangle until towards the other triangles until you have something like in screenshot #6.
You will notice in the preview window how suddenly the blur disappears and a sharp edge appears?magic! Use too much and the rough edges will show up again, use too less and your edge will be blurry. Just play a bit with all three sliders until you like what you see, but always make sure that all 3 triangles are closer to the right than the left side of the levels screen.
It also might help to switch the preview window off/on to see what you?re doing.
If you?re done you can click Ok and click on your object layer and you will notice the same smoothness that the mask had. You have now 2 choices; leave it like this or get rid of the mask. If you want to get rid of the mask, you need to merge this layer with a new layer.

If you have any more questions please let me know.

G-man [/list:u]
  Reply With Quote
Old 10-25-2002, 01:15 AM   How to smooth edges Post #2
Guest
 
Posts: n/a
Default How to smooth edges

Here?s another example in which I?ve used Gaussian Blur to smooth the corners in a very extreme way.
  Reply With Quote
Old 10-25-2002, 01:16 AM   How to smooth edges Post #3
Guest
 
Posts: n/a
Default How to smooth edges

I?ve added a small attachment containing a rough shape to experiment with. The PSD contains 3 layers.

Layer 1 is hidden and contains the same object from layer 2 but with the smooth edges technique applied.


I used the following values[list][*]Gaussian Blur: 3[*]Levels: 127-1.00-170 (experiment)[/list:u]
  Reply With Quote
Old 10-25-2002, 01:16 AM   How to smooth edges Post #4
Guest
 
Posts: n/a
Default How to smooth edges

If you?re done, you can switch between a rough and smooth edged circle, by Shift+left clicking on the layer mask; a red cross will appear. Click again and the cross will disappear again. Make sure that you select the layer containing the circle first.
  Reply With Quote
Old 10-25-2002, 04:57 AM   How to smooth edges Post #5
Newb
 
Join Date: Jul 2003
Posts: 12
Rep Power: 0
Blinky2004 is an unknown quantity at this point
Send a message via ICQ to Blinky2004 Send a message via AIM to Blinky2004
Default How to smooth edges

Good refresher info Gauss. [righton]

I also would like to add another method i use sometimes to solve this same problem. It's usually the level of jaggies for me that dictates which solution i use. But just to know that there are actually more than a few to use is of great benefit.

My solution is born of experimentation, and one that most folks may not really even consider, or think of. Mainly because there are other ways to solve the jaggies.

Take a look at the images below...

Circle #1 is the original 'jaggy' circle -- drawn with the Elipse tool and no anti-aliasing.

Circle #2 is drawn with the Elipse tool, but anti-aliasing was turned on -- this is a normal PS circle.

Circle #3 is my 'repaired' circle. As you can see, i smoothed the edges quite well using the UNSHARP MASK filter, with a setting of 500% and 30 for the Radius (which is 10x the blur amount). Prior to sharpening i Gaussian Blurred the jaggy circle by 3 pixels.

And actually... if you look real close at the very top, bottom, left side, and right side of MY smooth circle (#3)... you'll notice that it's actually smoother then the normal anti-aliased circle created by PS, using just the Elipse tool (#2). The circle the Elipse tool created has a slightly 'flat' edged effect at the extreme top/bottom/& sides of it.

Go figure!

Keep in mind though that this method may not be suitable/practical for every 'jaggies' situation. It should be used most often i think on simple images and shapes.
Blinky2004 is offline   Reply With Quote
Old 10-25-2002, 05:04 AM   How to smooth edges Post #6
Guest
 
Posts: n/a
Default How to smooth edges

Most interesting Mark! [righton] I would have never, in a million years, thought of that...
  Reply With Quote
Old 10-25-2002, 05:36 AM   How to smooth edges Post #7
Guest
 
Posts: n/a
Default How to smooth edges

Oh Mark, thanks a lot for sharing that with us [righton]

A great addition too the different techniques I like to use
  Reply With Quote
Old 10-25-2002, 05:52 AM   How to smooth edges Post #8
Guest
 
Posts: n/a
Default How to smooth edges

http://www.artis.uni-oldenburg.de/bo...KPT4/KPT4.html
  Reply With Quote
Old 10-25-2002, 09:21 AM   How to smooth edges Post #9
Joe Blow
 
Join Date: Sep 2003
Posts: 4
Rep Power: 0
ladyfinger007 is an unknown quantity at this point
Default How to smooth edges

Hey, Stroker/Jay/WJ When will the infamous KPtips be finally hosted at the Gurusnetwork?
ladyfinger007 is offline   Reply With Quote
Old 10-25-2002, 03:28 PM   How to smooth edges Post #10
Guest
 
Posts: n/a
Default How to smooth edges

As far as I know they've been done. But I don't think they will be unveiled until the tutorial section is renovated. I can't say for sure because it's been some time since I've been active over there.
  Reply With Quote
Reply

Go Back   Sports Forum > Community > Graphics > Tutorials

Bookmarks

Thread Tools
Display Modes


Similar threads to How to smooth edges
Thread Thread Starter Forum Replies Last Post
Smooth Play
Smooth Play: Tactical Formation The tactic is a 4-4-1-1...
tomoneil118 Tactics & Training Tips 0 01-30-2008 11:38 PM
Smooth Skin
Smooth Skin: Smooth v1.0 Released Download Links ...
Putzy Skinning Hideout 5 02-15-2007 12:04 AM
Can you enable smooth font edges?
Can you enable smooth font edges?: Hello, Is there any way to enable smooth...
ignite Skinning Hideout 3 12-27-2005 11:15 PM
w.i.p Smooth Tease
w.i.p Smooth Tease: I've been working on this since the beta. i did...
Geonetic Skinning Hideout 1 10-02-2005 01:32 AM
How to create smooth edges
How to create smooth edges: Hi, I am making some kits but the edges...
gshdet Skinning Hideout 10 01-21-2005 09:32 AM

Other threads in forum Tutorials
Thread Date Thread Starter Replies Last Post
Splat! Effect Sig Tut
Splat! Effect Sig Tut: My first tut ever, thought i'd share it with you...
04-03-2007 Saxonator 50 03-24-2008 12:16 PM
Light Textures
Light Textures: Anyone know where i can get some good ones?
05-02-2007 redzion 3 05-04-2007 11:13 AM
Dutch Render Tut, with english terms
Dutch Render Tut, with english terms: A dutch tutorial, but I used English terms, such...
04-05-2007 Aimar 3 04-17-2007 03:49 PM
Use youtube to learn Photoshop.
Use youtube to learn Photoshop.: http://www.fortysomething.ca/mt/etc/archives/00612...
03-20-2007 Nico21Horia 5 03-27-2007 06:43 PM
2pac tut.
2pac tut.: this is 2pac tut. my last thread wasnt...
01-06-2007 jorskobe 11 01-14-2007 12:04 AM

» Online Users: 21
0 members and 21 guests
No Members online
Most users ever online was 2,128, 07-21-2008 at 08:27 PM.

All times are GMT +1. The time now is 11:21 AM.


Powered by vBulletin® Version 3.8.3
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0
Fitness.com | Weight Loss | Training & Fitness | BodyBuilding | Chinese | Spanish | French | Germany | Italian | Friend Codes |
You are viewing How to smooth edges.