Post: Photoshop: How to fix rough edges on pictures.
05-06-2015, 05:29 PM #1
(adsbygoogle = window.adsbygoogle || []).push({}); Here is a step by step tutorial on how to fix rough edges on pictures in Photoshop. I believe that it works on most of the photoshop versions and if you are interested I'm using CC 2014.

Step 1
Find a picture that needs its edges fixed. Here is an example of a Super Mario icon I found online.
You must login or register to view this content.
You can see the rough edges and I want that fixed and make it clean.


Step 2
You must login or register to view this content.
You can see the "thumbnail" of the Mario icon. You want to click "cmd" on Mac or "ctrl" on Window so you get a dotted line around the image as you can see on the picture.


Step 3
You must login or register to view this content.
Now what you want to do is create a layer mask. How you do that is while the dotted line is around the image you want to fix, you want to create the layer mask by clicking the "Japan" flag as you can see on the picture. After you have clicked it it will appear a black white image beside the original image, now on the the next step


Step 4
You must login or register to view this content.
Now, go over to Filter > Blur > Gaussian Blur and click on it.
You must login or register to view this content.
This mini screen should pop up and you want to make the Radius to 4.0 Pixels and the edges of the picture should become really blury, then click OK


Step 5
You must login or register to view this content.
After you are done with the Gaussian Blur go over to Image > Adjustments > Levels
You must login or register to view this content.
After you have clicked on the Levels there should be opened a new mini screen. This is more complicated, but I will try to explain it as good as I can. The value of the three main arrows you can move depends on the picture. Usually the value of the one to the right (color white) usually is about 200 and the one to the left (color black) is somewhere around 150+. The middle one is following the movement of the left one, so no worries about that one.
If it did not turn out good just move them to a different value and see if they will look better.

(Some images is around (white one) 200 and (black one) 180.)


Here are before and after
You must login or register to view this content.

If you want me to maybe write it a bit more clear please quote me and I will try to explain it better, I know I'm not too good at explaining thing, but I hope the pictures help! Smile
(adsbygoogle = window.adsbygoogle || []).push({});

The following 3 users say thank you to AlpasDesign for this useful post:

Ellis, Kyra, Reyz
05-06-2015, 05:45 PM #2
Ellis
Gym leader
Originally posted by Finaldzn View Post
Here is a step by step tutorial on how to fix rough edges on pictures in Photoshop. I believe that it works on most of the photoshop versions and if you are interested I'm using CC 2014.

Step 1
Find a picture that needs its edges fixed. Here is an example of a Super Mario icon I found online.
You must login or register to view this content.
You can see the rough edges and I want that fixed and make it clean.


Step 2
You must login or register to view this content.
You can see the "thumbnail" of the Mario icon. You want to click "cmd" on Mac or "ctrl" on Window so you get a dotted line around the image as you can see on the picture.


Step 3
You must login or register to view this content.
Now what you want to do is create a layer mask. How you do that is while the dotted line is around the image you want to fix, you want to create the layer mask by clicking the "Japan" flag as you can see on the picture. After you have clicked it it will appear a black white image beside the original image, now on the the next step


Step 4
You must login or register to view this content.
Now, go over to Filter > Blur > Gaussian Blur and click on it.
You must login or register to view this content.
This mini screen should pop up and you want to make the Radius to 4.0 Pixels and the edges of the picture should become really blury, then click OK


Step 5
You must login or register to view this content.
After you are done with the Gaussian Blur go over to Image > Adjustments > Levels
You must login or register to view this content.
After you have clicked on the Levels there should be opened a new mini screen. This is more complicated, but I will try to explain it as good as I can. The value of the three main arrows you can move depends on the picture. Usually the value of the one to the right (color white) usually is about 200 and the one to the left (color black) is somewhere around 150+. The middle one is following the movement of the left one, so no worries about that one.
If it did not turn out good just move them to a different value and see if they will look better.

(Some images is around (white one) 200 and (black one) 180.)


Here are before and after
You must login or register to view this content.

If you want me to maybe write it a bit more clear please quote me and I will try to explain it better, I know I'm not too good at explaining thing, but I hope the pictures help! Smile


Thanks man!
Not sure if this removes bluriness but if you press control and click the thumbnail, and then contract the selection by 1/2px, it usually gives a soft edge Smile

Might not work for big designs, but for buttons and logos it does the trick for me anyway.
05-06-2015, 05:45 PM #3
Reyz
Banned
Originally posted by Finaldzn View Post
Here is a step by step tutorial on how to fix rough edges on pictures in Photoshop. I believe that it works on most of the photoshop versions and if you are interested I'm using CC 2014.

Step 1
Find a picture that needs its edges fixed. Here is an example of a Super Mario icon I found online.
You must login or register to view this content.
You can see the rough edges and I want that fixed and make it clean.


Step 2
You must login or register to view this content.
You can see the "thumbnail" of the Mario icon. You want to click "cmd" on Mac or "ctrl" on Window so you get a dotted line around the image as you can see on the picture.


Step 3
You must login or register to view this content.
Now what you want to do is create a layer mask. How you do that is while the dotted line is around the image you want to fix, you want to create the layer mask by clicking the "Japan" flag as you can see on the picture. After you have clicked it it will appear a black white image beside the original image, now on the the next step


Step 4
You must login or register to view this content.
Now, go over to Filter > Blur > Gaussian Blur and click on it.
You must login or register to view this content.
This mini screen should pop up and you want to make the Radius to 4.0 Pixels and the edges of the picture should become really blury, then click OK


Step 5
You must login or register to view this content.
After you are done with the Gaussian Blur go over to Image > Adjustments > Levels
You must login or register to view this content.
After you have clicked on the Levels there should be opened a new mini screen. This is more complicated, but I will try to explain it as good as I can. The value of the three main arrows you can move depends on the picture. Usually the value of the one to the right (color white) usually is about 200 and the one to the left (color black) is somewhere around 150+. The middle one is following the movement of the left one, so no worries about that one.
If it did not turn out good just move them to a different value and see if they will look better.

(Some images is around (white one) 200 and (black one) 180.)


Here are before and after
You must login or register to view this content.

If you want me to maybe write it a bit more clear please quote me and I will try to explain it better, I know I'm not too good at explaining thing, but I hope the pictures help! Smile


Great tutorial Happy

The following user thanked Reyz for this useful post:

AlpasDesign
05-06-2015, 05:50 PM #4
Originally posted by E18 View Post
Thanks man!
Not sure if this removes bluriness but if you press control and click the thumbnail, and then contract the selection by 1/2px, it usually gives a soft edge Smile

Might not work for big designs, but for buttons and logos it does the trick for me anyway.


Found it working on a lot of things, recommend that they have a alpha background or else it will not work.
05-06-2015, 05:53 PM #5
Originally posted by E18 View Post
Thanks man!
Not sure if this removes bluriness but if you press control and click the thumbnail, and then contract the selection by 1/2px, it usually gives a soft edge Smile

Might not work for big designs, but for buttons and logos it does the trick for me anyway.


But, it is correct the edges will be more soft and the blur goes away, depending in the value you put on the Levels Winky Winky

The following user thanked AlpasDesign for this useful post:

Ellis
05-11-2015, 10:01 PM #6
Thanks Man Smile

Copyright © 2026, NextGenUpdate.
All Rights Reserved.

Gray NextGenUpdate Logo