How to Add a Custom Signature to your Blogger Blog

I have made my Custom Signature in Adobe Illustrator (Here is a Tutorial if you are interested), but if you don’t have Illustrator, or you are just more of a Photoshop kinda girl (or guy).  That is fine too!  If you don’t have either, you can use the free Pixlr, or My Live Signature.

I made my signature 175px Wide by 100px Tall, but remember this is custom :)  So once you have your signature made, upload it to your Photobucket account.

Next, go to your Edit HTML Page, and click on “Expand Widget Templates“.

Do a CTRL-F and find one of these codes below:

<p class=’post-footer-line post-footer-line-1>

or
<div class=’post-footer-line post-footer-line-1′>

If you want your signature to be aligned on the left, paste this code directly AFTER the code above:

<img src=’your direct image link here’ style=’border:0px; ‘/>
<br/>

If you want the signature on the left, then you are done here!

If you want to have control over where you place your signature, past this code instead:

<img src=’your direct image link here’ style=’border:0px; margin:0 0 0 300px;’/>
<br/>

Now change the 300pxto whatever value that you would like, the image below shows where it will affect the signature, so if you want it centered, enter a value less than 300px, if you want it further to the right, enter a value higher than 300px.

Easy Stuff :)  You are done!!

Making a Post Signature in Adobe Illustrator

I wanted to start this week off with a simple tutorial, so we are making a Custom Signature.  The fun thing about this tutorial, is that I am going to show you how to alter your font and so that your Signature can be even more personalized than just a cute font alone.  I am using Illustrator CS5, but you can use any version that you have (nothing in this tutorial requires CS5).

First I am going to make a new document.  I am sizing mine at 100px high by 175px wide.

Now, I have used the Type tool to type my name.

Next you need to find a cute font.  I have used “Pea Anna-Banana” from KevinandAmanda.com  LOVE her site!

So I love this font, but not thrilled about the way it lays out when just typed straight across.  So what I am going to do, is right click and select “Create Outlines“.  **What “Create Outlines” does, is to change type to a Vector Object.

Now, right click again, and select “Ungroup

Now you can see that you can select, size, rotate, each individual letters.

So as I started moving letters around, I decided that I would like to make my “L” taller, rather than just sizing it with my “Selection Tool” (the black arrow), I am going to use my “Direct Selection Tool” (the white arrow).  The “Direct Selection Tool” gives you a lot more control over objects.  So I am going to only select the top 2 anchor points of the “L” and drag it up.  I also used that same tool to adjust the “Y”, I made the bottom part of the “Y” a little longer.

Now that I have it laid out the way I like it.  I am going to fix the “C”, because I made it larger, it is to thick now.  So I am going to select the “C” and put a white stroke on it.

Your stroke will automatically go to 1pt, and that isn’t exactly where I want it, so I am going to adjust it on my stroke panel.

0.75pt was still a little thick, so I manually typed in 0.6pt was just right.

I like to add little embellishments to my signatures, so I am going to go to my top menu bar and select “Type” and “Glyphs“.

I found a cute butterfly that I liked, from the font “Pea Stacy’s New Doodles”, also from KevinandAmanda.com.  She has quite a few cute doodle fonts that are fun.

I wanted the butterfly to go the other way, so I right clicked, and selected “Transform“, and “Reflect“.

Select “Vertical“.

All that is left is to add color, but I want to add more than one color to the butterfly, so what I am going to do is do a right click, “Create Outlines“,  and then right click “Ungroup“, and then right click and “Release Compound Path“.

Now you can select each part of the butterfly, and change the colors :)

And there you have it!

The last thing you need to do, is do a File, Save for Web, and save it as a PNG.

Now if you need to know how to Install your Signature, CLICK HERE.

Today’s Featured Font Website: Sugar Frog Fonts

I love handwriting fonts, so naturally, I would have another handwriting font site to share!  Ellie and Ivy are the 2 that are behind “Sugar Frog Font”, so give them some comment love and for all their hard work and making these fonts available to use for free.  They do offer them free for Commercial use, as long as you give them credit, but just check out their Terms of Use on the top of their website, and have fun using these fonts in your Custom Blog Designs!

Sugar Frog Fonts

Today’s Featured Font Website: KevinandAmanda.com "Fonts for Peas"

I am really excited about today’s font website, I love Amanda’s fonts.  She offers free handwriting fonts and Scrapbooking fonts.  Check out the links below.

I get the cutest handwriting fonts at Fonts for Peas! kevinandamanda.com/fonts I get the cutest scrapbooking fonts at Free Scrapbook Fonts! kevinandamanda.com/fonts

So I took a long shot and emailed Amanda, because I wanted to ask her a few questions about her fonts and how she got into making fonts.  I was so thrilled when she got back to me and answered my questions, so I hope you enjoy my mini interview with Amanda that is a mix of answers she gave me and some from her website.

How did you get into making fonts and what software do you use?
I have always loved handwriting. The first computer disc I ever bought was a disc with 300 handwriting fonts. It was $20, and I saved my babysitting money for weeks to buy it! Once I learned there was a program where you could *make your own* handwriting fonts, I knew I had to do it. I had always wanted my handwriting as a font. I started asking everyone I knew to write their alphabet for me so I could turn it into a font. But that wasn’t enough- I wanted more! :) I posted on the message board “Two Peas in a Bucket” asking people to send me their handwriting and I would send them a font back for free. I got so many wonderful samples, I knew I had to share the fonts I’d made with others who loved fonts just as much as I did. I created the site “Fonts for Peas” as a way to share those fonts back. I still love making and sharing these fonts freely today!

Here’s a link to the software I use, Font Creator Pro:  http://www.high-logic.com/visit/472542.html

What was the first font you made?
The first font I ever made was my handwriting:  http://kevinandamanda.com/fonts/fontsforpeas/amandas-hand/
 
Did you have any formal training in making fonts or in design?
Because of the webpage, I get asked a lot about my education background or what I do for a living. I went to a private grammar school, I was home schooled in high school, and then I went to community college for 2 years and then I got married! :) Shortly after we first got married I started working in a scrapbook store and taught classes for several years. Right now I’m doing a little photography (and would like to do more!), but mostly just enjoying being a stay at home wife. :) I’ve never had any formal training in computers / web design / photography, etc. Most of what I’ve learned is just by trial and error. :)

What is your favorite font (yours or not yours), if you HAD to pick one?
I don’t know if I could pick just one, but here are a few of my favs! :)  http://kevinandamanda.com/fonts/fontsforpeas/tag/favs/

6 Typography Freebies

Here are just a few freebies that I found, and thought that I would share for Typography week.  All freebies are available for Commercial Use, but like always, please check the designer’s Terms of Use.  Enjoy!

1.  “Alice in Wonderland Drop Cap” from Lucky Palm

2.  “Free Victorian Graphic – Early Alphabet – Typography” from The Graphics Fairy

3.  “Victorian ABC Chart” from The Graphics Fairy

4.  “FREE CLIP ART: Typographic Elements -”The” and Ampersands” from Cathe Holden

5. “Doodled Scribbled Alphabet *freebie* {CU} {S4H}” from Dodie’s Blog

6.  Free Retro Words and Phrases Clip Art from RETROGRAPHIX

Feel free to comment if you find more :)