{"id":1643,"date":"2011-07-23T18:09:02","date_gmt":"2011-07-24T01:09:02","guid":{"rendered":"https:\/\/bryanhadaway.com\/?p=1643"},"modified":"2025-05-22T15:23:21","modified_gmt":"2025-05-22T22:23:21","slug":"photoshop-vs-illustrator","status":"publish","type":"post","link":"https:\/\/webguy.io\/blog\/photoshop-vs-illustrator\/","title":{"rendered":"Photoshop vs Illustrator"},"content":{"rendered":"<p>&#8230;at least, that&#8217;s how I used to think of it.<\/p>\n<p><a href=\"https:\/\/www.adobe.com\/creativecloud.html\">Adobe&#8217;s Creative Suite<\/a> is pretty much the standard for web and graphic designers.<\/p>\n<p>Photoshop is hands-down, used far more than Illustrator, and for a long time, I thought it was one or the other. Most people get started with Photoshop for fun, coming from Microsoft Paint, yikes \u2014 which is quite a learning curve. However, after spending years with Photoshop, we learn the tricks and get comfortable with it.<\/p>\n<p>Then, we learn about vectorization, that monkey on our back. We learn how in demand it is, how important it is, and that it&#8217;s just plain required in most cases. We keep trying to find excuses why we don&#8217;t need to use Illustrator. At first glance, it&#8217;s just plain daunting, intimidating, and not worth all that time to learn a new program after we&#8217;ve been using Photoshop for years. After all, we can do everything in Photoshop that we can do in Illustrator, right?<\/p>\n<p>Well, that&#8217;s almost true, except for that ever-present monkey on our back, the need for complete and proper vectorization. What&#8217;s the point of vector graphics? For future scalability, primarily for printing purposes. Whether you need your graphic for a business card or a billboard, you can create any size or format you could ever need from a vector file.<\/p>\n<h2>Photoshop<\/h2>\n<p><a href=\"https:\/\/www.adobe.com\/products\/photoshop.html\">Photoshop<\/a> is a raster or bitmap-based graphic editing and creation program. Although Photoshop was originally intended as a <em>photo<\/em> editing program, I personally think it&#8217;s used to create web-based graphics far more often. In layman terms, it&#8217;s often used for a lot of style-heavy effects: gradients, shadows, glow, glare, shine, particles, blur, etc. It&#8217;s perfect for any web-based graphic and can work just fine for print as well considering you know exactly what you want beforehand for your own projects.<\/p>\n<p>However, you don&#8217;t know what clients might need in the future, and to me, that&#8217;s where Illustrator&#8217;s main importance lies&#8230;<\/p>\n<h2>Illustrator<\/h2>\n<p><a href=\"https:\/\/www.adobe.com\/products\/illustrator.html\">Illustrator<\/a> is a vector-based editing and creation program. In layman terms, it&#8217;s for creating clean shapes and designs, logo design for example. When editing, there&#8217;s not actually-embedded colors and graphics. It&#8217;s essentially mathematical and symmetrical set points with assigned colors. Because it&#8217;s not hard-coded, fixed graphics, you can scale to any size you need without pixelization (losing quality). <\/p>\n<p>It&#8217;s important to use Illustrator for client projects, so that later, if\/when they go to a printer (which are all different with different spec requirements), any size, color mode, file format, etc., can be created from the .ai file.<\/p>\n<h2>Making the Transition<\/h2>\n<p>It&#8217;s not so much about making a transition as it is accepting Photoshop&#8217;s sibling program. If you were like me and feared Illustrator, fear no more. Illustrator is great. <\/p>\n<p>It is a bit of a head-scratcher that some of the most obvious and basic tasks that both Photoshop and Illustrator do the same, don&#8217;t utilize the same hotkeys or steps to accomplish. For example: <em>Undo<\/em> \u2014 I don&#8217;t know why they wouldn&#8217;t be exactly the same. The learning curve is mostly going to be about learning the different ways to accomplish things you already know how to do, but now in Illustrator.<\/p>\n<p>If you already use the pen and shape tools in Photoshop, you&#8217;ll be 3\/4 the way to understanding how Illustrator works. Next is learning about how layers and selecting\/moving layers and paths differs. If you&#8217;re an expert in Photoshop, it won&#8217;t take too long to get a handle on Illustrator. Don&#8217;t forget, the web is full of helpful how-to tutorials. Good luck.<\/p>\n<h2>In Conclusion<\/h2>\n<p>On a personal note, I would say that I can probably use Photoshop the majority of the time for web projects. That doesn&#8217;t necessarily mean one is better than the other, they both have their strengths and weaknesses. However, now for logo design, I strictly design in Illustrator only. From there, if I need to, I can export to Photoshop .psd and add a ton of raster effects.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>&#8230;at least, that&#8217;s how I used to think of it. Adobe&#8217;s Creative Suite is pretty much the standard for web and graphic designers. Photoshop is hands-down, used far more than Illustrator, and for a long time, I thought it was one or the other. Most people get started with Photoshop for fun, coming from Microsoft <a href=\"https:\/\/webguy.io\/blog\/photoshop-vs-illustrator\/\" class=\"more-link\">&#8230;<span class=\"screen-reader-text\">  Photoshop vs Illustrator<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[207,283,224],"class_list":["post-1643","post","type-post","status-publish","format-standard","hentry","category-graphic-design","tag-graphic-design","tag-illustrator","tag-photoshop"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/webguy.io\/blog\/wp-json\/wp\/v2\/posts\/1643","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webguy.io\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webguy.io\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webguy.io\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webguy.io\/blog\/wp-json\/wp\/v2\/comments?post=1643"}],"version-history":[{"count":0,"href":"https:\/\/webguy.io\/blog\/wp-json\/wp\/v2\/posts\/1643\/revisions"}],"wp:attachment":[{"href":"https:\/\/webguy.io\/blog\/wp-json\/wp\/v2\/media?parent=1643"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webguy.io\/blog\/wp-json\/wp\/v2\/categories?post=1643"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webguy.io\/blog\/wp-json\/wp\/v2\/tags?post=1643"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}