Tutorials

How to create an Interactive Bookmarks in Adobe PDF in Indesign

Method 1: Adobe Indesign

Open up two panels – Bookmarks, Buttons and Forms.

To open them go to:

Windows>Interactive>Bookmarks
Windows>Interactive>Buttons and Forms

First, you have to create bookmarks for the important pages. Ensure you are on the page, and then click the plus sign in the bottom right corner. You can name the bookmark whatever you want.

Then create your table of contents. I created mine on the first page.

Click on the text box and create a button.

Go into the Button and Forms Panel.

Make the Type: Button, Event: On Click, and then for Action, click the plus sign and choose “Go to Destination.”

Then in eh destination below, you would specify the bookmark.

Once you create all the bookmark buttons, you will export them.

Ensure you are choosing Adobe PDF (Interactive).

The exported PDF should now be able to have clickable buttons that go to specific pages.

Happy Creating!

How to make an Interactive Checklist in Adobe Indesign?

First, open up the “Buttons and Forms” Panel by going to Windows>Interactive>Buttons and Forms

Start creating your checklist by using the text and the rectangle tool. An example is shown below:

Then click the square, and then in the button and forms panel, choose “Check Box” under the type drop-down menu.

A check should appear in your square now, showing that it worked.

Do this for all these squares where you want an interactive checkmark.

Then when you are done, you need to export it as an interactive PDF. To do this, when you go to export as PDF choose from the drop-down menu as “Adobe PDF (Interactive”.

When you export it, it should look something like this!

Happy creating!

How to Create a Masked Image in Figma

I want this abstract image to be put in a circle. To do that, you need to create a mask.

First, you must ensure the image you want to appear on top is the top layer and the shape you are trying to conform it to is beneath.

Then put the image over the circle and select both layers.

Then click the Mask Icon at the top. It’s the middle one with a crescent moon in it.

Viola! That’s it.

Happy Creating!

How to create a vector from an Image in Adobe Illustrator CC

Sometimes you have an image you want to convert into a vector. There are two ways to do this:

One – Reoutline everything in Adobe Illustrator.
Two – Use the Image tracing function in Adobe Illustrator.

The first method offers more control, but it is tedious. The second method is quicker. However, the results will vary depending on the contrast and cleanliness of the image you are converting. I will show you how to do the second method, which is my preferred way. I use method one when there is no other choice.

Let’s get to it.

Step 1: Open the Image in Adobe Illustrator. I used one of my drawings as an example. Fun fact, I sprained my knee when I was younger pretty severely. I’m all better now, although I have some lingering pain there. Hopefully, it goes away eventually!

Step 2: Click on the image and then go to the top. You should see the “Image Tracing” bar. If not, go to Windows > Image Trace

Choose your preset. Depending on the level of detail you want. I chose. High Fidelity Photo. Then click “Image Trace.”

Step 3: Then click “Expand”

You should see blue outlines now on your image.

Step 4: To clean up the image further, right-click the image and choose “Ungroup.” You can now delete any white parts of the image and clean up the lines.

*Tip: Make another layer and put a different colour. It helps to see what’s happening.

And that’s it! Happy Creating.

How to restore old photos in Adobe Photoshop

Technology today allows us to do some fantastic and heart-warming acts of service. One of these is the ability to restore old photos. Photoshop is one of the standard tools many use to do this. Here are some of the tools you can use within photoshop.

Clone tool and Content-aware Fill

The Clone tool has been around forever. It is a brush that copies one area and allows you to paste it. Here’s a quick guide on how to use it.

1. Click the clone icon on the menu or click “S” on your keyboard.

2. Hover over the section you want to copy and then left-click. Then hover over the part you want to fill with what you copy with the clone brush.

The content-aware tool is relatively new. Photoshop will attempt to read the file and fill it as best as possible through AI. Here’s a quick guide on how to use it.

1. Select the area you want to fill in. This can be done through the lasso tool, pen or polygon selection tool. Make sure you are close as possible you can.

2. You can go to the top menu, Edit > Content-Aware Fill, or you can click Fill. Either way, you will see the content-aware options.

You will see this one in the full content-aware fill menu. You can choose the sampling area you wish. Auto, the computer will calculate. Rectangular will look at just the rectangle, and custom is when you can specify the reference part.

You will see this if you click edit > Fill. A shortcut to reach here is “Shift + F5”. This is a simplified menu of the above. Click Okay, and the computer will automatically calculate the reference image and fill in the gaps. Photoshop does a pretty good job.

You can see here it filled it.

Using the paint tool

Sometimes the most straightforward tool is needed. Using the brush, you can paint areas. Here’s a quick guide on how to paint.

Taking body parts from other photos

There are times when the photo is degraded to the point that body parts aren’t seen. A fix is to grab the body part from another photo and use that piece. The tricky part is getting the toning and colour grading right to make it look like it was part of the picture. Here’s a quick guide on one way.

1. Cut out the body part you want and place it within the photo.

2. The added body part should be the top layer.

3. Go to menu “Image > Adjustments > Match color.”

4. In the Match color panel. In the Image Statistics section. The Source should be the body part. The Layer should be the background or what you are matching it to.

The luminance is how bright you want it to be, color intensity is the saturation, and fade is similar to opacity. Fiddle with the options to see how it looks. And that’s it!

Also, adding noise to the picture will merge it better into the picture. You can do this by going to Filter > Noise > Add Noise. Fiddle around. The lower the number, the better. Just a little bit helps.

Happy Creating!

How To Make Your Stroke’s Corner Not Sharp

Sometimes when you are making your outline, you can sharp corners. To change it to make it more rounded is simple!

  1. Select your path with the sharp corner.

2. Go to the stroke panel by clicking Windows > Stroke, or go to the menu bar at the top and find stroke. Click the second option in the corner section.

3. That’s it! It is now rounded instead of sharp.

Happy Creating.

How to add Zoom ICS in Hubspot Email

There are always finicky things about using other different platforms together. Zoom and Hubspot are one of them. Despite putting the zoom URL link into Hubspot, I had the problem that it didn’t download the ICS immediately. Instead, it sends them to the Zoom page to create a login or sign in. Then they can download it.

This isn’t the worst way to go about it, but it isn’t the most intuitive and friendly user experience. There is an alternate way to have the ICS calendar link in your email.

Step 1: Download the ICS link yourself.

Step 2: Upload to Hubspot by going to Marketing > Files and Template > Files

Step 3: Hover over the file click details. It will open up in a new pop-up. Then click Copy URL.

Step 4: Go to your email and insert the link via a button or a regular text link.

Test the email. It should now download automatically, and they can add the ICS calendar to their teams or outlook.

On another note, you can download zoom integration that gives other functions in the Hubspot marketplace.

Happy Creating!

How to Edit, Compress, Convert, Sign a PDF without Adobe Acrobat

You have a PDF and want to manipulate it but don’t Adobe Acrobat. It’s pricey, and it seems not worth it if you don’t have Adobe Creative Suite. No fear! Here are my two online recommendations!

Smallpdf.com

This site is fantastic. The only limitation is you can do two tasks a day. Other than that, it’s free and easy to use. Here is the list of the functions available. Visit the site https://smallpdf.com/.

iLovePDF.com

My second recommendation! They also have processing limitations like Smallpdf. Other than that, it is also free and comes with basically these same functions. So if you hit your limit on smallpdf, go to https://www.ilovepdf.com/. Here are their capabilities.

Let me know if there are other free options out there. Happy creating!

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 straightforward.
  • Background: The colour of the background will be a rectangle.
  • Labels: It will be the words below the numbers. Days, Hours, Mins, and Secs are the labels.
  • Digits: This 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="http://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.