How to Edit Your PDFs

A complete guide to customizing your cards — from filling in text to adding your own images.

1 · Batch Download

To avoid downloading PDF files one by one, simply click on the Drive folder you want to download. With the toolbar expanded, click the icon shown below: Google will compress the entire folder contents into a ZIP file and the download will begin after a few minutes.

Batch download from Google Drive
2 · Fonts & Colors Used

With few exceptions, two fonts have been used across all cards: Charcuterie Block and Courgette.

Charcuterie Block is used for titles and other key elements such as spell level or potion level. It was designed by Laura Worthington Design and can be found on Adobe Fonts. A similar font would be Boucherie Block (also by Laura Worthington). Other similar free alternatives include: Chunk, Greatlakes, and Amagro Font. All can be found easily online.

Courgette is used for main text, secondary text, and descriptions. It is a free Google Font available directly on Google Fonts.

Both fonts are embedded in the editable PDFs (along with the colors) so there are no compatibility issues regardless of the software you use to edit them.

Charcuterie Block Colors — by Class


Artificer
#9e6138

Barbarian
#810808

Bard
#355c53

Cleric
#5a7272

Druid
#7a853b

Fighter
#1a485c

Monk
#8f7115

Paladin
#ae8026

Ranger
#355c44

Rogue
#714371

Sorcerer
#2a50a1

Warlock
#7b469b

Wizard
#992e2e

Charcuterie Block Colors — Other


Feats
#32596d

Spell Level
#ffffff

Wild Magic
#3b5ca1

Deck of Many
#9a1414

Other Cards
#3c3b3b

Courgette Colors


Main & secondary text
#3c3b3b

Details & descriptions
#826c28

Components & effects
#cdcdcd

Font Sizes

Element Size Notes
Titles ~10 pt Adjusted based on character count
Spell levels 14 pt
General text 6 pt
Long text 5 pt When text doesn't fit at 6 pt
Very long text 4.5 pt Exceptional cases only
Sizes are approximate and will vary depending on the software you use to add, fill, or edit text. You may also need to adjust the line height accordingly.
3 · Fill in Text in the Form PDFs

Many of you have asked at some point how to make certain adjustments to the PDF files — whether to customize them or to add content that is missing due to licensing reasons. I found a tool that I think covers everything.

The tool is PDF24 Tools. It is free and online, easy to use for any type of user, and I found it quite intuitive. No registration required — it is available as an online tool or as a desktop installer. I was able to make all the adjustments described below with ease, and the only downside I found is that you won't see the final text result until you save the file and open it on your computer — which is a minor inconvenience at most.

PDF24 Tools home screen

Clicking on "All Tools" reveals the ones I will be using below.

PDF24 additional tools
PDF form editor in PDF24
I recommend not making any edits or page changes before editing the PDF form fields. By default the PDF will open normally, but in some cases — depending on your computer or browser — the background may not render correctly. This is a limitation of the program's viewer, not a file error. Once saved, the PDF will display correctly.
PDF rendering correctly in PDF24
PDF not rendering correctly in PDF24

To fill in the form fields, simply click on each box and fill in the "Value" and "Default Value" options within the Properties menu.

Value and Default Value fields in PDF24

Within the same menu you can also modify other aspects such as the font (you can add your own), colors, size, and more. You can even move, resize, or realign the form fields. Fonts, colors, and sizes are already preloaded by default.

For any edits you make, make sure the "Multiline" option (in the Properties menu) is enabled, so the text displays as a paragraph rather than a single long line.

Multiline option in PDF24

When you are done, click the "Save PDF" button and the file is ready.

4 · Add Text to the PDF

Each editable PDF also comes with a version named with the suffix "empty". Originally intended for those who want to fill it in by hand, it can equally be used to edit the PDF in a different way: by adding elements such as text blocks.

Adding text in PDF24

The program offers different options such as adding text, a signature, freehand drawing, images, or shapes. However, any text added will need to be configured (color, font, size...) if you want a result consistent with the pre-designed cards. Refer to the Fonts & Colors section above for the exact values.

Text editing options inside PDF24
5 · Fill in an Image in the Form PDFs

The editable back-side PDFs are the simplest way to add your own image to the cards. The result is not as precise as the InDesign + Photoshop version, but it looks quite good.

These PDFs were created with Adobe Acrobat. By default, although they contain text it is not displayed, and depending on the PDF viewer or program, a white fill appears to mark the image area. That area is sized so that any image with a resolution close to 720 × 1024 px will fit without issues.

Editable back-side PDF with image area

However, if the image does not match those exact dimensions, white bands may appear around it. This is caused by the field fill, but it has an easy fix.

Fix with PDF24

Open the PDF with the form editor in PDF24 and simply remove the fill from the fields. Save the PDF and it is ready — the fields disappear and appear labeled as "portrait".

Removing field fill in PDF24
Field in portrait mode after removing fill

Fix with Adobe Acrobat

With Adobe Acrobat you can add your images directly, and for any fields where white bands still appear, you can edit them afterwards to remove them. Simply open the form editor, right-click on the image field to access its properties, and edit the fill and border colors.

Editing image field properties in Adobe Acrobat
6 · Add an Image with InDesign + Photoshop Advanced Users

Editing the card backs with full control requires a basic level of experience with Photoshop and InDesign. If you prefer a more accessible approach, the previous sections cover the most common use cases.

Photoshop

Inside the Photoshop file (it is recommended to make multiple copies before starting), edit the layer called "EDIT THIS" (right-click → Edit Contents), where you can add or replace the image and crop or adjust it as needed.

Once the image is added and the change is saved, if the image is not centered, select the "EDIT THIS" layer and move it left or right using the arrow keys on your keyboard.

Editing the EDIT THIS layer in Photoshop

InDesign

The Photoshop file is linked to InDesign. When opening it, you will be asked whether you want to update the content if it has been edited. If it is the same design across all cards, you only need to modify one Photoshop file and it updates automatically.

Otherwise, you will need a separate Photoshop file for each card and will need to relink each unlinked card in InDesign to its corresponding Photoshop file.

Updating links in InDesign

Without any further changes, the document is ready to export as PDF. It is recommended to export as a print-ready PDF, standard PDF/X-1a:2001. No additional edits are needed.

Exporting as PDF from InDesign
PDF/X-1a export settings in InDesign

 

Still have questions? Contact me through the form,, web's chat or email.