Templates
Tools
Learn
Company

December 23, 2022

Written by

Kittl

How to Design a Bookmark | Tutorial

How to Design a Bookmark | Tutorial

Custom bookmarks can help graphic designers practice their skills and make money at the same time. If you have bookmark ideas, you’ll be happy to know digital bookmark designs can sell fast on online marketplaces. And the more creative ideas you get, the more items you can upload to your store.

Making your own bookmarks is easy enough once you understand the design elements that go into them. For some, you can follow the style of various book covers. With others, you can use a brand logo, geometric patterns, stock photos, or even solid colors.

There’s a lot you can do to customize and personalize that piece of paper that enhances the reading experience and lets people pick up from where they left off.

And if you want a quick way to design any bookmark style for easy printing, this tutorial will show you how to do just that. You can get access to the design platform for free and create bookmarks to your heart’s content, or monetize your ideas by creating commercial bookmarks. Or, if you're designing a huge volume of bookmarks, consider a design subscription.

1. Set Up Your Canvas

When creating custom bookmarks, it’s best to start with a proper artboard setup. Using a common size will let you use any bookmark template or experiment with unique bookmark designs.

Click on the Settings gear icon when you open a new Kittl project. Set a custom size of 2 x 6 inches and click the Confirm button. Most bookmarks on Etsy and similar online services have this size in a printed format.

Setup your canvas

2. Add an Illustration

Kittl has a massive asset library. You can find geometric patterns, floral illustrations, images, themes, and bookmark templates. It’s easy to find inspiration for your own design. But for this exercise, let’s add a simple illustration.

Click on the Elements icon in the left pane of your Kittl interface. Click the Illustrations icon under the search bar to highlight only illustrations for your bookmark design project.

A great example of a popular bookmark design element is a watercolor flower. Kittl has an entire section of watercolor floral illustrations. Many of them already come in elongated designs that are easy to fit on a 2 x 6-inch blank bookmark artboard.

Double-click the illustration you think fits your bookmark design best and drag it onto the artboard. Resize the element to make it slightly bigger than the 2 x 6 bookmark canvas.

This is also an excellent time to adjust the background color. Click on the canvas and change the color from the Background Settings menu. Use something that contrasts or complements your selected bookmark illustration, depending on the bookmark style you want to achieve.

Add Illustrations - geometric patterns, floral illustrations, images, themes

3. Add Text to Your Bookmark

Not all bookmark templates have text. But that doesn’t mean you can’t use a few words to make attractive bookmarks and add a personal touch.

You can always opt for inspirational quotes if you’re out of creative ideas. Something like “Be yourself, everyone else is taken” can work on several elegant bookmarks with the floral motif.

Naturally, the secret is to balance relevant quotes with great fonts. Otherwise, your text boxes might look too bland for the bookmark you have in mind.

Adding words is as easy as clicking the “Tt” or text button in the left menu panel. Write or copy-paste the quote and edit the writing to fit the bookmark theme. For example, you can select a new font in the Text Settings menu.

Kittl has a wide selection of premium fonts, including many with the character that fits the floral bookmark style. DT Nightingale is a solid choice and lets you insert stylish punctuation in your bookmark.

add text or quotes

You can press the T button on your keyboard to immediately insert a standard text object in your design.

4. Personalize the Text

Another design element to consider when making custom bookmarks is text placement and color. You already have a great quote and the perfect font. But as many graphic designers will tell you, you must make everything blend to create attractive bookmarks.

So begin by selecting the text box to bring up the Text Settings menu. From there, you can play with the text color. Pick a color that goes well over the background and contrasts the floral illustration.

But to take it one step further, it’s time to add text effects. Click the A icon in the Text Settings menu to bring up the Effects menu. Use the Shading panel to add some blur to your font.

customize the text

You can select a lighter version of the text’s color as the drop shadow to create an elegant watercolor effect. Adjust the angle, blur, and offset sliders until you get the desired effect.

5. Create a New Text Box

Adding a new text box is a simple way to create custom bookmarks for various authors. Many graphic designers use multiple text elements when making bookmarks.

For instance, you can place your quote at the top of the bookmark, opposite the illustration. You can then use the middle of the bookmark for a new text box.

Type in an author’s name and edit the lettering. Make it smaller than your initial message but keep the colors and effects the same for style continuity.

create another text box

You can duplicate your original text element by holding ALT or CMD while dragging the text with your mouse. It’s the same as copy-pasting using a keyboard shortcut.

6. Add Gradient to Your Bookmark

By now, your bookmark should look pretty good. But Kittl can help elevate your bookmark design even further. In this example, you can add a staple graphic design element, a gradient element.

Bring up the Add Elements menu. Type “gradient” in the search box and look for the basic option. You can easily create an attractive bookmark with the Kittl basic gradient.

 Drag and drop the gradient element in the middle of your bookmark. Drag the new object down past your illustration ensuring it covers the lower half of the bookmark. Right-click the object and select the “To Back” option to add the effect behind the image.

add gradient for your bookmark

7. Fine-Tune the Bookmark Design

Use the Object Settings menu to select an object color. For this tutorial, you can use the same color you used for the font.

Be sure to bring down the opacity to make it less overwhelming.

Another thing you can do is duplicate the floral illustration and add it in other places on your bookmark. However, you want to keep the duplicates as background filler elements.

For that, you go into the Object Settings menu and set the Blending Mode to Overlay. After that, you can resize the object and make it smaller or larger depending on what you feel is right for your design.

Fine-Tune the Bookmark Design

Add Texture to Your Bookmark Design

The next step in the bookmark design process would be to add a texture to your image. It’s an excellent way to personalize the bookmark, giving it a better print appeal.

Naturally, a paper texture will do the trick if you pick the right one and adjust it accordingly.

To add a texture, click the Textures icon or the last button in the left panel menu. One of the first categories you will see is Paper Textures. Kittl has many options for you to test while your creative juices flow.

But remember that some textures can clash with your illustration when added. That doesn’t mean they’re bad. For instance, a paper texture can still work if you tone down the opacity.

Add Texture to Your Bookmark Design

8. Configure Your Download Options

With all the graphics added, colors selected, the proper gradient chosen, and the paper texture in place, your bookmark is pretty much ready for printing. If you’re satisfied with the result, it’s time to adjust your download options.

Click the Download icon to bring up the Download Options menu. Set the width and height to 2,000 x 6,000 for an export size of 27.78 x 83.33 inches. That’s more than enough to maintain a very high-quality resolution.

Then select your preferred format for digital or print use. You can export in multiple formats and keep the digital one for further tweaking or as a starting point for new creative bookmarks.

different download options

Tweak Your Creative Bookmarks

Whether you use your own images or Kittl’s free images and illustrations, the platform has many options to edit your bookmark template. Fine-tune your bookmark designs to get them ready for printing, and let your creativity run wild. With enough practice, you can use Kittl to work on multiple bookmarks on the same artboard, eliminating the need to open more pages. The fewer pages you use simultaneously, the more efficient the design process.