Thursday, March 22, 2012

Make a Fun Blog Header

I finally got so aggravated that I deleted Picassa this morning. My brain just wasn’t getting it.

Instead I found and downloaded Photoscape. It’s free editing software that’s Microsoft Windows compatible. You can download it HERE. It was super easy to figure out and use. In just a short time I had a new, fun page header for my blog. I give it 3 thumbs up….is that even possible?!

I’ll share a tutorial on how I whipped up my fun blog header using Photoscape in just no time at all.

Step 1 – Create a Work Folder

I highly suggest that you create a new folder on your desk top to work from. Trust me on this step! Find the photos you want to use and place a copy of them into this folder before you start. You can save all the images from each design step into this folder as well.

Step  2 – Open Photoscape and Get Your Photos

Open your Photoscape program and select the Editor button.

photscape

Once the program opens you can scroll through your files on the left side of the screen. Find the work folder we created and click on it. It will open all the photos in that file for you to view. Double click a photo to place it on the work table.

step 1

Step 3  - Cropping a Photo to a Circle

At the bottom of the work table select the “crop” tab, 1:1 ratio and check the “crop round image” tab.

Click the image on the work table and drag to create a circle. You can adjust the size by dragging the corners of the circle. You can adjust the placement by dragging the center.

1

When it’s the way you want it click the “crop” button and save your photo to the work folder. You will repeat this step for all the photos you want to use.

2

Step 4 – Merge Photos to a Row

At the top of the screen select the “combine” tab. On the right of the screen select “add”. You will go to the work folder select all the images you cropped. They will appear at the top of the screen in a little window.

Now select the “side” tab. This will put the photos in a row.

page 4

In the window at the top of the screen you can select and drag the images to reorder them. You can also select an image and hit delete to remove it from the list.

When you are ready click “edit” on the right side of the screen. A new bar will appear at the bottom of the page. You should be on the “home” tab. Click on the “resize” button and a pop-up window will open.

page 5

Make sure the “preserve aspect ratio” is selected. Then enter the width of your banner. I used 890. Click “OK” and save this photo to your folder.

page 6

Step 5 – Create the Header Background

Click on the “page” tab at the top of the screen.

On the right you can change the background color if needed. Next, click the “edit” button.

page

A new bar will appear at the bottom of the page (remember this?). Click on the “home” tab then the “resize” button. A pop-up window will open.

Uncheck “preserve aspect ratio” and enter the size of your header. I used 890 x 363. Then click “OK'”.

page 2

Step 6 – Add Photos and Text

Click on the “object” tab. Then select the “add photo” icon.  Find the row image you created and select it.  Position the image where you want it. Mine is anchored to the bottom.

page 3

Next click on the “add text” button. A pop-up window will open.

page 8

Type your text in the box at the top, select the text style and color. When you have what you want click “OK”. You can continue to tweak the size and move the text around on the work table until it’s exactly how you want it. I did both lines of text separately so I could format them individually.

When it’s perfect hit the “save” button and put it in your work folder.

text

Step 7 – Add Header to Blog

Go to your blogger dashboard and select “design”.

dashboard

On the Navigation bar find the Header and click “edit”. You will get a pop up box.

nav

Find and add the image you created from your work folder. Select “instead of title” under placement. Save and your done. Go view your creation!

nav

I hope you found this helpful. Have fun and create away!

9 comments:

beaquilter said...

I just sat here and played with picasa and ended up just editing a pic in windows editor to get the right size, I had to guess on the width, mine was 860.... now a question about your program, when you upload pics to your blog it says in the pop op to load picasa album, how does it work for you then?

Amaryllis said...

Wow this is so cool! :D Thanks for sharing!

JOY @ http://joysjotsshots.blogspot.com/ said...

Perfect timing. I need to remodel my Header and I've enJOYed using Photoscape for a while now. Use the Batch editor to watermark all my photos.
Thanks for the Tut. I visit your site every week.

DP said...

It worked! Thank you for your help ;o)

Pam @Threading My Way said...

Looks like a user friendly program! Love your header, too!!!

Foolish Feathers said...

You are having problems with Picassa too?! I am so glad that I am not alone! How do you like the new software? (I haven't been able to upload to flickr since I got Picassa which I downloaded because Picnik closed down).

fungi said...

looks very lovely, will try it out :)

fungi said...

so so helpful, thank you
http://ycfonlinedirectory.blogspot.com

Nancy said...

I can't wait to try the Blog Header with Photoscape. I need simple, quick tools that make it look like I spent lots of time on things. Thank you.