First  Prev  1  2  3  Next  Last
Post Reply [tutorial] Fading Edges
Posted 7/5/08

Ok Lets start~
This is a simple tutorial in Photoshop where you can easily fade the edges of any shape, lets say a flower, for a elegant effect. Open a blank document in Photoshop. I will be working in a 200px by 200px canvas, which gives me room to create more than one flower/shape. Here's the final result of this tutorial:


Select your favourite colour. I will be using this pink colour: #FF5777

Select the shape tool (refer to the image below).


Now up top, you will select a flower shape (or any shape you want, PS comes with loads of default ones!).

Now, click and drag your mouse so that the shape will appear on your canvas and you may adjust the size of it. A trick is to hold down the Shift Key so that the shape resizes at a fixed ratio (not distorted). Don't be alarmed if you see an outline on your shape, we will "get rid of it" in the next step, however I should let you know that even if you see the outline, once you click on a different layer, it disappears. The outline only indicates the shape and is nonexistent when you save the graphic. Here is how mine looks like so far:


Next, we will Rasterize Layer by right-clicking on the Shape Layer and selecting the option from the drop-down menu. Follow the image below for more instruction on how to do this:


Now, Shape 1 should still be your selected layer, not background. Hold down the Ctrl key on your keyboard and click on the shape layer once more. Your flwer should be now outlines with a dancing dotted line like the follow:


This next step is where you can really experiment! Photoshop comes with the option to "feather". Go to Select > Feather... (or click 'Ctrl + Alt + D' for a shortcut. a screen will prompt you to choose a number. Here are my settings:


We are going to fade the edges of the flower two different ways. One way is to fade the edges inside and the other is fading the edges toward the outside.

Faded Inside:
click Delete on your Keyboard to delete the Selected feathered area.


Faded Outside:
We will invert the selection, meaning instead of selecting what’s inside the flower, we will be selecting outside (the white background) To do so, go to Select > Inverse or use 'Ctrl + Shift + I' for a shortcut. Again, just click Delete on your Keyboard to delete the Selected feathered area. If the edges are a bit faint, press delete a few more times. I pressed delete 3 times. Here is how mine turned out:


Done! As long as its a selection, you can feather it. I find this feature comes in useful, even for blending in images as well as faded edges effects on graphics. You can experiment with all sorts of shapes!



Credits:
cutest08 of Ftalk

Posted 7/5/08
COool...nice tut..and thats pretty simple XD
Posted 7/6/08
WOW!! nice tutorial cool
Member
508 cr points
Send Message: Send PM GB Post
21 / F / Philippines
Offline
Posted 7/7/08
o.O taken from r-d.net? nyaha~~! lolxD
Graphic Moderator
34522 cr points
Send Message: Send PM GB Post
ಠ_ಠ
Offline
Posted 7/7/08
Thanks ^_^ This will help when making stuff.
3546 cr points
Send Message: Send PM GB Post
21 / M / Oklahoma City, OK
Offline
Posted 7/8/08
Nice tutorial, come in handy if your trying to make a background.
Posted 7/8/08
this is a great tutorial.
Posted 7/14/08
nyaa..why dun I have any default shapes in mine? TT.TT
Posted 7/26/08

fringyfern wrote:

nyaa..why dun I have any default shapes in mine? TT.TT


OMG that's not good. o.o
Posted 7/26/08

fringyfern wrote:

nyaa..why dun I have any default shapes in mine? TT.TT


how come you dont have?
Forum Moderator
26532 cr points
Send Message: Send PM GB Post
F / In My Mind -- Whe...
Offline
Posted 8/25/08

CandySweetie wrote:


fringyfern wrote:

nyaa..why dun I have any default shapes in mine? TT.TT


OMG that's not good. o.o


Neither do I!!! O_O do you know whats wrong with it???
Member
15041 cr points
Send Message: Send PM GB Post
F / Neverland
Offline
Posted 8/25/08
EHH?! You don't have?! O_o;

Anyway, thanks for the tutorial. xD
Posted 8/25/08


lol, just found out where they are... they appear when you use the custom shape tool..
Forum Moderator
26532 cr points
Send Message: Send PM GB Post
F / In My Mind -- Whe...
Offline
Posted 8/25/08

fringyfern wrote:



lol, just found out where they are... they appear when you use the custom shape tool..


oh haha i gots it! thanks!!! xD
Posted 8/26/08

fringyfern wrote:



lol, just found out where they are... they appear when you use the custom shape tool..


i thought that u posted that along time ago
First  Prev  1  2  3  Next  Last
You must be logged in to post.