P-Shop or Illstrtor. for Web Comps
- Started
- Last post
- 31 Responses
- ********0
oh really? ok.
I suppose the day will come they'll both be rolled into 1 app anyway..
- Dancer0
The "Save for wev" function in PS is awful. If throws all the colours out and zaps the contrast so it looks dull and muted. When I Save for web I expect it to be exactly the same as how I designed it. If I move over to Imageready of Fireworks the optimised image comes out just fine.
Having said that I make do to save time, but it does piss me off
- karlo0
I know I will get shot but I am ALL ABOUT Fireworks...
But what do I know - I cant even use contrbute!!!
- monoboy0
I use Illy for design visuals, then fireworks to create the site.
Best of both worlds. Also useful for transfering to flash. Keep it vector and editable I say.
- MLP0
i do this a lot as well. you can draw all you want in illustrator then take it to photoshop/imageready.
- mynx0
Try this:
Open a file in Illustrator, view it as Pixel Preview, set your stroke weight as pixels (in preferences), draw a black horizontal line at any length and apply a 1 pixel stroke weight, now zoom in and tell me what you see? Is it a 1 pixel perfect black line? or something that looks like a grey line 2 pixels high with antialiasing on both ends? The web works in pixels not vectors trying to be pixels.
- monoboy0
Illy works in pixels too.
- PonyBoy0
Enter response:
mynx... you're not 'supposed' to zoom in on pixels...
... pixels should be viewed at 100% - meaning... hit or to get to 100% or 'actual pixels'. You'll notice if you set the stroke ON THE PIXEL and align it to the outside of the vector base (as apposed to the center which will cause aliasing unless you set it at .5px on it's plane) ... the aliasing will go away...
... but you gotta reset your rulers by dragging out from the topleft square between the rulers and dropping you're (0,0) point...
... if you're going to 'work in pixels'... then make sure you zoom to 100% or actual pixels to preview your 'final' result.
And the illustrator 'save for web' function sucks balls... what if I want some type to be aliased and the other type to be HTML (pixeled)? plllbth... don't work - gotta go 'pixel preview' or regular aliased.... can't have both and a clean save for web preview (even if it's a png).
If you're designing with pixel fonts in illy and set your font on the pixel - you'll get a decent visual onscreen (the actual artboard 'working area' preview)... but when you go to 'save for web'... the pixel fonts look like filthy aliased turds... selecting 'pixelate' in the save for web function still looks ugly...
... so... you don't get GOOD FINAL previews for fonts if you use Illy's save for web function to create your comps...
... soooo... i always resort to using both illy and ps in tandum - having a working file going side by side... working and updating immediatly - having a vector source and a 'finishing touches' source (photoshop)...
... someone above did mention that ps's safe for web filters tend to desaturate images... they're right... in the VERY END... if you're an obnoxious stickler - you can save your psd and jump over to fireworks.
...or you can flatten the image in ps and bump the saturatoin a tad bit...
... pretty much evertyhing I've learned thus far is that you're gonna 'hack' stuff together one way or another... but having two working files - a vector 'wireframe of the design & type' and a PS file for managing the 'fine quality' for final comping.
Also... bear in mind - like anything else 'computer software related'... there's usually 32.584 different ways you can get from point A. to point B. :)
- pablink0
For keeping your beautiful pixel fonts to be aliased:
Select Type
Effects>Rasterize>Resolution: 72 dpiAs well as 1 px lines that get aliased but the trick is to make a grid based on a 1 px division and make Illy snap to it...
- PonyBoy0
Enter response:
how's that hold up in the save for web function, pab?
- pablink0
hmm i just tried it. ...worked for me.....
here are some articles i ran into:
PRO VECTOR:
http://www.yellowlane.com/archiv…
ANTI-VECTOR
http://www.firewheeldesign.com/s…
Again: it depends on the needs/workflow