Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

Design

When to use Photoshop Vs Illstrator

Hi All,

I'm new to the forum and a long time novice of graphic design as redundant as that is. I'm not that good, but I'm here to get better.

I've asked many graphic designer friends what the difference is between both programs and the common answer is "They are used for different things".

So I'm here to ask if anyone can clear it up.

I already know that Photoshop is raster based and Ilustrator is vector based. I also understand the differences between the two.

When you take on a project do you usually use each application for specific tasks (ie Photoshop for site layout, buttons, etc and Illustrator for Logos and such) or is there another method at what program is best to use?

I find when I create logos/icons, I will create in Illustrator and often resize with Photoshop.

Do I seem like I am on the right track or no?

Thanks!

5 Answers

Hey Ian,

I would say for me specifically as a Designer and Illustrator mainly I use the two programs in my designs together. I focus on my vector work in Illustrator and then my detail work in photoshop. Illustrator I will do all my typeface work and the main layout of my design in illustrator then I will either save out in a .TIFF format and load it into photoshop (always keeping the saved vector files incase project sizes change) or I will just export to photoshop (although sometimes I have found that this creates path mess ups so I prefer to just bring a .jpg or .tiff into photoshop). From here I will add my textures my cropping, my burning and smudging anything that I want to manipulate my smart objects. Now, this being said once you start to manipulate your smart objects in photoshop they will not be smart objects anymore, so this is why its always good to have your FINAL concept down before bringing into photoshop.

Now this is just brief but what I will also do to keep my smooth line style of illustration is I will take my white page mock up or my "doodle" and bring it into photoshop and do 1 of 2 things I will either clean up the grey space lines by changing everything to greytone and shifting the thresh hold and the levels panel and until i only have a white and black image, then going into my channels and making a new grey layer and alt selecting only the black lines then going back to my layers, create a new layer and just hit fill with black and you will have a black line seperation from your white background of your artwork. Then I go and import those black lines into illustrator and will turn them into vectors and then re import back into photoshop for coloring ( or just color in illustrator if you prefer) or my second much simpler but a bit more skill oriented technique of just using a wacom tablet in photoshop and doing a overlay sketch of your doodle and then just bringing into illustrator and either tracing over with a custom illustrator brush with a pressure setting of 3 max (only will work with wacom) or just live trace and mess with the custom options till your happy enough with the smooth line vector then import back into photoshop and erase and clean up and rinse and repeat.

I am sure there are MUCH more simple methods out there this is just my own personal preference when I am doing my illustrations to get that smooth brush liquid style.

kddraws.com and any and all of the digital art in their is done with this technique.

hope this wasnt too confusing i am working on wording steps better but to sum it up both are amazing programs and I would use both together in your own creative ways. the biggest thing not to do is let your mind get limited by which one is better or what is the industry standard etc.. Just have fun with it and create your own ways to make things look how you want. just always remember illustrator for vectors aka small as a thumbnail to big as a billboard. and photoshop for an infinite amount of textures. brushes, basically manipulating and creating. illustrator to me is the walls of the house and photoshop is the hammer if that makes any sense.

anyways cheers and hope you find your preference with both these amazing programs. STYLE, create your own style and your own ways and people who want to see your style, your work, your design will start to gravitate to you.

Have fun!

also side note,

when creating buttons and what not i would always recommend illustrator just for the vector format, then save as a smart object to photoshop if you wanna mess around with it but it could break the smart object.

Robin Westerhoff
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Robin Westerhoff
Front End Web Development Techdegree Graduate 33,725 Points

I use them for more then 15 years professionally. And my common workflow is:

Photoshop for layouts, and to build complex graphics (using brushes and other pixelbased effects) which in the end will be exported as bitmap images anyway.

Illustrator for logos and offcourse for exporting to .svg when neccessary.

Placing illustrator files into your photoshop designs gives you the flexibilty to resize without quality-loss, as they will be placed as smart objects.

Hey Ian, Photoshop and Illustrator are indeed used for different things, but they can also do many of same things. The most driving force to one or the other is preference and comfortability. I have seen designers use both for the same purposes.

In my personal opinion, Photoshop is easier to use for web design, quick edits and filtering of raster images, and exporting images for web. Illustrator is easier to use when designing a logo or dealing with specifically vector-based elements. It is also useful in developing wireframes for a site.

That being said, they can both handle the same tasks, but like you said, one is geared towards working with raster (PS), and one is for vectors (AI). I would recommend learning both, as they are both widely-used applications.

Best of luck to you!

Wow. Thanks for all of the info and advice guys!

So I've taken graphics courses in the past and never really got past that initial hump because AI and PS just seemed daunting to learn "everything". It really is a matter of just banging out some work, living, and learning. I will put all of this knowledge to good use.

I do have one more question when it comes to logo design. When desining a text logo I normally just go to DaFont or SquirrelFont, d/l fonts that I like and type out the "logo". I have a hard time really considering it a logo because, well, it's someone else's typeface design if that makes any sense.

Is this a common practice or do most designers use a standard font and style it on their own? It certainly speeds up the job when you can just snag some free fonts, however, if I were ever to use them for anything else I would have to purchase the licenese. But then these typeface logos wouldn't be "original" either, you know what i mean?

Hey Ian,

this is a question that i ask myself and have discussions about all the time. I myself do both, it is important to know that just like any other business and career path Graphic Design has different specalties and studies within it that can support each other internally through outsourcing. for example a graphic design agency doesnt normally print in house they will go through a third or second party offset or pre set printer specialty service. as a freelance designer its always important to know the scope of your project and what you wanna do. their are people who LOVE typography and typefaces and make their living off making typefaces for others and some also post open source or free share typefaces such as dafont.com. to say anything is standard practice is a bit obsolete because design is about the designer. to answer your question in short before more rambling, yes, this is normal for a lot of designers including myself, however, its about the project. personal projects and free open share are great places for these fonts and great ways to learn different and inventive ways people are using serifs and path cuts in their typeface creation. when it comes to paid work, id say the simple answer is if you like someone elses fonts and your gonna use it for a pay project then pay the creator for the font and usage rights. its just another form of business in design and you are buying the rights and usage of that persons art to be used and expressed in your work. side note, its always important to read the usage rights and any paper work that comes with free share typefaces, its from the creator and it will say if its allowed for professional use or just personal or for example if you were to use it professionally then they make request you ask their permission and tell them the project basics etc.. but just always follow up if your getting paid.sorry for the ramble, basic answer is yes this is fine just remember to be smart and respect the users requests and artwork. also creating your own brushes in photoshop and illustrator and your own typefaces is a fun project and fairly simple!! be creative and enjoy!! also just one last side note, if your on a student edition of AI and PS and graduate make sure you purchase updated proffessional versions for the license agreements make it not allowed for you to producw proffessional work on student edition software. just figured id say. sorry im rambling and trying to hone my explanation skills in this forum haha hope this helped at all and have a blast with the programs. this was sent from my phone so sorry for bad grammar :)

Thanks Kyle. I really appreciate that explanation. I've just always been curious. Maybe I will delve into typefaces a bit.