Tutorials - Custom eCard Designs


Create a Custom eCard/Invitation in Adobe Photoshop

In this tutorial, we will create a custom eCard - one with a simple gradient background and one with a picture background. If you feel this tutorial doesn't show every step to achieving what you want in your eCard design, Photoshop has plenty of online tutorials for mastering the different tools and effects. This tutorial assumes you have some experience with Photoshop but a Photoshop beginner can follow this tutorial. For more Photoshop specific help, visit the Adobe site.

Step 1. Create a New Document

Open Photoshop and click File > New... (ctrl+N). CorpNote eCards are all in a 4:3 ratio with a 600 pixel wide minimum. Make sure the resolution is 72 pixels per inch (ppi) and choose the RGB color mode.

Set the height and width of the eCard.

Step 2. Fill in Your eCard Background

If you want a solid color or gradient for the background, convert the locked background to a layer by double clicking the layer and then clicking either OK or pressing enter.

Make the background layer of the eCard editable in Photoshop.

To create a solid or gradient background, click on the background layer and choose either a Color Overlay or Gradient Effect. Select colors that match your company's brand or work well with your overall design.

Create a gradient background for the eCard design.

If you are making a custom picture eCard, drag your picture into the Photoshop window to create a smart object. Set the image size and position and then press enter to confirm the import.

Import a photo into the eCard.

Step 3. Add Your Logo and Text to the eCard

Drag your logo image into the Photoshop window (transparent backgrounds work best; you can also use the magic wand or lasso tool to remove space that you don't want). Use the type tool to add your message.

Tip: Make a list of all the messages you want to create and type them all in one session as separate layers. This allows you to create multiple eCards from the same file: Thank you, Special Announcement, Special Event etc.

This is an example of an eCard using a logo, gradient background and text with no effects.
This is an example of an eCard using a photo, logo and text with no effects.

Custom eCard Effects

Use the FX options for the text layer to add creative and appealing depth to your eCard. A simple effect like a glow or a drop shadow can make your text or logo stand out against the background. The eCard design below shows a glow effect for the text and a larger but more transparent glow for the logo.

This eCard has a glow effect added to the text.
This eCard has a photo and a glow effect added to the text and logo.

Save Your Custom eCard

Save your custom eCard design as a Photoshop file (.PSD) so you can quickly make more eCards and invitations from your template as needed. To save your design in the format needed for an eCard/invitation, select File > Save for Web and Devices (ctrl+alt+shift+S) from the Photoshop menu. Choose the JPEG file format (.JPG) and adjust the quality to find the best compromise between small file size and clear image. Smaller files will load and display quicker for you and your eCard/invitation recipients.

Save this file where you will easily remember where it is located and then follow the instructions for how to upload your eCard/invitation design.

Here are some tips for how to save the eCard for upload.

Next Tutorial > Uploading Custom eCards

If you need additional help, please refer to our Online Help Center or complete our Priority Email Support Form.

CorpNote - eCards, Online Invitations and Online Surveys for Business
P.O. Box 565 | Fountainville, PA 18923 | 609-406-1665 | Hours: Monday - Friday, 9am - 5pm Eastern
©2004 - 2018 CorpNote.com