cherish our ARTistic treasures for our heARTs to be with eARTh !

our creative fire meets the hearth of our planet Earth and that aligns us with the powerful spiritual being within us ...

Latest Activity

Sukadev Bretz posted a video

Mantra Video: Om Namah Shivaya chanted by Katyayani

Katyayani chants the mantra "Om Namah Shivaya" as part of the Shivaratri evening Satsang at Yoga Vidya in Bad Meinberg, Germany. Information on Yoga Vidya Te...
Sukadev Bretz posted a video

Mantra Chanting: Sharanagata with Shankari

The Sharanagata mantra is a mantra from the Devi Mahatmyam, from the Narayani Stotra. We have a lot of workshops on mantra chanting and music by Yoga Vidya: ...
Feb 25
Sukadev Bretz posted a video

How To Do Shoulder Stand In Lotus

Learn how to come into shoulder stand in lotus with this video demonstration. This technique is best practiced after warming up, and is best for those who ca...
Jan 26
Sukadev Bretz posted a video

Mantrasingen: Kavita Sachara Chara

Kavita singt im Satsang bei Yoga Vidya Bad Meinberg das Mantra „Sachara Chara Pari Purna". Das gesamte Mantra enthält die Textzeilen...
Nov 24, 2014
billy jones bluez updated their profile
Sep 24, 2014
Sukadev Bretz posted a video

Meditation to Ground and Strengthen Your Aura

Darshanie Sukhu leads us through a meditation exercise to strengthen your energy field, or aura. You can do this daily, to connect to your higher Self and to...
Sep 23, 2014
Sukadev Bretz posted a video

Yoga Boat Variations

The yoga boat is an excellent posture for strengthening the back in a more gentle way. Variations are shown on the same side of the body, on opposite sides o...
Aug 24, 2014
Sukadev Bretz posted a video

Kriya Yoga Energization Exercises with Swami Bodhichitananda

Swami Bodhichitananda demonstrates the 39 energization exercises from the Kriya Yoga lineage of Paramahansa Yogananda. He also gives a nice introduction into...
Jul 26, 2014
Sukadev Bretz posted videos
May 22, 2014
Sukadev Bretz posted a video

Half-lotus Plow to Half-lotus Bridge Sequence

This advanced demonstration shows how to come from the shoulderstand to the half-lotus plow, and then to the half-lotus bridge and back to shoulderstand. A c...
Apr 23, 2014
mermaid sutra posted a page
Mar 14, 2014
mermaid sutra posted a page
Mar 14, 2014
Rose .G. Christain is now a member of ART heART eARTh
Mar 14, 2014
Sukadev Bretz posted a video

30 Minute Class - Sun Salutations, Pranayama, Meditation

Follow along with this classical yoga routine which includes 10 minutes of sun salutations, 10 minutes of pranayama - kapalabhati and alternate nostril breat...
Mar 14, 2014
Sukadev Bretz posted a video

Mantrasingen: OM mit Katyayani

Weitere Mantra-Videos findest du unter Katyayani singt den Urklang Om aus dem die ganze We...
Feb 12, 2014
Sukadev Bretz posted a video

The term karma is much used and misused in the west. Krishna says the way of karma is mysterious. Leela Mata says our understanding can only be partial. There is much more in this excellent discussion about karma. For more information on english courses at Yoga Vidya - for more information on all things related to yoga, videos, blog posts, music please see here

Leela Mata Talks About Karma

The term karma is much used and misused in the west. Krishna says the way of karma is mysterious. Leela Mata says our understanding can only be partial. Ther...
Jan 21, 2014
Eva Fidjeland posted photos
Dec 29, 2013
Eva Fidjeland posted an event

Inner Landscapes - Eva Fidjeland & Jane Walker at Galerie Stexwig

September 15, 2013 at 3pm to October 27, 2013 at 7pm
Sep 12, 2013
Christopher Stewart posted a blog post
Aug 8, 2013

Be Earth Days

There are no Be Earth Days today


write me + share me

Creating Bright Web 2.0 style Heart icon using Photoshop

Heart icons or graphics are pretty popular, especially since its Valentine’s month. If this is your theme for your special season brochure prints and booklet prints, then you will probably will want to learn how to do them properly. In this tutorial, we will go through creating heart icons in the web 2.0 style.

1. In Photoshop, select the custom shape tool in the tool window.

2. Next, on the shape properties above, choose the “heart card” custom shape.

3. Next, just drag the tool unto the canvass to shape the heart.

4. Now, we’ll add colour to the heart. We are not just going to make it red. We are going to make it a gradient red so that it looks more modern and dynamic. Do this easily by first right clicking on the heart layer and then choosing blending options in the context menu.

5. Once the layer options window is up, tick the “Gradient Overlay” box.

6. Change the color by clicking on the gradient bar. Choose the 3 color option in the presets, and then change their colors to red values in increasing lightness. The hex codes for the color that you can use are:

a. Dark Red: #8d0404
b. Red: #fb1414
c. Light red/pinkish: #fd6363

7. That should give us a nice gradient colour effect. For many people this is already a good style. However we will take things further.

8. Now, we add an outer glow style to add some more soft light around the edges of the heart. Just bring up the blending options again and tick the Inner glow option.

9. Set the blend mode to Soft light. The colour should be pure white #ffffff. Depending on the size of your heart, adjust the size. For us 42pixels is enough. This should result in a pretty bright looking heart.

10. Now, let us add more subtle light options. Go back again to the blending options and tick of bevel and emboss.

11. Input these settings
a. Technique: Smooth
b. Size: 7 (adjust if needed)
c. Soften: 3
d. Shadow mode: Soft light (Color is White)

12. Look at your shape closely and you will see a subtle white effect on top of our glow effect.

13. Now, select your heart again. We shall expand it to get a gradient coloured border. Press and hold the CTRL key and then click on the thumbnail of the heart layer to select the shape of the whole heart.

14. Then go to Select -> Modify -> Expand.

15. Expand the area to about 6 pixels.

16. Now, press CTRL+SHIFT+N to create a new layer. Select the defaults for the new layer. Don’t worry the selection will still be there.

17. Then fill that out with the paint bucket with a random colour.

18. Then, send that expanded layer back.

19. You should then see a nice black border on the heart.

20. Change the colour of the border and use a gradient by editing its blending options. Tick off gradient overlay and decide on a good color.

21. That should give us a gradient type border for the heart.

22. So that is how you get a great looking heart icon for your designs. Now, you can leave it at that, but since this type of heart shape is common because it is used in Photoshop, you might want to alter its shape a bit.

23. DO this by selecting both layers and rasterizing them. Just right click on both selections and select rasterize layers.

24. Then Merge both layers by right clicking and selecting merge layers.

25. Now, you can press CTRL+T to transform the heart. It would be good to experiment with the Warp effect of the free transform. Just be creative about it.

26. Just adjust the shape of the heart to your taste.

27. Great! Now you know how to create heart designs that look bright, sleek and dynamic perfect for web 2.0

Views: 22

Comment by mermaid sutra on April 13, 2012 at 9:26pm

... thank you, this is sweet !


Comment by Christopher Stewart on April 13, 2012 at 10:06pm

lovely ! thanks for the tips !

Comment by Kristina Cruz on April 14, 2012 at 7:12pm

You are welcome. . .

Comment by Catherine Mascrès on April 22, 2012 at 5:07am

I am sorry I just zapped the lesson. I recognize it is a very helpful knowlege and it is good to have it to be able to get to it when I will have just more time to spend on it. Thank you very much for sharing.


You need to be a member of ART heART eARTh to add comments!

Join ART heART eARTh

© 2015   Created by mermaid sutra.   Powered by

Badges  |  Report an Issue  |  Terms of Service