Photoshop for type

Discussion in 'Graphic Design' started by Warren Cox, Sep 11, 2013.

to remove all ads.
  1. Warren Cox

    Warren Cox New Member

    Messages:
    2
    Hi there,

    I'm doing a web banner which is 300 pixels by 250 pixels with a finished dpi of 72.

    I am doing it in photoshop and the type handling and crispness of a raster programme is not useful. I am used to designing for print.

    Is there an alternative to get the type sharp and have the same control over it as i would in QuarkXpress?

    The final file needs to be output as a JPEG.

    Warren
     
  2. ronaldroe

    ronaldroe Super Moderator Staff Member

    Messages:
    1,223
    Your problem could be a number of things. First, at what quality level are you saving the jpg? Make sure you're using the "Save for Web..." option to output jpg, and don't set the quality too low. Second, IIRC, the standard dpi for web graphics is 96, so you may need to bump it up. Third, does it have to be in jpg? If not, use png, which has lossless compression. Fourth, since you're talking about type, consider using a webfont instead of an image.
     
  3. Warren Cox

    Warren Cox New Member

    Messages:
    2
    Hi there,

    Thanks for your suggestions. I don't quite understand the webfont thing. I'm mainly a print guy.

    The only packages I have at my disposal, and they are ones I need to run in and drop photos into areas etc, are Quark, Photoshop and Illustrator.

    I've had another idea and I'll try it out when the next job like this comes in.

    Is it a silly thing for me to ask how many pixels in a millimetre? Or is it a movable feast?
     
  4. d a v e

    d a v e New Member

    Messages:
    671
    you can export from indesign as jpeg but you have very limited options over it and no preview.
    if you're not liking the text output from photoshop then try it in illustrator and use file - save for web. adjust the settings to get a good balance between qulaity and compression.

    inevitably you are going to lose some text sharpness when using jpeg but how much depends on how much you comrpess it ;)

    if you still need pointers then upload the file somwhere or post an uncomrpess tif/png

    edit: if you're using save for web in adobe apps then dpi (really ppi pixels per inch) is irrelevant: on the web 1 pixel is 1pixel
     
  5. ronaldroe

    ronaldroe Super Moderator Staff Member

    Messages:
    1,223
    Not true.
     
  6. d a v e

    d a v e New Member

    Messages:
    671
  7. d a v e

    d a v e New Member

    Messages:
    671
    have a look at http://gekkoweb.com/stuff/text-in-ps/
    2 PS files, one at 72 ppi, the other at 300ppi (same pixel dimensions)

    both exported using file save for web... in PS at a setting of 70 quality. both same file size.
     
  8. chrishirst

    chrishirst Well-Known Member Staff Member

    Messages:
    2,670
  9. d a v e

    d a v e New Member

    Messages:
    671
    so bearing that article in mind what advice would you give to the user? certainly dpi is irrelevant as far as producing a better image for the web one - all it means is i refine my definition to mean 1 css pixel is 1 css pixel. whatever. changing the dpi of the image in PS won't help the OP at all. they didn't mention that they are viewing on a device with a different pixel density ratio thing.

    as always an image or web site from the OP would help clear this up or links to psd and outputted jpeg for comparison.
     
  10. ronaldroe

    ronaldroe Super Moderator Staff Member

    Messages:
    1,223
    Ya, IDK. I was having the same problem as OP with 72 ppi, and when I switched to 96, it went away. Also had the same issues with my wife's photography when I posted it online.
     
  11. d a v e

    d a v e New Member

    Messages:
    671
    all i can say is that i've never had this issue. well OP looks like ronald has a possible solution ;) if you can try it and let us know.
     

Share This Page