Showing posts with label blog. Show all posts
Showing posts with label blog. Show all posts

Sunday, March 25, 2012

Watermark Take Two

I have been playing around with FotoFlexer lately, as you can tell since I have a blog header and a signature line now.  Just now I realized that I have been over looking using the layers feature to create a watermark once, save it to my computer, then adding it to a picture as another layer.  It was a quick process, so now I also have a watermark figured out.  This is my original attempt at a watermark.

Here is the watermark that I have saved as an image with a transparent background.


All I have to do is load my picture into FotoFlexer, edit it as desired, then in the layers tab select Add Images, find my watermark, load it in, position, and save.  No more going through the steps of inserting the sticker, changing the color, typing the text, selecting the font, and so on.  Tried doing this for real and it doesn't work.  My picture gets all wonky and cropped in half.  I'll have to mess around with it more.  So, for now I'm just using Publisher to upload the picture and watermark then group the two together and save as picture.

Tuesday, March 20, 2012

Adding a Signature

There are a whole bunch of blogs that have a signature line after each post that they write.  I would like to have a really cute one with some 3D looking digital scrapbooking element, but this will do for now.  This is the tutorial that I used to create my signature, but I used FotoFlexer to make it.  The butterfly sticker from the FotoFlexer collection.  I got hung up on where to get the HTML coding for the image so I'm going to share my steps on how to do that.  Looking back at the tutorial I found that it said to "upload the image to an image hosting website such as photobucket.com" but I don't use one so I will share my steps anyways.
  1. Open a new page in your blog
  2. Insert the picture file from your computer
  3. Select the HTML button (if you use blogger it's in the upper left, next to compose)
  4. Now you have the HTML code!
  5. If you want your signature on the left margin as opposed to centered you will need to edit the code.
    • The code likely reads <div class="separator" style="clear: both; text-align: center;">
    • Change it to read <div class="separator" style="clear: both; text-align: left;">
So I got this far and realized that there is a nasty border and shadow around my signature so I found this tutorial on getting rid of it.  This tutorial will walk you through everything you need to do to get a signature line on your blog posts.  Now that I've removed the shadow my signature is in a white box whereas my background is light blue.  I had this really cute "sparkling" butterfly which seems to be causing the issue with transparency coming from FotoFlexer so I reverted to a simple sticker without the sparkle.  But I wanted to show you the sparkle anyways.

This is inserted as an image instead of the cool signature line deal so it's a real mess.  But isn't the sparkle so AWESOME!

The story behind butterflies and me goes back to planning our wedding.  I feel like a lot of "themes" are over done (no offense if you used any of the themes I dis, it just wasn't right for us), and didn't want to have an event theme but needed something to tie things together a little bit more than just "blue."  Doves didn't work, we didn't have "a place" like the beach, or any of the other wedding themes that were floating around in 2007.  Ever since we had a "blue butterfly" wedding we have been receiving blue butterflies for decoration, household goods, etc.  I've even bought some of it, but I was never really "into" butterflies and I'm still not, but it's a symbol that has stuck.

This project turned out to take a lot longer than I had hoped/expected and now that's after 1am it is time to call it a night.  I may be back tomorrow to edit this craziness a little bit and delete all the draft posts that have been created in the process of figuring out how to add a signature to my posts.