Sunday, February 7, 2010
I am sure you have seen those cute little Contact Me Envelopes all over blogs and websites. You click on these little guys and your email program automatically opens up with their email address. Nifty right! Well, today I am going to share the "secret" to putting one on your blog. :-)
I love these little envelopes.
and with the help of this amazing tutorial (sorry, this link does not work now), I made one of my own. So if you want to save some time, please check the bottom of this post for my free CoffeeShop Contact Me layered .psd Envelope download.
This is what the image will look like when you open it up in Photoshop or Photoshop Elements. It looks scary with all of those layers, but you only have to change the color of the heart and little letter, and adjust the text.
Simply click on the top pink Solid Color adjustment layer box to change the heart color and click on the blue Solid Color adjustment layer box to change the letter color. You can remove the heart by turning off the heart layer. :-) And you can customize the text (the text layers are circled in the image above).
Then "Merge Visible" if you are putting this on a background that is not white, or "Flatten" if the background is white. Then Image, Image Size and adjust the width of the envelope to taste. I made the one I posted above 150px wide. Make sure to adjust the image size, the original envelope is HUGE!
Upload the little envelope to an image sharing site (make sure to adjust the size before uploading) such as TinyPic and copy the Direct Link for Layouts.
Paste the code you see below (put your email address where it says "youremailaddress" and the Direct Link you copied in place of the TinyPic URL already there) in a post or on a HTML gadget in Page Elements in Blogger. Remove the center code if you don't want the image centered.
And you will see this:
Download the incredibly cute CoffeeShop Envelope Icon file HERE or HERE!
If you have any questions, please post them them in my CoffeeShop Flickr Group!