Photoshop Web Layouts - Pink Heart Shaped Buttons
December 20, 2006 by
In this Photoshop Tutorial I will show you how to create Pink Heart Shaped Buttons. These buttons would work great on a personal web page. These hearts are very simple to make. We will create the first button, then we will duplicate the
rest of them. I will explain this tutorial in detail so the new Photoshop users can do it too. Please see the image that I have provided to see the ending results.
How to Create Pink Heart Shaped Buttons in Photoshop
Open Photoshop and let it load. Click File > New to create a new canvas. Create it about 400 pixels by 400 pixels. Set the background color to white and click OK.
Create a new layer. Press F7 if you do not see your Layers Panel. Click the icon in the bottom of the Layers Panel that looks like a sheet of paper. That will create a new layer.
Click your Shape Tool in the toolbar and hold it down until the box drops down. Then click Custom Shape Tool. At the top of your Photoshop window you will see a drop down box beside the word Shape. Drop that box down and click the little arrow on the right. When the menu drops down, click on Shapes and that will load the heart shape in your box. Click on the heart shape and draw a heart on the canvas. You can draw it the size that you want.
Left click on your Shape Layer to highlight it. Then right click on it and click Rasterize Layer from the pop up menu. Right click on it again and click Blending Options from the pop up menu. Apply the following Effects to the heart.
Drop Shadow
Blend Mode - Multiply
Color - # 8a8989
Opacity - 75
Angle - 120
Distance - 5
Spread - 0
Size - 5
Contour - Linear
Anti-aliased - Unchecked
Noise - 0
Satin
Blend Mode - Lighten
Color - White
Opacity - 50
Angle - 129
Distance - 27
Size - 40
Contour - Gaussian
Anti-aliased - Unchecked
Invert -Checked
Color Overlay
Blend Mode - Normal
Color - # ff00ea
Opacity - 100
Stroke
Size - 1
Position - Outside
Blend Mode - Normal
Opacity - 100
Fill Type - Color
Color - # 9b0a81
Click OK on your Blending Options window.
How to Create Pink Heart Shaped Buttons in Photoshop
Open Photoshop and let it load. Click File > New to create a new canvas. Create it about 400 pixels by 400 pixels. Set the background color to white and click OK.
Create a new layer. Press F7 if you do not see your Layers Panel. Click the icon in the bottom of the Layers Panel that looks like a sheet of paper. That will create a new layer.
Click your Shape Tool in the toolbar and hold it down until the box drops down. Then click Custom Shape Tool. At the top of your Photoshop window you will see a drop down box beside the word Shape. Drop that box down and click the little arrow on the right. When the menu drops down, click on Shapes and that will load the heart shape in your box. Click on the heart shape and draw a heart on the canvas. You can draw it the size that you want.
Left click on your Shape Layer to highlight it. Then right click on it and click Rasterize Layer from the pop up menu. Right click on it again and click Blending Options from the pop up menu. Apply the following Effects to the heart.
Drop Shadow
Blend Mode - Multiply
Color - # 8a8989
Opacity - 75
Angle - 120
Distance - 5
Spread - 0
Size - 5
Contour - Linear
Anti-aliased - Unchecked
Noise - 0
Satin
Blend Mode - Lighten
Color - White
Opacity - 50
Angle - 129
Distance - 27
Size - 40
Contour - Gaussian
Anti-aliased - Unchecked
Invert -Checked
Color Overlay
Blend Mode - Normal
Color - # ff00ea
Opacity - 100
Stroke
Size - 1
Position - Outside
Blend Mode - Normal
Opacity - 100
Fill Type - Color
Color - # 9b0a81
Click OK on your Blending Options window.
Thailand's King was recently very ill. When he came out of the hospital, everyone began to wear pink shirts. Here's why.
By Fabletoo | Published 11/28/2007 | Read more »
Turn your favorite foods pink for Valentine's Day: sugar cookies, chocolate covered strawberries and more.
By Kelly Russ | Published 1/11/2008 | Read more »
A practical view of pink ribbons.
By swaney3 | Published 11/16/2007 | Read more »
Until recently pink has been a taboo color for men. Now it is not unusual to find a man in pink who will proudly tell you that real men wear pink. Until a man has worn a touch of pink, he has not shown true security in his manhood.
By A. Hermitt | Published 10/12/2007 | Read more »
The value of pink diamonds increases between 10 and 15 percent annually. Currently, the demand for natural colored diamonds is strong with the market seeing price increases of more than 25 percent.
By Kathy Browning | Published 7/25/2007 | Read more »
With the cold and flu season upon us, there is a common ailment many children might pick up at their local daycare center. That ailment is called pink eye, and there are several ways you can tell if your child has pink eye.
By Newshound | Published 1/16/2008 | Read more »
|
|
- These buttons would work great on a personal web page.
- These hearts are very simple to make.
- We will create the first button, then we will duplicate the rest of them.
Most Comments Today
- Death at Disney World in Orlando, Florida Monorails collide one driver has died at the Disney World Theme Park in Orlan... 20 Comments
- "Sorry" - a Card Message. A message for your the one whom you love, to trust you and say sorry. 19 Comments
- A Little Good News Today Here is...a little good news today. 17 Comments
- Forty is Fierce! I passed forty up a couple of years ago so I think I am now qualified to comm... 17 Comments
- Why Would a Web Writer Drop DayLife.Com? Before I share my story with you, dear readers, I want to point out that Dayl... 16 Comments
- Healthy Eating or "Nickeled and Dimed" into Disease - Whi... Just an educated guess at what causes some of our crazy modern-day health pro... 14 Comments
Posted on 10/03/2007 at 8:10:00 AM