This DIY tutorial provides a quick, easy, and effective method for creating a logo for your website using Microsoft PowerPoint.

the connected small business logo

I’ve used Microsoft PowerPoint in this tutorial as this is part of the Office 365 suite of products which I recommend. I’ve also used an online editor called Pixlr – it is the best free and easy editing tool I have found.

For the installation part of the tutorial, it is assumed you will be using a WordPress and the Avada theme as outlined in a previous DIY tutorial.

The logo created will be a PNG format. You can probably get away with this for a website, business cards, and letterheads. As soon as you venture into larger or higher resolution requirements, such as shop fronts or glossy magazines, you will probably need an EPS formatted file and the assistance of a professional designer. So please just take this DIY tutorial for what it is worth “a quick, easy, and effective method for creating a logo for your website”.

Creating a logo will not be for everyone, in which case please view our Shop for links to professional providers, and then skip to Step 8 for instructions on how to upload a logo to your WordPress website.

In this tutorial I will show you how I created and installed the logo for TheConnectedSmallBusiness.com.

1. To create the basic shapes and text, I’ve used the “Insert” tab, and then the “Shapes” and “Text box” options.

create-logo-using-powerpoint-1

 

2. I probably played around for an hour or so, creating shapes and changing text, before I settled on the below. Some of the steps I followed are listed below to give you some ideas on useful functions:

  • “Group” can be helpful to group together individual objects so that you can then align the group. I did this to align the overall icon, with the overall text.
  • I used the “Rotate” menu to rotate identical copies of each of my icon “leafs”.
  • I used the “Shape Fill” menu to change the colors of the icon “leafs” and also to add some transparency. The transparency added the blended color effect where the “leafs” overlap.

create-logo-using-powerpoint-2

 

3. Next to save the logo I selected both the icon and the text (both had been grouped using the “Group” function). Then I did a right click and “Save as Picture”. By using this method PowerPoint will save the picture as a transparent PNG file. Transparent is important as it means the background of whatever you put the logo on will still be seen. This is very helpful for websites where the background colors vary.

 

create-logo-using-powerpoint-3

 

4. Before finishing the logo I opened the PNG image using an online editor called Pixlr to trim the image. Pixlr can be used immediately without any signups. I have not found an alternative tool as quick and easy to use for image editing. Go to Pixlr.com and select Pixlr editor.

Using-Pixlr-1

 

5. Upload the logo saved earlier.

Using-Pixlr-2

 

6. Now using the crop tool, I remove any surplus space around the icon, as this will only cause layout issues in the future.

Before:

Using-Pixlr-3

After (minor change, I wanted to remove the blank space at the bottom of the logo):

Using-Pixlr-4

 

7. Now save the logo as a transparent PNG file (as stated earlier the transparency means you can put the logo on different backgounds which is helpful).

Using-Pixlr-5

 

8. Now log into your WordPress website (this tutorial assume you have already prepared your base website using GoDaddy website hosting and WordPress as the content management platform and using the Avada theme). To login to your WordPress website, go to htttp://yourwebsite.com/wp-admin, then enter your username and password defined during setup of WordPress (yourwebsite.com is the address you registered for your website, in this tutorial I will be using “debaffle.net”).

install-a-professional-wordpress-theme-7a

 

9. Go to “Appearance”, “Theme options”, “Header Options”.

installing-logo-in-wordpress

 

10. Scroll down the page to the Logo section and click on “Upload”.

installing-logo-in-wordpress-2

 

11. Click “Select Files”.

installing-logo-in-wordpress-3

 

12. Select your neatly cropped logo file, then choose a size option that makes sense (not too small and not too big). Then click “Use this image”.

installing-logo-in-wordpress-4

 

13. You will now see your logo in the logo section.

installing-logo-in-wordpress-5

 

14. Scroll to the top of the page and press “Save all Changes”.

installing-logo-in-wordpress-6

 

15. Now return to your website to see the completed result. A new logo :) .

installing-logo-in-wordpress-7