Tutorials

How To Add A Countdown Timer in Emails

To further excite your email subscribers, countdowns are an excellent visual tool. However, many email platforms do not have this function built-in. If you google “Email Countdown Timer,” there are many online tools to help you. My recommendation, however, is Sendtric! Here’s how simple it is to implement it.

How To Add a Countdown Timer using Sendtric

  1. Go to Sendtric
  2. You will see the following section. It is straightfoward.
  • Background: The colour of the background, it will be a rectangle.
  • Labels: It will be the words below the numbers. Days, Hours, Mins, Secs are the labels.
  • Digits: Will be the colour of the numbers.

Add your email. Then choose the correct time zone, date and time, and language. Agree to their terms and conditions. Click the GENERATE.

3. A preview and code will be generated to the right of the inputs. COPY THE CODE.

4. Go to your preferred Email platform. I’m using Hubspot. In the email, add the HTML module.

5. Add the code that you copied from Sendtric.

6. You may notice that the width is not what you wanted. To change the width, add the following to your code.
<img src="https://gen.sendtric.com/countdown/n4uzw9rba3" width="700" style="display: block;" />

You can see width=”700″ is after the URL. It is in pixels.

I hope that helps and happy creating!

How to Get a Feather Effect on Multiple Sides in Adobe Indesign

The feather effect is a subtle addition to any image. Unfortunately, it’s not easy to feather on more than one side in Indesign compared to Photoshop. Here are two options to get it on multiple sides.

OPTION 1

This one is for a very soft feather effect.

Step 1

Click on the image to get the bounding box to appear.

Step 2

Right-click on the image and click Effect Gradient Feather.

Step 3

Make sure the Gradient Feather and Preview are checked. To create the feather effect on two edges, make the gradient stop like the one below. The first one is 0%, the middle 100% and the third 100%. You have to click on the gradient stops bar to add the third. The type should be linear and angle 0 degrees. You can choose radial, but it would make a circle feather effect rather than a hard edge.

You can do just one side or two sides, and it’s up to you!

You can see the EEffectbelow.

Step 4

Now we got it on two sides. To do the top and bottom double click the image. The bounding box should now be a different colour. Repeat Step 2. Which was right-click go to EEffectGradient Effect.

Below are the numbers. Again make the GrGradienttops the same as before, but the angle is 90 degrees.

You can see the result below! A soft feather effect on four sides.

OPTION 2

This one will give a tighter, hard feather effect.

Step 1

Double click on the image to get the image’s bounding box. Right-click and select Effects > Directional Feather

Step 2

Make sure Directional Feather and Preview are both checked. In the feather widths section, you control how many feathering you want on the four sides.

The Noise option will make the grGradientrainy.

The choke option will determine how soft the feather is.

The shape of the edges doesn’t matter too much.

Here is how it looks! It gives a harder feather effect. It can also be used with Gradient Feather to create some cool effects.

Hope that helps! Happy Creating.

Why Do Grammar Errors Show Up When I Paste From Indesign?

When you download a template, please type in a text and then paste it into Word. You might run into this problem, where it shows up as a grammar error. The reason is simple. It is being “formatted” in a different language in Indesign. Here’s how to fix it.

Step 1: Open up the Text panel by clicking the “T button” on the menu.

Step 2: In the panel, you will see what language it is in.

Step 3: Change it to English or any other language.

And that’s it! You can now copy freely between Word and Indesign without issue.

How To Create A Custom Brush in Adobe Illustrator

  1. Create your brush. What works best is to make it “line like” and make sure the ends are STRAIGHT Here’s an example one one I did.

2. Highlight/Select the entire design.

3. Go to the Brush panel. This can be accessed by Windows >Brushes
Then go to the bottom and click the + icon.

4. A panel will pop up and choose the “Pattern Brush” option.

5. You will now see a preview of the brush. You can rename it, and the boxes I highlighted further customized the look of the brush. Once you are satisfied with the look, click “OK” at the bottom.

6. Now, it will be in your brushes panel, and you can use the pen tool to create fantastic designs.

7. You can control the thickness of the brush by going to the stroke option.

I hope that helps! Happy creating.

Why is My Wacom’s Pen Pressure Not Working?

When getting a Wacom Tablet second-hand the pen pressure may not be working. It could possibly be due to faulty hardware, but before you throw it out try this.

1. Install the proper Driver.

There are specific product drivers that enable the pen pressure. Check out https://www.wacom.com/en-ca/support/product-support/drivers to find your tablet and install the driver.

This was the problem in my case and now I can do the digital painting!

2. Replace the Nib

Just like a pencil, although not as frequently, the nib does go through wear and tear. You can replace them. Go to https://estore.wacom.com/en-US/accessories/accessories-nibsc.html

Happy creating.

Beginner Guide On How To Use The Gradient Tool In Adobe Illustrator CC

1. Create a shape.

2. Click the Gradient Tool in the Tool Bar.

3. Then hover over the shape and click on it once.

4. Then open the gradient panel from Windows > Gradient.

5. You can add a gradient to either the shape or stroke. We’ll focus on shape here. There are three types of gradient you can at the top of the panel. Liner, Radial, and then freeform. You can also change the angle below.

6. In the gradient bar, you can see circles of colour. Here you can change the colours by double-clicking the circles.

7. You can add more colours by clicking on the bottom line of the gradient. The mouse should change and another circle will appear. To remove a colour click on the circle and then click the trashcan icon at the side.

Hope that helps! Happy Creating.

How to Create a Webinar Landing Page in HubSpot

To create a simple registraton webinar landing page, I suggest going to HubSpot’s Market Place. Where you can download themes, modules, and templates for the landing page without having to create one from scratch. They range from many different price points.

I perfer the Drive | Drag-And-Drop Website Theme – Lite Version by Drive Web Studio. You can use whichever you want, and download it to your asset downloads/library.

Once it finishes downloading you can access them by selecting the market place icon in the top left corner and then choose “Marketplace downloads”.

Click create a page from the list.

Of course, create a form and start inputting the visuals and details.

I also recommend downloading the Countdown Time Module. It gives a sense of urgency to your prospects.

Hope that helps and as always happy creating!

How To Create Numbered Tickets InDesign: Method 2

This method uses the numbered List in Adobe Indesign. See method 1 here. Let’s get to it!

Step 1

Designed your Ticket and then create a text box where your number will be. PUT A SPACE in the text box. Otherwise, this method will not work.

Step 2

Go to Type > Bulleted & Numbered Lists > Define Lists…

Step 3

Clicked “New…” It will then open to give you some options. Name your list, and click all the options. “Continued Numbers across Stories” & “Continue Numbers from Previous Document in Book”.

Step 4

Make sure you click the text tool and click into where your numbers are supposed to be.

Step 5

Click into the top control panel, or go to the Window > Control, to get it to show up. Make sure you are in the Paragraph section, and then ON YOUR KEYBOARD CLICK ALT + THE LIST SYMBOL AT THE TOP. (See circled items below).

Step 6

It will then open up into the “Bullets and Numbering” panel.

Choose:

  • List Type: Numbers
  • List: The list you defined earlier
  • Format: Choose whatever format you want
  • Mode: Continue from Previous Number…

Check the preview to make sure it works, and then click OK.

Step 7

You can see that it now shows the first number! You can remove the period by changing in the Bullets and Numbering Panel “Number:” It currently says ^#.^t. Just take out the period.

Step 8

Copy/Duplicate the elements onto the page as desired. InDesign will automatically count them for you.

Step 9

You can create more on pages, just by right-clicking and either click “Duplicate” or “Insert Pages”.

See more tickets yay!

Hope that helps! Happy creating!

How To Create Numbered Tickets InDesign: Method 1

This is a simple method that I’ve used before and is doable if you have a printer vendor. See method 2 here also!

Before you start make sure you have facing pages turned off.

Step 1

Create a single ticket design on Master Page. Keep the same design on both pages.

Step 2

Create a text box where you want the number to be

Step 3

Go to Type > Insert Special Character > Markers > Current Page Number

Step 4

Get out of master view to normal view. Then add as many pages as you would like either in the document set up or in plus + sign in the bottom right corner of the pages panel.

And tada you should have the numbers on the tickets!

Note: If you would like to change the way the numbers appear go to Layout > Number & Sections Options. Then change the Style under Page Numbering.

Indesign CC: How To Get Multiple Page Sizes

  1. To change page sizes in a single document in Adobe Indesign, first click the page you want to change in the page panel.

2. At the bottom of the panel, the 1st button at the bottom is “Page Size Change”. Click the page size you want or go to the bottom and choose “Custom…”

3. The pages should now be a different size.

Hope that helps! Happy Creating!

Indesign CC: How To Get Equal Spacing

Getting spacing right when you have multiple objects is difficult. Here’s how you do it.

One Method: Use Smart Guides

  1. At the top go to View > Grid & Guides > Smart Guides

2. When you select all the objects and move them you will see green guides to match the spacing of the previous spacing.

Second Method: Through The Align Panel

  1. Open the “Align Panel” by going to Window > Object & Layout > Align or by Shift+F7

2. You have to group the objects first before you could use the spacing tool (Distribute Spacing) in the “Align Panel” or you will end up with this mess.

3. Fix this by grouping the objects into a group. To do that select the objects you want to group. Then right click and choose “Group” or press CTRL+G

4. When you finish group all the objects. Then click “Distribute Spacing” at the bottom of the panel.

5. It will automatically space! You can also define the spacing at the bottom by checking the “Use Spacing” and put the specific spacing you want.

Hope that helps! Happy Creating.