Free Vector Fading Corner
This is a follow-up to my Free Fading Corners post, which was apparently very well received by a lot of you. I’ve put together a fully VECTOR version of my fading corner, which means it can be manipulated freely in Illustrator or Inkscape without pixellation. But you already knew that, right? Regardless, this file will hopefully be very useful, as it achieves nearly the exact same appearance with only 2 shapes within Illustrator. See below for customization tips.
Here is a preview of the Illustrator (vector) fading corner, this is NOT the Photoshop image. This was saved directly from Illustrator.
Includes: – AI (1) EPS (1) SVG (1) PNG (1)
Customizing This File:
This file is in Illustrator CS format, so no matter what file type you prefer (AI or EPS), you will NOT need CS2 to open it. Once you have the file open, you will notice that the 2 shapes are grouped together but there is no option to “Ungroup” them. This is because it isn’t a typical grouping. The top shape is a black-to-white gradient that acts as an “Opacity Mask.” In order to ungroup and customize, you will need the Transparency palette open. Click on the arrow in the upper right corner of the Transparency palette, and select “Release Opacity Mask.”
Now that the 2 shapes are un-grouped, you will be able to manipulate them as you wish. You can turn the visibility of the top shape off to get it out of your way.
Once you are done, you need to select both shapes and reassign the “Opacity Mask” from the same Transparency palette. That’s it. More on transparency masks later.
Finally i found it, i m having a hard time looking for a tutorial on how to make this tricky fading corner, although this is not really a tutorial atleast it gives me a clue how it be done. However i want to ask you if you already made this using photoshop since what you have here is made in illustrator, if yes may you show it to me how will it be pls……….. im hoping for your immediate response………..thanks a lot sir
Searching (by google) for such a corner for several days without success until browsing this page today!
Thanks a lot!
I made this effect on photoshop elements using
- drop shadow -45, size 5, distance 5, opacity 20
- stroke size 1, color black, opacity 25
It´s important to simpify layer this point
- Add layer mask and simply fade out unwanted parts.
http://www.estetik-merkezleri.com
Thanks!
When I releaase the opacity mask, then reapply it, it does not go back to how it originally looked. It doesn’t work for me at all for some reason. I tried doing it without making any change at all, and the mask no longer worked, exept to slightly fade the top left corner and show all the rest of the shadow.
?
thanks for this freebie… this is nice…