Tuesday, 21 August 2012

How to Make a TPT Basic Store Banner Using MS Paint

It's technology tip Tuesday!

I have written a tutorial for how to make a very basic banner for your TeacherspayTeachers store.

I have had so many requests to help people create their own banners.

There are many ways to do this, but my tutorial will primarily help people that have never attempted something like this before or with very limited skills in the area of design on the computer.

Hopefully you will have Microsoft PAINT on your computer. If you cannot locate it directly from your start button , try START, ALL PROGRAMS, ACCESSORIES, PAINT.

'Accessories' will be a little yellow folder in your program list.

1. Find Paint on your computer and open

2. Once Paint is open, from the drop down menu, select 'Properties'

3. Select 'Pixels' and add the exact dimensions from TpT 706x90 pixels

4. Select the rectangle from the shapes menu

5. Select a colour and then click and drag to make a rectangle. Click from the top right corner. Keep the rectangle within or just on the edge of your document.

6. You can now fill your rectangle shape. Choose a colour from the selection panel (this will show up as Colour 1). Click the fill tool. Then click on your rectangle. The rectangle will fill with your chosen colour.

7. Now its time to add text. Click on the text button, it's a capital A. Be sure to select a font that you have a commercial licence to use. For example, if you want to use a  Kevin and Amanda font, they sell a commercial licence as well. You won't be able to give the credit they require to use their 'free' fonts, on your blog button - it just won't fit!

8. Click and drag to create a text box and then type your name. Make sure the 'Transparent' button is selected and that you have chosen the font colour that you would like to use.

9. Add some details if you wish. I used the circle shape tool to create polka dots on this one. You can also copy and paste clipart into paint as well. Be sure to use .png clipart files, as they will have a transparent background. Most likely, any clipart you put in, you will need to resize to make them fit. To do this, save an additional copy of your clipart, so your original is preserved. Open your clipart file in Paint, go to 'resize' and make it smaller (you may need to use trial and error to see what size you need... I always use the percentage tool, and reduce to 25% for example).

You will also need to check the terms of use of your clipart before you use it for a banner/logo. For example, the clipart that I sell at Graphics From the Pond is NOT  to be used for a banner/logo without permission. Just email me or your designer of choice and ask them if you can have permission to use it in this way. You most likely will be allowed!

10. When you are done, choose SAVE AS from your menu. Save it as a PNG picture. It will be crisper on the screen that a JPEG.

11. Give your banner a file name and save it in a folder on  your computer.

12. Now its time to upload it to your TeacherspayTeachers store. Go to your Dashboard. Select DRESS UP YOUR STORE.

13. Click on BROWSE and locate your saved banner from the folder you saved it to. Here you can see the one that is already loaded in my store.

Enter a link. The banner is clickable. This means that when a buyer clicks on it, it needs to have a web address embedded in the picture to take the buyer to. TpT has a rule that this MUST be a page on the TpT website (rightfully so!).

Choose either the home page of your store, or one of your favourite products. Copy and paste the URL (of the page of your choice) from your web browser and into this space.

It will take a day or so to get approval for you banner, so you will not see it straight away.

I hope that may have helped you create your own banner... or other wonderful creations with PAINT!
This post has been part of Teacher Week over at Blog Hoppin. Hop over there to take a look at the other great technology posts!


Kaitlin Edmunds said...

Thank you for this great tip! My teaching partner and I started a blog this summer, and I have been trying to learn all the tricks of the trade! Thank you!

Kaitlin Edmunds

Karlie said...

Thank you for the tip. Is it ok if I pin it, so I can remember to do it later? With back to school I'm just sooo busy in my classroom, I'm trying not to spend so much time in blog land....but it's HARD!

I LOVE the owl theme set! Check out your button on my blog:)

We are ALL Special!

Ann Shepard said...

Owls are so "in" these days.

How cute!!

Also, I think it's great to have instructions on "techy stuff". Sometimes things seem so hard until someone shows you ...............


Casey Turner said...

Thank you for the tutorial! I recently made my own banner for my Etsy store but tried it in PowerPoint. It is a disaster, I am going to go work on this right now! :)

Second Grade Math Maniac

Abby said...

LOVE this tip! Thank you!!

Melanie - From the Pond said...

Thanks everyone, if you need more help, let me know and YES I would love you to pin!

Ms.Trinh said...

Thanks so much for the banner tutorial, it's on my To Do list now!

The Teacher Tattles

Patti White said...
This comment has been removed by the author.
Patti White said...

I love your new owl set Mel and of course your button is proudly displayed on my blog!
Patti :)
A Series of 3rd Grade Events

Patti White said...
This comment has been removed by the author.
Kathy said...

THANKS SO MUCH! I am definitely doing this right now!

First Grade a la Carte

Linda said...

I Mel! I just discovered your blog after being a fan of your TPT store and fabulous clip art for quite some time! Oh my gosh, your blog is wonderful! How did I not know you had one? (I've been living under a rock, I guess! :0)

This is such a wonderful and helpful tutorial!
Thank you!

Can I make a tutorial request? I'd love to know how to use a picture hosting/editing site to be able to put the name of my blog across the bottom of the the pictures I insert into my posts. I'm not the most techy person and can't seem to figure it out!

Thank you, Mel for all you do and for all your wonderful graphics and generous freebies!

Crayons and Curls said...


I followed your instructions and used your cute clip art (purple) and added my wording ("Welcome to Crayons and Curls Teacher Store") and all I see on my TpT store is a black box. Do you see a purple banner?

Thank you!
Crayons and Curls

Teaching Little Miracles said...


Thanks so much for this tutorial. I finally got around to doing my banners. Hooray!

Teaching Little Miracles