Skip to main content
A
Anonymous
February 21, 2013
Answered

Need a good tutorial of PSD to HTML Email

  • February 21, 2013
  • 5 replies
  • 56946 views

I'm looking for a good tutorial for converting PSD files in to HTML emails. I know the basic steps such as slicing up the document, how to optimize the images, save as an HTML file and images but after that it gets fuzzy. I'm struggling with how to have text blocks in photoshop show up as text rather than be an image in the HTML.

I've searched on Lynda.com, YouTube, and quite a few other sources but can't seem to find anything that goes over it in depth. I'm a novice when it comes to HTML (trying to increase my knowledge everyday) so please provide any answers as dulled down as possible.

Any help is greatly appreciated.

    This topic has been closed for replies.
    Correct answer Rik Ramsay

    coroadtrip wrote:

    I'm looking for a good tutorial for converting PSD files in to HTML emails....

    ...I'm a novice when it comes to HTML (trying to increase my knowledge everyday) so please provide any answers as dulled down as possible.

    As you have discovered, exporting from a PSD to HTML is relatively easy. However, to do it correctly for HTML email requires forward thinking for how the text is going to be displayed and where - and also how much of it will be text. There are numerous discussions surrounding this topic on the Dreamweaver Forum that will help you with the HTML side of things but depending on how the design is, you might need to reconsider it's structure and layout.

    This could help you: http://www.sitepoint.com/turn-your-psd-into-a-solid-html-email/

    Try running a search for "HTML email" on the Dreamweaver side and see if it helps you.

    5 replies

    A
    Anonymous
    April 16, 2020

    PSD to HTML conversions are critical in terms of web designing and it is great if you look at the experience of a company before approaching them. At Email Uplers we have dedicated design and development team for  PSD to HTML email.For more information visit this page https://email.uplers.com/psd-to-email-html-conversion-service/ 

    H
    henrydennis13
    Participant
    March 28, 2014

    There are many online website available which can provide number of tutorials on PSD to Html conversion. And these tutorial can be beneficial in many ways to learn different new things. But if you are looking for conversion service then hire a company which can provide you similar services and website I know which can provide conversion services is http://www.psdtoconvert.com. Do not try it by your own if you are not professional

    Rik Ramsay
    Rik RamsayCorrect answer
    Participating Frequently
    February 22, 2013

    coroadtrip wrote:

    I'm looking for a good tutorial for converting PSD files in to HTML emails....

    ...I'm a novice when it comes to HTML (trying to increase my knowledge everyday) so please provide any answers as dulled down as possible.

    As you have discovered, exporting from a PSD to HTML is relatively easy. However, to do it correctly for HTML email requires forward thinking for how the text is going to be displayed and where - and also how much of it will be text. There are numerous discussions surrounding this topic on the Dreamweaver Forum that will help you with the HTML side of things but depending on how the design is, you might need to reconsider it's structure and layout.

    This could help you: http://www.sitepoint.com/turn-your-psd-into-a-solid-html-email/

    Try running a search for "HTML email" on the Dreamweaver side and see if it helps you.

    A
    Anonymous
    February 22, 2013

    Photoshop isn't a web editor. When you save for web all the text will be rasterized and treated like a picture element.

    If you - for example - want to create an email template you will have to use the text functions of your email program.

    miss marple

    A
    Anonymous
    February 22, 2013

    Right, but in the wonderful world of Marketing and Advertising Agencies, a majority of agencies will build the template in Photoshop, slice the PSD file, export the HTML & Images, re-assemble and clean the code in Dreamweaver, then export one HTML file with all the information.

    Building an e-mail entirely in a program like Mailchimp or other free services is not only limiting but not really a best practice. Even with Eloqua it can be limiting.

    Thank you for your response though.

      L
      Lundberg02
      Inspiring
      February 22, 2013

      Why do it?

      Terms & ConditionsAccessibility statement
      Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices