Photoshop mocking HTML 1313 Responses

Last post: 5 months, 3 weeks ago | Thread started: Jun 11, 08, 6:05 p.m.

RespondNew TopicDisable Images

• 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.

  Jun 11, 08, 6:05 p.m. – Permalink

• monNom

  none.

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earJun 11, 08, 6:09 p.m. – Permalink

• TResudek

  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."

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earJun 11, 08, 6:09 p.m. – Permalink

• threadpost

  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)

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earJun 11, 08, 6:09 p.m. – Permalink

• VectorMasked

  Always crisp, unless we are talking about a pixel font or want a pixelated look.

  Anything other that crisp destroys the letterforms.

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earJun 11, 08, 6:11 p.m. – Permalink

• NewElpaso

  ive started to use tahoma after today.. lines up with XP and its nicer than verdana and arial

  • you are welcome– 7point341/2

    many thanks!– elpaso2/2

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earJun 11, 08, 6:23 p.m. – Permalink

• Jaline

  I dislike all of them.

  • But crisp is best.– Jaline

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earJun 11, 08, 6:24 p.m. – Permalink

• ukit

  How arrogant of Photoshop to mock HTML

  • werd– van_rijn1/3

    http://nalewajk.com/…– van_rijn2/3

    bada bing– rocknonstop3/3

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earJun 11, 08, 6:25 p.m. – Permalink

• BannedKappa

  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?– jkmohr1/8

    <-- What BannedKappa said.
    – VectorMasked2/8

    wtf did he say? seriously, what?
    "use the move to outside the text area…"– Point53/8

    I mean, yes I make mad typos on here, but I want to know what he means.– Point54/8

    in other words: "use the move to outside the text area…"
    – mdilone5/8

    okay. I read the message about 10 times, and I still can't decode it. Help?
    – mdilone6/8

    i'm with him. this could be good advice if it made any sense?– airey7/8

    ok I'll show you...– BannedKappa8/8

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earJun 11, 08, 6:27 p.m. – Permalink

• mikotondria3

  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.

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earJun 11, 08, 6:28 p.m. – Permalink

• jkmohr

  for body text usually sharp. everything else (titles, etc.) i set in crisp

  • yep– van_rijn

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earJun 11, 08, 6:31 p.m. – Permalink

• Invalid

  None of the settings in Photoshop actually render the text as it will be seen in the browser. I'm not sure why. But it does work when using Fireworks. I use Photoshop though and use "None".

  • It's called font smoothing. anything over 10pt will smoothen out on windows or mac.– brains

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earJun 11, 08, 6:49 p.m. – Permalink

• BannedKappa

  Here that tip...
  

  • It's not that clear but you should get the idea.– BannedKappa

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earJun 12, 08, 8:14 p.m. – Permalink

• skt

  13!

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earJun 13, 08, 5:06 a.m. – Permalink