{"id":2208,"date":"2012-04-20T07:12:00","date_gmt":"2012-04-20T07:12:00","guid":{"rendered":"http:\/\/2slick.com\/web\/?p=2208"},"modified":"2012-04-30T00:15:47","modified_gmt":"2012-04-30T00:15:47","slug":"how-to-create-a-professional-logo","status":"publish","type":"post","link":"https:\/\/2slick.com\/web\/how-to-create-a-professional-logo\/affordablewebsitestips\/tutorials","title":{"rendered":"How to Create a Professional Logo"},"content":{"rendered":"<p>If you don't want to hassle with creating a logo yourself you can purchase the '<a title=\"Affordable Website Package\" href=\"http:\/\/2slick.com\/web\/build-a-website\" target=\"_blank\">Affordable Website Package<\/a>' which includes, a website, hosting,\u00a0<strong>custom logo<\/strong>, seo and an email list.<\/p>\n<p>If you don't know the different between a website and online success, check out this post: <a href=\"http:\/\/2slick.com\/web\/i-need-a-website-2\/affordablewebsitestips\/tutorials\" alt=\"i need a website\">I need a website<\/a><\/p>\n<h3>How to create a simple yet professional logo for web and print use.<\/h3>\n<p>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.<\/p>\n<ol>\n<li>First start downloading Adobe Illustrator. You will need to create an account at adobe.com to download the free 30 trial version of Illustrator.\u00a0Go here to start the download:<a title=\"adobe illustrator\" href=\"http:\/\/adobe.com\/go\/tryillustrator\" target=\"_blank\">www.adobe.com\/go\/tryillustrator<\/a><\/li>\n<li>It's currently trendy to have a simple monochrome\u00a0silhouette\u00a0image 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.<\/li>\n<li>Search for an animal or item\u00a0silhouette 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\u00a0silhouette'. If you're starting a dog grooming website you would search for ~ 'dog\u00a0silouette'.<br \/>\nSave the image to your computer:<br \/>\n<a href=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/04\/businesman_silhoutte.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2209\" style=\"border-image: initial; border: 1px solid black;\" title=\"businesman_silhoutte\" src=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/04\/businesman_silhoutte.jpg\" alt=\"\" width=\"600\" height=\"600\" srcset=\"https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/04\/businesman_silhoutte.jpg 600w, https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/04\/businesman_silhoutte-150x150.jpg 150w, https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/04\/businesman_silhoutte-300x300.jpg 300w, https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/04\/businesman_silhoutte-36x36.jpg 36w, https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/04\/businesman_silhoutte-90x90.jpg 90w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/li>\n<li>Finish downloading Adobe Illustrator, start the 30 day trial and open the program.<\/li>\n<li>Click 'File' in the top left of the program.<\/li>\n<li>Click \u00a0'New'.<\/li>\n<li>In the 'New Document' window set the 'width' field to 200 and the 'height' to 50. Set the 'Units' to 'Pixels'.<\/li>\n<li>Click the 'OK' button.<\/li>\n<li>Click the 'File' button at the top of the screen.<\/li>\n<li>Click 'Place...'<\/li>\n<li> Navigate to and select the image you saved earlier.<\/li>\n<li>Click on 'Object', 'Live Trace' then 'Make and Expand'.<br \/>\n<a href=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/04\/make_and_expand1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2211\" style=\"border-image: initial; border: 1px solid black;\" title=\"make_and_expand\" src=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/04\/make_and_expand1.jpg\" alt=\"\" width=\"600\" height=\"1051\" srcset=\"https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/04\/make_and_expand1.jpg 600w, https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/04\/make_and_expand1-171x300.jpg 171w, https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/04\/make_and_expand1-584x1024.jpg 584w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/li>\n<li>Right mouse click on the image and select 'Ungroup'.<\/li>\n<li>Move your cursor off the image and right mouse click.<\/li>\n<li>Right mouse click on a white part of the image so it's selected and press the 'Delete' key on your keyboard.<\/li>\n<li>There now I have my ready to use vector image\u00a0silhouette\u00a0of a business man and you should have a silhouette of whatever image you chose.<\/li>\n<li>Click on the image so it's\u00a0highlighter. you can use the mouse to click and drag the corners of the image to\u00a0re-size\u00a0it. 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.<\/li>\n<li>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\u00a0positioned\u00a0correctly.<br \/>\n<a href=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/04\/text_tool_illustrator1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2213\" style=\"border-image: initial; border: 1px solid black;\" title=\"text_tool_illustrator\" src=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/04\/text_tool_illustrator1.jpg\" alt=\"\" width=\"600\" height=\"275\" srcset=\"https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/04\/text_tool_illustrator1.jpg 600w, https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/04\/text_tool_illustrator1-300x137.jpg 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/li>\n<li> Click the move tool, then click on your logo image.<\/li>\n<li>Click on 'Edit'.<\/li>\n<li>Click on 'Edit colors'<\/li>\n<li>Click 'Convert to RGB'.<\/li>\n<li>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.<br \/>\n<a href=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/04\/illustrator_color_fill_tool.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2214\" style=\"border-image: initial; border: 1px solid black;\" title=\"illustrator_color_fill_tool\" src=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/04\/illustrator_color_fill_tool.jpg\" alt=\"\" width=\"600\" height=\"275\" srcset=\"https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/04\/illustrator_color_fill_tool.jpg 600w, https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/04\/illustrator_color_fill_tool-300x137.jpg 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/li>\n<li>Click 'Filc'.<\/li>\n<li>Click 'Save As...'.<\/li>\n<li>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.<\/li>\n<li>Click 'File'.<\/li>\n<li>Click \"Save for Web And Devices...'.<\/li>\n<li>Select the 'PNG' format and click \"Save'.<br \/>\n<a href=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/04\/save_as_png.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2215\" style=\"border-image: initial; border: 1px solid black;\" title=\"save_as_png\" src=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/04\/save_as_png.jpg\" alt=\"\" width=\"600\" height=\"275\" srcset=\"https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/04\/save_as_png.jpg 600w, https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/04\/save_as_png-300x137.jpg 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/li>\n<li>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:\n<p><a href=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/04\/mygreatbusinessblog.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2216\" title=\"mygreatbusinessblog\" src=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/04\/mygreatbusinessblog.png\" alt=\"\" width=\"200\" height=\"50\" \/><\/a><\/li>\n<\/ol>\n<p>There are all kinds of Illustrator tutorials out there if you'd like to try to improve your logo or make a better one.<\/p>\n<p>If you don't want to hassle with creating a logo yourself you can purchase the '<a title=\"Affordable Website Package\" href=\"http:\/\/2slick.com\/web\/build-a-website\" target=\"_blank\">Affordable Website Package<\/a>' which includes, a website, hosting, <strong>custom logo<\/strong>, seo and an email list.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>If you don&#8217;t want to hassle with creating a logo yourself you can purchase the &#8216;Affordable Website Package&#8217; which includes, a website, hosting,\u00a0custom logo, seo and an email list. If you don&#8217;t know the different between a website and online success, check out this post: I need a website How to create a simple yet [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2217,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10,4],"tags":[308,309],"class_list":["post-2208","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-affordablewebsitestips","category-tutorials","tag-custom-logo","tag-illustrator"],"_links":{"self":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts\/2208","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/comments?post=2208"}],"version-history":[{"count":4,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts\/2208\/revisions"}],"predecessor-version":[{"id":2219,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts\/2208\/revisions\/2219"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/media\/2217"}],"wp:attachment":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/media?parent=2208"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/categories?post=2208"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/tags?post=2208"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}