Adding Patterns and Textures

By Background

Using Patterns and Textures in Your Designs

Mail Designer 365’s collection of patterns and textures make a great addition to your email newsletters. Here’s how to use them in your design…

Adding a patterned background to a layout block

Patterns can be applied to the background of an individual layout block (e.g. your headline) to make it more prominent in your design…

Head to the “Contents” menu, then to the “Images” tab. Here you will find “Textures”:

Scroll through the list of patterns and textures. Once you have found the pattern you want to use, drag it into the layout block background:

This will apply the pattern to just this area of your design.

Adding a pattern to your newsletter background

A patterned design background is a great alternative if you want to give your background an extra edge, but don’t want to use a photo background…

Scroll through the list of patterns and textures. Once you have found the pattern you want to use, drag it into the design background:

This will apply the pattern to the entire background of your design.

How Can We Help?

A Quick Tour of Mail Designer 365
Advanced Design Techniques
Appendix: Compatibility
Appendix: Keyboard Shortcuts
Approval
Background
Blend Modes
Creative Tools
Exporting a Design to Campaign Monitor
Exporting a Design to Mailchimp
Graphics and Other Objects
HTML Export
Image Areas
Images
Layout Blocks
Optimizing your Template for Mobile
Plain Text
Preparing your Design for Sending
Preview your Design
Send via Mail Designer 365
Sharing your Designs
Tables
Teamwork
Text Styles
The Inbox View
Using Retina Images with your Design
Working with Links and Buttons
Working with Text

Edit the inner background of your design

By Background

To edit the entire inner background of your design, click on the design background to open the inner background editor.

To change the color of your inner background, select a color from the color chooser. This will be applied to your entire inner background.

Click on Delete background to delete your entire design background for a transparent effect.

How Can We Help?

A Quick Tour of Mail Designer 365
Advanced Design Techniques
Appendix: Compatibility
Appendix: Keyboard Shortcuts
Approval
Background
Blend Modes
Creative Tools
Exporting a Design to Campaign Monitor
Exporting a Design to Mailchimp
Graphics and Other Objects
HTML Export
Image Areas
Images
Layout Blocks
Optimizing your Template for Mobile
Plain Text
Preparing your Design for Sending
Preview your Design
Send via Mail Designer 365
Sharing your Designs
Tables
Teamwork
Text Styles
The Inbox View
Using Retina Images with your Design
Working with Links and Buttons
Working with Text

Applying a background to a text area

By Background

You can also choose a photo background or background color for the text areas in your email design.

Choosing a background for all text areas

You can find our stock images on the “Contents” tab. Click on the backgrounds button, which is the second furthest right button on the “Contents” section.

Switch to background mode by clicking the icon. You can find this on the bottom left corner.

Add a background to the middle area. This will add a background to the main container that contains ALL of the layout blocks within your design. 

Here is what the template will look like once you drag and drop an image:

If you change to the layout view by clicking on the bottom left icon, then here is what it will look like:

Notice that the layout handles are back. As you can see, the background only applies to the middle portion of the email. The background surrounds the layout blocks.

Choosing an email background

If you want to add a background to the entire email, then drag an image to the corners or side of the screen (away from the middle):

Here is what it will look like in the layout view:

 

Choosing a background for a single layout block

Select the background area of the layout block you want to change the background for and drag an image or color from “Style” panel into the background area. Click “Edit Background.”

Applying a background to a text column

You can assign separate backgrounds to individual text areas. You can use this to create sidebars with links or other at-a-glance information.

Areas of layout blocks that support a separate background are highlighted in orange.

 

 

How Can We Help?

A Quick Tour of Mail Designer 365
Advanced Design Techniques
Appendix: Compatibility
Appendix: Keyboard Shortcuts
Approval
Background
Blend Modes
Creative Tools
Exporting a Design to Campaign Monitor
Exporting a Design to Mailchimp
Graphics and Other Objects
HTML Export
Image Areas
Images
Layout Blocks
Optimizing your Template for Mobile
Plain Text
Preparing your Design for Sending
Preview your Design
Send via Mail Designer 365
Sharing your Designs
Tables
Teamwork
Text Styles
The Inbox View
Using Retina Images with your Design
Working with Links and Buttons
Working with Text

Choosing a background

By Background

Adding an email background

There’s an icon in the lower left corner of the window. Click it to switch to the background editing mode.

It will make your other contents invisible. This way, you can focus on changing your main email background. When choosing a background, you will see two areas: the background of your text areas in the middle of your design and the surrounding background area:

To apply a background color or photo background

First, click the bottom left icon:

When you are in the background view, the icon will be highlighted in blue:

Drag a photo background, image, or texture into the background area to apply it.

You can also open the Colors window and choose a color as your design background.

Color picker

Click the pipette in the ”Colors” window and pick any color form your desktop.

Additional options

With Mail Designer 365 you have even more options: Images are great for background. You can freely position your background image by clicking and dragging it to the place you want it to be. In this way you can make sure that the important part of the image is visible. In the sidebar, you will also find a zoom slider for additional customization.

 

 

 

How Can We Help?

A Quick Tour of Mail Designer 365
Advanced Design Techniques
Appendix: Compatibility
Appendix: Keyboard Shortcuts
Approval
Background
Blend Modes
Creative Tools
Exporting a Design to Campaign Monitor
Exporting a Design to Mailchimp
Graphics and Other Objects
HTML Export
Image Areas
Images
Layout Blocks
Optimizing your Template for Mobile
Plain Text
Preparing your Design for Sending
Preview your Design
Send via Mail Designer 365
Sharing your Designs
Tables
Teamwork
Text Styles
The Inbox View
Using Retina Images with your Design
Working with Links and Buttons
Working with Text