Illustrator or Photoshop for websites?
- Started
- Last post
- 19 Responses
- seansuth
I am rather new to developing websites and thought that site was interesting, http://madebyfudge.com/...
Is it better to design websites in Illustrator or in Photoshop?
Just wondering what everyone's opinion is and why....
- monoboy0
Photoshop is pixel perfect for web, but a pain in the arse to design with. Really slow.
Illustrator is super fast and easy, but can be tricky to cross over to HTML. Especially when working with a dev team.
Fireworks is pixel perfect and also has vector based, best of both worlds.
Pros and cons to all, just use what you feel comfortable with.
- I prefer Illustrator btwmonoboy
- PS is easy, you are slow =PFrosty_spl
- I prefer Fireworks, btw.
Thanks for the rational, objective comment, though.
Josev
- Claymantis0
Just use photoshop. If you need vectors, bring them in from illustrator as smart objects. You don't want to be doing layouts in illustrator for web. Its a programmers nightmare.
- detritus0
I invariably end up using Photoshop, but recognise that Illustrator and, in particular, Smart Objects are powerful tools.
- Oh, claymantis you cur.detritus
- Photoshop all the way.Claymantis
- imadesigner0
Fireworks.
- BIGGESTDOGINTHEWORLD0
_
Fireworks, Photoshop is fucking terrible for websites, you can't even click on things to select them or drag corners to resize buttons.Although I admit Fireworks is a clunky buggy piece of shit, but its still more intuitive than Photoshop for web stuff
- you have no idea, what your talking about.Claymantis
- +1dkmb
- I have to agree that Fireworks is more intuitive. I'm not going to knock Photoshop, its an amazing program that's very powerful, but if you know how to use Fireworks it's much faster for certain tasks.Josev
- powerful, but if you know how to use Fireworks it's much faster for certain tasks.Josev
- 23kon0
I design in illustrator for web
markup printouts for the programmers
then export the various elements to photoshop to tweak or make pixelperfect
and make template files for things like buttons which will appear in various forms through the site
- ckentish0
ps for web - its all bitmaps in the end so why design in vectors...
import stuff from illy if you need vectors- Exactly. Smart object people.
If you understand programming. You will understand why you need to use photoshop.Claymantis
- Exactly. Smart object people.
- spraycan0
use both, you can copy paste from illy to ps.
- R-aI0
A mix and match between Illustrator and Photoshop. But Phoroshop is used as the main part, I just use illustrator to create certain things.
Making dashed line in Photoshop is a pain in the arse...
- Phoroshop = Photoshop... Ahahahahahahahaha...R-aI
- Dashed line is easy. 2px canvas, half empty, half black, select all, Define Pattern.dMullins
- Then draw your dotted line area, and Fill with Pattern.dMullins
- But then amending that line to see what a thicker or longer dash might look like.. arse pain...R-aI
- A nice solution nonetheless and I will be utilising it next time i'm dashingR-aI
- Yah, you're right. I have pre-arranged patterns for different widths/sizes/etc thoughdMullins
- Claymantis0
Actually, fuck it. Just use corel draw and export it as a MOV. Send it to the account team while your at it.
- grafisk0
I've been a long term advocate of Illustrator for design, 10 years! But now with working on predominately web based projects i have to say that in an agency environment with dev teams Photoshop really does delver a better output, as said previously in this post its pixel perfect, so PS gets the vote here.
- dMullins0
I use everything available to me, and work within PS as the last step.
As far as that site you linked, FUCK ME, I was just about to do something VERY similar for my next portfolio site. ARRRRGGGGHHHH
- its been done many times.Claymantis
- It's been done, but not like that, with the movable guides, and such, which was my idea.dMullins
- vaxorcist0
As a developer, I get files from Illistratior and Photoshop and Fireworks and whatever.... it's not so much the tool as the careful naming of things that matters to me... I advise not to just copy and paste things all over the place without renaming them....
- seansuth0
Some great insight here, thanks all. I have been using Photoshop a lot more as of lately but have been hearing about people using Illustrator for web as well so I was just curious what everyone used. I guess, when it boils down to it, it seems like it is personal preference, what you feel more comfortable using.
dMullins, sorry for posting the link, that site is what got me interested in using Illustrator for web. It's a great site regardless!
- pillhead0
Really?
- Jnr_Madison0
I use fireworks.
- discoduro0
Page Maker
- Claymantis0
I just use word perfect 5 and export it as an EXE. Usually run it by the account team for creative input.
- Milan0
I use both. Illustrator for layout and design, Photoshop for slicing and saving for web. When developing, I hate when I get unorganized files from designers. Messy, unnamed layers and primitive shapes' widths/height and x/y coordinates not rounded to the nearest number piss me off the most.