Call: (209) 560-6611

How to Create a Professional Logo

Date: April 20, 2012 Author: ang Category: Affordable Web Design Tutorials Tags: , Comments: 0

If you don't want to hassle with creating a logo yourself you can purchase the 'Affordable Website Package' which includes, a website, hosting, custom logo, seo and an email list.

If you don't know the different between a website and online success, check out this post: I need a website

How to create a simple yet professional logo for web and print use.

I'm going to walk you through all the steps you need to create a simple professional logo you can use for your website and print.

  1. First start downloading Adobe Illustrator. You will need to create an account at adobe.com to download the free 30 trial version of Illustrator. Go here to start the download:www.adobe.com/go/tryillustrator
  2. It's currently trendy to have a simple monochrome silhouette image for a logo, so that's what we're going to try to do. Go to Google.com and click on the 'images' link at the top of the page.
  3. Search for an animal or item silhouette to be part of your logo. Search for anything. The more it relates to your website the better. I'm creating a business blogging website, so I did a search for 'business man silhouette'. If you're starting a dog grooming website you would search for ~ 'dog silouette'.
    Save the image to your computer:
  4. Finish downloading Adobe Illustrator, start the 30 day trial and open the program.
  5. Click 'File' in the top left of the program.
  6. Click  'New'.
  7. In the 'New Document' window set the 'width' field to 200 and the 'height' to 50. Set the 'Units' to 'Pixels'.
  8. Click the 'OK' button.
  9. Click the 'File' button at the top of the screen.
  10. Click 'Place...'
  11. Navigate to and select the image you saved earlier.
  12. Click on 'Object', 'Live Trace' then 'Make and Expand'.
  13. Right mouse click on the image and select 'Ungroup'.
  14. Move your cursor off the image and right mouse click.
  15. Right mouse click on a white part of the image so it's selected and press the 'Delete' key on your keyboard.
  16. There now I have my ready to use vector image silhouette of a business man and you should have a silhouette of whatever image you chose.
  17. Click on the image so it's highlighter. you can use the mouse to click and drag the corners of the image to re-size it. Holding down the shift key as you resize will force the image to maintain it's proportions. You can also left mouse click on the image to move it around. Resize and move the image into the left section of your logo space.
  18. Click on the text tool on the toolbar. Place the cursor just to the right of your image and type in the name of your website "MyAwesomeWebsite.com". You can move and scale the text like you did your image until they are positioned correctly.
  19. Click the move tool, then click on your logo image.
  20. Click on 'Edit'.
  21. Click on 'Edit colors'
  22. Click 'Convert to RGB'.
  23. Click the color fill tool and select a color for your logo. Ideally the color of your logo should match your site. Do the same for your text.
  24. Click 'Filc'.
  25. Click 'Save As...'.
  26. Click the 'Save' button', and clock 'OK'. The AI file you just saved is what you will email to the print shop when you want to print business cards or posters with your logo on it.
  27. Click 'File'.
  28. Click "Save for Web And Devices...'.
  29. Select the 'PNG' format and click "Save'.
  30. The PNG version of the logo you just created is what you will use on your website. It's a generic size that should fit any website, especially a custom WordPress theme.Ta da!... Here's our final product:

There are all kinds of Illustrator tutorials out there if you'd like to try to improve your logo or make a better one.

If you don't want to hassle with creating a logo yourself you can purchase the 'Affordable Website Package' which includes, a website, hosting, custom logo, seo and an email list.

Leave a Reply

Your email address will not be published. Required fields are marked *

Before you post, please prove you are sentient.

What is that thing with fingers at the end of your arm (one word)?

Before you post, please prove you are sentient.

what is 3 + 8?