Learn how to create an email signature in DesignScape to improve your brand appearance and marketing
You can create professional and visually appealing email signatures using DesignScape, which is what we’ll be showing you today. Your email signature should provide information about you and your company along with a call to action or marketing element.
DesignScape is an excellent alternative to Illustrator/Photoshop and is only available to Gold Plus Members, but we have an amazing deal for you! You can sign up for a free 30-day trial of the Gold Plus Membership today if you are not a member yet!
You can follow along and use the design we came up with, make your own email signature design, or use a template. The design elements we’re using are all optional, so feel free to use all, some, none, or edit them to fit your branding.
Step 1 - Set Up the New Project for an Email Signature
When creating a new project in DesignScape, enter 600 x 300 px for the dimensions. We have a tutorial on creating a new project in DesignScape that you can check out if needed.
Step 2 - Add Borders
We’ll add some color to the top and bottom of the email signature. Select the Rectangle tool (U) and pick the Fill color. We chose a shade of pink ( #f49fa9). Then click on the artboard and enter 600 for the Width, 6 for the Height, and press OK.
Select the Move Tool (V) and click + drag the rectangle to the top center of the artboard. Your rectangle should snap into place.
Make another rectangle that’s 600 x 34 pixels and align it to the bottom center.
There's some important information that you should always include in your email signature, and we’ll go through each one.
People like to put faces to names, so we'll include a headshot. Whether you use a professionally taken headshot or not depends on your line of work. No matter what, make sure it’s a nice photo. Import your image by going to File > Open & Place.
Note: you could also drag + drop the image file onto the DesignScape artboard.
Once the image has loaded, click the checkmark in the top toolbar or press Enter for now.
Create a Circle
Select the Ellipse tool (U) and pick a color in the top toolbar for the Stroke. Hold down Shift and click + drag to draw a circle.
Using the Move Tool (V), resize and place the circle where you want your headshot to be cropped. Make sure Transform controls is enabled in the top toolbar, so you can resize using the handles on the bounding box. Then select the Ellipse tool again and pick a Fill color.
Rearrange Layers and Create a Clipping Mask
Click + drag the circle layer below the headshot layer in the Layers panel.
With the Move Tool (V), select both the circle and headshot layers. Then scale and move the headshot to the left side of the artboard between the borders.
Name, Job Title, and Company
Another key part of the email signature is your name, job title, and company. We’ll be putting all the text to the right of the headshot.
Select the Type Tool (T). Pick your font and font color in the top toolbar. Then click on the artboard and type your information. If you’re new to DesignScape, our guide on text basics in DesignScape may help you.
We used the font, Better Grade, for our first name and the bold sans serif font, Cedric, for our last name. You may want to read our tutorial on how to import fonts into DesignScape if you'd like to use your own fonts. The rest of the text in the email signature uses the font called Cabin that comes preloaded in DesignScape.
Our first name is of the same color as the borders, and the rest of the text is in black, but pick colors that match your brand.
A company logo isn’t necessary, but it’s great for branding. Import your logo the same way as the headshot. Scale it down if needed and place it under the headshot.
Company Address and Website
Include a physical address and website. You can add icons to the front of each line if you’d like.
If you want to use icons, you can try using the Custom Shape tool in DesignScape. Right-click on one of the shape tools and select Custom Shape (U).
Search for and select a custom shape from the list in the top toolbar.
Social Media Icons
Social media is essential in this day and age, so you should include icons of the social media platforms that you're on.
You can use the Custom Shape tool again, but if an icon is not available, try one of these social media icon sets instead.
Email signatures are an excellent place for additional marketing. You can add a call to action, information about an event, promote new products, etc.
We changed the font color to white and placed the text in the center of the bottom rectangle.
Step 4 - Add Extra Design Elements
It’s up to you whether you’d like to add these extra design elements to your email signature or not.
Add Divider Under Job Title and Company
We added a line under the job title and company name with the Pen tool (P) to add a little division between the top and bottom text areas.
Add Squares Behind the Headshot
Behind our headshot, we added some squares with the Rectangle tool. You can hold down Shift and click + drag to create a square. Set the Fill to none, set the Stroke to the same color as the borders, and set the Stroke Weight to 3 pt.
Then Copy (Ctrl/Cmd + C) and Paste (Ctrl/Cmd + V) the square. Slightly rotate the duplicate square clockwise using the Move Tool (V). Pick the same color for the Fill as the Stroke.
Add Border to Headshot
To add a border around your headshot, select the circle layer, Copy (Ctrl/Cmd + C) it, and Paste (Ctrl/Cmd + V) it. Remove the Fill and ensure the circle border layer is above the headshot clipping mask layers.
Again, you can create this email signature using any color. Take a look at some of our other color examples down below.
Your email signature is complete! Now you know how to create an email signature in DesignScape. Again, this is how we designed our email signature, but you’re free to change things up and style it to fit your branding or line of work. We hope you make the most out of your email signature and what you’ve learned in this tutorial!
Aside from an email header, we can also create an email signature in Canva. An email signature, also known as an email footer is a part of your brand appearance that is more than just your name and job title. It gives your recipient important information about your company and ...
Do you want to make a custom email header in Canva, but not exactly sure where to start? Then you’re in luck! Email headers promote your brand and immediately tell customers who you are. In this tutorial, we will take you step-by-step through the process of creating a custom ...
Today, we will go over how to make an offset stroke in DesignScape. You can use this technique to quickly outline your text.DesignScape is available for Gold Plus Members only and is an excellent substitute for Photoshop and Illustrator. The program is internet-based, so it won't take up space ...
In our tutorial today we will show you how to create an offset in Inkscape. An offset can make a thin font thicker so that it is easier to cut with your machine. You may also want to add an offset for stickers to give a clearance around the edges. ...
In today’s tutorial, we will show you how to create an isometric illustration in Adobe Illustrator. Isometric designs are great for giving dimension and character while still being flat vector shapes that are easily scalable.In the following tutorial, we will create a cute candy store aided by isometric ...
There are many ways you can design your Instagram feed but the most creative way to make your profile stand out is to create a puzzle feed. Instagram puzzle makes use of multiple photos that you post separately to create a large, eye-catching collage that connects shapes, colors, and images ...