Create Your Own HTML Email Signature

Olga Brycht, Graphic Designer living in Maui

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
6 Videos (39m)
    • Introduction

    • Lesson 1: Starting in Photoshop

    • Lesson 2: Guides & Using the Slice Tool

    • Lesson 3: Editing the HTML Code

    • Lesson 4: Embedding the Code into Gmail

    • Lesson 5: Embedding the Code into Mac Email


About This Class

In this class you'll learn how to create an attractive HTML email signature for your brand, company or client.

The class is separated into 5 lessons:

  1. Creating & designing the signature in Photoshop
  2.  Slicing the signature & generating automatic HTML code
  3.  Editing the code
  4.  Embedding into Gmail
  5.  Embedding into Mac Email App

Some important notes:

  • No previous HTML knowledge is required for this very simple project.  
  • Please, download the attached Email-Signature-Template file under the resources.
  • Download Sublime Text Editor here:

You will end up with a beautiful & effective email signature that will help you make a great impression in your daily email correspondence.

8 of 13 students recommendSee All

Great walk through to show exactly how to implement this. Lessons 3 & 4 do need to be re-recorded or editted since they are not playing correctly and/or have a lot of blank recording or no audio. Thank you!
Just what I was looking for. Thank you!
Danielle Hall

Freelance Graphic Designer

Exactly what I was after. Great work!





Olga Brycht

Graphic Designer living in Maui

I'm a self-taught Graphic Artist & Photographer working full-time, freelancing in my free time & enjoing all kinds of new, creative and exciting projects.

I'm also an avid runner & Bikram Yoga fan.

Add me on Facebook & Instagram. Let's be friends! :D

Technology Web Development Creative