Make Your Own Professional Gmail Signature with Icons

gmail signature

Make an Awesome Gmail Signature!

Professional email signatures are eye-catching and classy. However, there are companies out there wanting you to pay them $72 a year to create one. You can create your own professional Gmail signature, though. Here’s how.

I use Photoshop to edit pictures, but you can use whatever picture editor you normally use. But for this tutorial, my instructions are for Photoshop.

You can design your signature anyway you want, of course, but for this tutorial, I’ll be using mine as an example. Here’s the finished product:

sample gmail signature

Here are some guidelines to remember when creating your signature.

  • Don’t use your real address. Emails can be forwarded, and you don’t want stalkers after you.
  • Don’t use an image that you wouldn’t want a kid or your boss to see!

Here are the steps:

  1. You’ll need a folder to store your signature’s files. The one I use is in Google Drive. Just go to google.com/drive and create a folder to store your signature files in. Mine’s called “email signatures”. 😊
  2. Set that folder’s privacy settings so that it is public (anyone on the web can view) and anyone can see (no sign-in required). You can do that by clicking on the link icon on the top right corner:
    privacy settings
    google drive privacy settings
  3. If you want to include some nice social-media icons that link to your social media profiles, you can either do a google search for some (make sure the license allows you to use them), or you can just use these ones from pixabay. Softicons has some nice ones, too.
  4. Now make the images in Photoshop (or your editor) that you’ll be using in the signature. First, you’ll want a nice headshot.I used a square image that was 76px wide x 86px high.If you want a circle one, open your picture in Photoshop, and make sure the it is on a layer. If it says “background” in the layers window, right-click on that layer and select “Layer from background”.Grab the elliptical marquee tool (M), hold the shift key to keep it a perfect circle, hold the left mouse button down while drawing the circle, draw out your circle, then let go of the mouse button. You should have a dashed circle on your picture.Put your mouse over the circle, right-click on it, and select “layer via cut” in the pop-up dialog box. Now you’ll have two layers. Hide the bottom one (click the eye icon in the layer panel) to make sure the circle picture is as you want it. If it is, go ahead and delete the bottom (square) layer. Resize it to the size you want (Image > Size) and then “Save for web” as a transparent png.Then, you want your social media icons. If you’re not familiar with photo editing, I’ll lay out the process here. You can open that picture from pixabay in Photoshop. Grab the rectangular select tool:
    select tool

    Select one of the social media icons from the picture, for example, the facebook icon. Click Edit > Copy and then File > New (Make the background transparent). Then when the new canvas shows up, click Edit > Paste. Now resize it (Image > Size). I make my icons 20px x 20px. Do this for all the icons you’re going to use in your signature.

    If you want to get fancy, grab the magic wand (W key), click to select all the white, then hit the delete key. Now, if you want, you can save it as a transparent png.

    Upload your images to your Google Drive email signatures folder.

  5. Now, you can’t top-align text in the Gmail signature box in Gmail, so we’re going to create our signature using a file in Google Drive. In Google Drive, open a new document (“New” > “Google Docs” > “Blank Document”).
    “Insert” > “Table” (2 x 2).Highlight the two cells in the bottom row, right-click and hit “Merge cells”. On the top row, drag the divider line between the two cells so that it’s toward the left side.We’ll use the cells like this:table
    In the top left cell, insert your picture (Insert > Image). In the top right cell, type your info. Under that, insert your social media icons (Insert > Image).

    Put links on your social media icons by selecting them, then choosing the link icon in the menu bar. Configure your text with the font and color you want.

    Finally, to add a bar between your image and the info on the right, select the entire table (CTRL A). Set “Border width” to 0. (“Border width” is under the “More” button at the far right; at least it is on mine).Then, select the top right cell (click and drag in it), and click the arrow in the top right corner so that you can choose to put a border on the left side of the cell ONLY. You can choose the color and line width.

    Here’s what it looks like so far:
    gmail signature

    You can position the text by increasing the margin. Select the text in the top right cell and then move the blue arrow in the number line (under the toolbar).

  6. Now, select everything and choose “Edit” > “Copy”.
  7. Go to Gmail to set up your signature. When you have Gmail open, click the gear icon in the top right corner and select “settings”. On the “General” tab, scroll down to “Signature”. Paste your signature in there (CTRL V). Scroll down and hit “Save Changes”. Voila! You did it!

 

  • Latest Posts
Michele Swensen is a writer and web designer who loves learning, animals, writing, reading, and playing the piano. She’s a member of Mensa and a college graduate.

Other websites include:

 

betterbelieveit.net

 

real anxiety help

 

 

abyssinian guinea pig tips

Xpressions Web Design

×
Michele Swensen is a writer and web designer who loves learning, animals, writing, reading, and playing the piano. She’s a member of Mensa and a college graduate.
FavoriteLoadingAdd to favorites
CHECK OUT
The Psychedelic Honey of Nepal
FavoriteLoadingAdd to favorites