Photoshop mocking HTML
- Started
- Last post
- 13 Responses
- BannedKappa
When mocking up website, what settings do you use in Photoshop to mock regular Arial text?
Crisp, Sharp, None?
It never renders the same. It's always crustier.
- monNom0
none.
- TResudek0
For comps I always use "crisp"... it seems to look the best and clients like it even if it doesn't look exactly the same in the browser. If you're in a purely windows environment you might try "none."
- threadpost0
I use aliased verdana. never use arial, too much inconsistency from one system to the next. Whereas verdana, besides getting antialiased on the mac, still looks pretty much the same (size, line, weight, tracking, etc)
- VectorMasked0
Always crisp, unless we are talking about a pixel font or want a pixelated look.
Anything other that crisp destroys the letterforms.
- NewElpaso0
ive started to use tahoma after today.. lines up with XP and its nicer than verdana and arial
- Jaline0
I dislike all of them.
- ukit0
How arrogant of Photoshop to mock HTML
- BannedKappa0
There's a little trick I learnt ages ago to get the best in Photoshop font anti-aliasing.
With your text selected, zoom right in and use the move to outside the text area to move the text box around till it looks best. Make a difference when trying to render small fonts for key web graphic elements.
- english?jkmohr
- <-- What BannedKappa said.
VectorMasked - wtf did he say? seriously, what?
"use the move to outside the text area..."Point5 - I mean, yes I make mad typos on here, but I want to know what he means.Point5
- in other words: "use the move to outside the text area..."
mdilone - okay. I read the message about 10 times, and I still can't decode it. Help?
mdilone - i'm with him. this could be good advice if it made any sense?airey
- ok I'll show you...BannedKappa
- mikotondria30
I actually find more consistent results by *gasp* mocking up some text in Flash and using either the 'more readable' or a custom sharpness/weighting figure, do it oversize, then shrink down.
For comps you're only going for a 5 second impression to make an impact and make the client happy about the 50% that they've already paid.
By the time comes that they're playing with a working version, they're happy with seeing real text behaving in the way they want.
It's nice to be able to make a comp with 'ideal world' font control, though.
- jkmohr0
for body text usually sharp. everything else (titles, etc.) i set in crisp
- BannedKappa0
Here that tip...
- It's not that clear but you should get the idea.BannedKappa
- ********0
13!