Glassy & Vibrant Rss feed icon Tutorial – Vista Style.

Hey guys – want to see how I made this? Well its pretty easy…just takes some time…and easy to follow steps which is what I typed out for you guys!


Lets begin the tutorial: Start by opening a new document – any size you want is fine. 500px x 500px is good and big.

In the tools panel go select the custom shape tool. Than we go to the top of the screen and select the shape we want to use in our case it is like a yield sign triangle shape with rounded edges. Make sure all your shape properties look like this.


Once you have that shape selected we can start by selecting a foreground color for our shape:



Go to the center of your document (I will call it the work stage) Hold down on CTRL (cmnd with mac) and drag out the mouse in any direction and release it when you have reached the size you want. This will create the shape on a new layer. Rename that layer”Triangle”. The triangle is upside down now – that’s ok. Just go to EDIT>TRANSFORM>FLIP VERTICAL and viola. That should do it.

Now go to the layers panel and right click while over the triangle layer and click on “blending option” .This will pop up the blending options box. Select Inner Shadow and check the box. Give it the following values:
Blend mode: multiply
Color: Black
Angle :120
Distance: 2
Choke: 9
Size 35
as screenshot.


Click OK. Good.

Now take your cursor and place it over the triangle icon and hold down on CTRL (mac=cmnd) and CLICK.


This will give you a triangle selection on your work stage. Now add a new layer in your layers panel: new_layer.gif

Rename that layer ” Border”. and drag it down to below your triangle layer. Make sure your “border” layer is the one selected and now go to top of screen and SELECT>MODIFY>EXPAND>and type in 10-12 px and click ok. (The more pixels you choose the thicker your border will be) you will see what I mean soon. Now hold down on alt and at the same time press Backspace. This will fill your new selection. While still on the border layer right click and click on blending options. In the blending options box check off and select the “gradient overlay ” Blend mode shouold be set to normal and opacity to 100. now click on the gradient strip to open the gradient editor options .

From the presets at the top select a three striped one like so:


It doesn’t matter which you choose because we will change the colors now. Select one of the “stops” just below the gradient strip . Than click on the color box at the very bottom left
and it will open a color selection box which you will enter the follwong values #b7b7b7gradient_editor_b7b7b71.gif

Press ok. Do the exact same to the other stops within the gradient editor until you have this.


Than press ok again. On your stage you should be seeing this.

Your layers panel should look like this:

Now we are going to add a cool shine to the triangle using the gradient tool. first add a new layer -same way as done previously.


Rename that layer “Shine” . With the shine layer being slected roll your mouse over the triangle icon once more and Click the mouse while holding down on ctrl. This will again give you the triangle selection . Now go to SELECT> MODIFY>CONTRACT and type in 3 pixels and click ok.


Still on the shine layer – go select the gradient tool from the Main tool bar.


Go to the top of page and put in the correct properties for the gradient we want to use. To edit gradient we go here:


a new box pops open and than select the “foreground to Transparent”


Than go change the color of the one “stop” box . This time make the color a light yellowy green (#FFFC24)
click ok. NOw take your mouse over to your work stage. place your mouse just below the triangle and hold down on ctrl and drag upward to about half way through the triangle.


Like so. and release. this will create a nice shine. Now in your layers panel add a new layer and rename it “RSS ICON” – I will not start explaining how to do this shape….as it can get complicated . SO please download this RSS ICON here – and just drag it from within photoshop to your “rss icon” layer. Resize it accordingly.
You should now see this :

NOw again in your layers panel create a new layer and Rename it Glass. We are now going to give it a nice new glassy effect. With this layer selected bring your mouse over the triangle Icon again and hold down on ctrl and click


This will select it..again. Go to SELECT>MODIFY>CONTRACT and type in 3 pixels – click ok.
go to the main toolbar and select the “ELIPTIC MARQUEE TOOL”


Go to the work stage and hold down on alt. Your cursor should transform from an arrow to a crosshairs with a minus sign attached.alt_crosshairs1.gif

It should be placed approximately here – about in the vertical middle of the shape , to the left side – as seen in the above screenshot. With alt still being held down… drag it to the right side of shape all the way across. and release


your selection should look like this. now go select the Gradient tool from the main tool bar again. Make the foreground color white. You can set the foreground from within the main tool bar. (This gradient style should be like the last one we did – Foreground to transparent – since it was the last one you used – your properties should still be set to it – so have no worries) NOw bring your mouse to the work stage and place it just above the triangle shape and selection and drag downward to about middle of shape. The tutorial ends here…you should see this.


I really hope you all can benefit from this i put some serious thought and time into it.
If you want the PSD of this tutorial as I did it. Please contact me at I would be happy to send it over.

Looking Forward.

146 thoughts on “Glassy & Vibrant Rss feed icon Tutorial – Vista Style.”

  1. I am only commenting to let you understand what a awesome experience my cousin’s daughter gained viewing your site. She came to understand numerous pieces, not to mention what it’s like to have an amazing teaching heart to make a number of people smoothly gain knowledge of several complex subject areas. You actually did more than my desires. I appreciate you for giving the interesting, safe, edifying and as well as cool tips about the topic to Lizeth.

  2. I was thinking of publishing or posting online some of my articles I’ve written for school but can’t afford to copyright them. If they are in my school paper, do I hold any ownership over them or are they protected by law?.

  3. Just now I discovered the web for exactly this kind of information. Be grateful for to your publish that seek has got to ending right now. You published the posting within a easy to undestand way. With this, I added your web sites among my favorites! Regards!

  4. Howdy! This post could not be written any better! Reading through this post reminds me of my old room mate! He always kept talking about this. I will forward this post to him. Pretty sure he will have a good read. Many thanks for sharing!

  5. Hi would you mind letting me know which hosting company you’re using? I’ve loaded your blog in 3 different web browsers and I must say this blog loads a lot quicker then most. Can you suggest a good hosting provider at a fair price? Thanks a lot, I appreciate it!

  6. daniels pharmacy ct [url=] link [/url] pharmacies jean-coutu
    top 25 school of pharmacy [url=] link [/url] a sports medicine college
    panick attack medicine [url=] link [/url] mayo school of medicine
    vons pharmacy coupon [url=] cialis generic tadalafil best price compare [/url] nea medical occupational medicine jonesboro ar
    american collage of sport medicine [url=] link [/url] florida boord of pharmacy
    arthritis alternative medicines [url=] link [/url] medicine hat resume writer
    compound pharmacies houston [url=] cialis new viagra [/url] toronto pharmacies
    personal medicine dna [url=] cialis photo [/url] zieger smith patent medicine philadelphia
    decline of patent medicines act [url=] cialis pill splitter [/url] health share volunteers in medicine act
    humphreys homeopathic medicine co [url=] cialis promise card program erectile [/url] cupping chinese medicine
    best medicine for oab <a href=] cialis and levitra compare pharmacy in usa
    albany new york university of medicine <a href=] cialis canadian pharmacy overnight shipping allergy medicine drowsiness
    seasickness medicine patch <a href=] link herbal medicine alternative advantage
    the institute of natural medicine <a href=] cialis generic tadalafil best price compare medical center pharmacy
    cough medicines containing dextromethorphan <a href=] cialis israel curascript pharmacy somerset ky
    wilderness medicine washington <a href=] cialis lasting longer medicine chart to print
    mep medicine <a href=] cialis new viagra new zealand college of apearance medicine
    pulse pharmacy australia <a href=] link natural health alternative medicine schools florida
    maxor pharmacy webster texas <a href=] cialis pill splitter journals of sports medicine
    natural medicine for these times <a href=] promise card program free cialis parsons pharmacy canby oregon

  7. pdx pharmacy computer system [url=] cialis generic compare prices free shipping [/url] winklemann pharmacy mo
    kitchener school of pharmacy [url=] compare viagra to cialis and levitra [/url] alternative medicine online schools
    hair regrowth medicine [url=] cutting 20mg cialis [/url] types of folk medicine
    alternative medicine cupping [url=] generic cialis from india warning [/url] florida bard of pharmacy
    reuse medicine bottles for jewelry [url=] cialis pills levitra generic viagra online drug [/url] choose internal medicine or family practice
    ganaton prescription medicine [url=] generic cialis pills no prescription canada [/url] huntsman square giant pharmacy springfield virginia
    pharmacy technician average yearly income [url=] generic cialis tadalafil 120 tabs [/url] alternative medicine courses
    textbook of natural medicine lowest price [url=] generic viagra compare generic cialis pills [/url] waugh chapel family medicine
    board of medicine maine [url=] how tadalafil works pde5 [/url] homeopathy homeopathic books medicine information
    discount advantage pet medicine [url=] how to take cialis pills prescription [/url] white willow bark joint medicine
    medicine pancreas taste <a href=] compare prices generic cialis certified pharmacy technicican salaries
    practicing medicine without a license felony <a href=] compare viagra to cialis and levitra antique drugstore neon
    holter monitor and intenal medicine <a href=] cialis pill cutting 20mg provider state board of medicine
    pharmacy technician industry <a href=] generic cialis from india warning sample pharmacy tech test
    pharmacy tech duty <a href=] generic cialis pills drug lutheran pharmacy nc
    mai pharmacy <a href=] generic cialis pills no prescription canada internal medicine physician dublin georgia
    syringes and needles at cvs pharmacy <a href=] link rexall blood pressure medicine
    pharmacy employment uk <a href=] link three uses of radiation in medicine
    online pharmacy protection act <a href=] how tadalafil works pde5 pharmacy christmas village house
    schools have naturopathic medicine programs <a href=] how to take cialis pills online canadian pharmacy internet online pharmacy complaints

  8. I’m impressed, I need to say. Actually hardly ever do I encounter a blog that’s each educative and entertaining, and let me let you know, you’ve hit the nail on the head. Your idea is excellent; the issue is something that not sufficient people are talking intelligently about. I’m very completely satisfied that I stumbled across this in my seek for one thing relating to this.

  9. игровые автоматы онлайн , играть на деньги, слот автоматы – Рулетка, Сrazy Monkey, Resident

  10. This is a nice tutorial and wel made and explain, allthough for all who had different colours on their website use any colour you will like and wil fit well toe the website.

  11. It is a pity, that now I can not express – it is compelled to leave. But I will be released – I will necessarily write that I think on this question.
    It here if I am not mistaken.
    Quite right! It seems to me it is excellent idea. I agree with you.
    It to you a science.
    Has casually found today this forum and it was specially registered to participate in discussion.

  12. Конечно правильно думаешь, хотя можно и по другому.

  13. Не часто такое можно увидеть, удивлен.

  14. Да, не ожидал что увижу сдесь столько интересного в комментах.

  15. Отлично сделали блог, есть чему начинающим поучиться. Молодцы.

Leave a Reply

Your email address will not be published. Required fields are marked *