4626102-Intro and Tutorial
4626102-Intro and Tutorial
LAYOUT TEMPLATES
FOR ADOBE INDESIGN
CHAPTER 1
T
ncididunt consec
SIDEBARS
aute dolore . Exercit
erunt ad
atio n sun t labo ris amet nulla des
exercit nulla ex sint
por nisi voluptate
reprehenderit. Tem
tempor.
Parem Modicus
... AND MORE! Pie est Modicius
1 –5
2–3 –4
4–5 –3
Druidicus
6–7
WITH itionss. –2
Rules finditieonfin
s of various
rule
8–9 –1
120
Here are de
ralis
Primus Advocatus en Natu
mmodo.
CupidatatLorem amet sunt ad et nonetcodolor Opta vol
Minim sunt
nsectetur de
serunt veni
am
eiusmod ea Medius Ab
uptatur
Proident co prehenderit
elit offici a
inim.
aliq uip
Speed 30
0 inuscid
ft.; Et 30 ft
u
.
te con 5
cupidatat no anim mollit r. M
Culpa veni
am magna
consectetu
r excepteu Str 16 OD SAVE
giat mol lit do lo re +3 +3 D MOD
dolo re fu
Vivere In t ex 16 +0 SAVE
Pr op te r 16 +3 + +0 Con
Nostrud
Esse Amet 3 Wis 16 1
Ullamco + 0 + 0 Cha
INCLUDES Lorem
Te mpor Immunitie
Senses Do
s Justo
lorup 60 ft
10
Language ., Quisque
s Ecuptis, pretium 1
Aenean a vest C R N one (XP 0 N onseque, 0
ibulum urna
PAGES Duis ornare laor
lacus. Pellentesqu
eet odio a sceler T
isque. Mauris at raits
ni
; P B eosaperum
V oloribus
quiamusa
m)
OF ADOBE INDESIGN condimentum si
Pellentesque in
e facilisis mattis
t amet. Quisque
eget pretium just
O sl
d
velit, vel varius m itium (Inisi
quei cus a
o.
Only). Om
ut quunt a niti omnia
t oditiu
TUTORIAL Sed ac egestas sa
lorem eget erat
pien
venenatis alique
t.
nsActio
ligentur a
lit omnihil m, a
.
O V E RV I E W
What's included?
T
hank you, Author for using this template table variations, Statblocks, Sidebars, Backgrounds,
for your content! Everything you need to Character classes, Spell and Feat templates.
make your content look as close as possible to
the 'real' products is included here. Art element libraries
A number of libraries filled with premade art ele-
What's included? ments that can be easily placed over or under your
art.
Fonts Fuzzy art borders. 120 fuzzy border templates to
Three different set of fonts:
give your art the frazzled look used in the books.
Ornate image borders. All sizes of ornate, golden
Official fonts. The same fonts used in the 2024
image borders.
series of Core books. Actual font files are not in-
Art decorations. 96 color "splotches" to put be-
cluded since they need to be purchased or pulled
hind art or further customize your page design.
in via Adobe Fonts.
Remake fonts. A number of fonts have been gotten
a remake as free versions that get close to their Examples
inspiration. These are included with this template An example layout that uses elements present in
and can be found in the file "Template_Letter_Re- the libraries to see them in use and borrow them
make_Fonts.idml" for your own designs.
Google fonts. A selection of fonts from Google Support
Fonts aimed at looking as close as possible. These Shoot any questions or feature requests to dnd@
will be the furthest from the "official" look, but pixelforge.media for support!
are free and easy to acquire. They are also includ-
ed with this template and can be found in the Artists
file "Template_Letter_Google.idml". The layout Note: This template does not use any AI art, and
hasn't been fintetuned for Google Fonts, how- all art used has been published by the artist for free
ever, so you will likely need to make additional use.
adjustments to round out the overall look for this
• A Good Bounty by babeskull16 (cc-by 4.0)
template.
• Eberron Heroes & Villains Art Pack by DM's
Guild
Page backgrounds
Hand-crafted "parchment" backgrounds that are • Background texture by Freepik
aimed to be as close as possible to the Player Hand- • Art for "Backgrounds" example by Freepik
book.
Page templates
Templates for immediate use for the most common
pages: Cover, Credits, Table of Content, Regular
text pages, Chapter pages, Character classes, Back-
grounds
Text styles
50 pre-defined "rules" (=Paragraph styles) of how
text should be formatted based on the styles used in
the book.
Y
our book, adventure or content is written How to get started
but now it is time to make it look great - but
how? This template gives you all the tools Check out what's available. Have a look below and
necessary to create a beautiful product - and one get an overview of what's in the template.
that looks (almost) professionally made. Pick a font set. Choose one of the font sets and
Do I need InDesign knowledge? grab the respective Template file. Make a copy
and open it.
All of these templates utilize Adobe InDesign. Download and set fonts. Make sure you've ac-
Learning the basics of the software will pay big quired the necessary fonts and/or have installed
dividends and there are many resources online that them. Then, once the template is open, it will like-
you can use. In addition, below you can find a tuto- ly be met with a complaint from InDesign that it
rial that covers most aspect of this template. cannot locate the necessary fonts. The font might
have slighlty different names. Use the "replace"
Where are all the elements? functionality to select the correct font types (see
The previous page illustrated what's included. The Tutorial for more detailed instructions.
below splits out where you can find them and how Layout your content. From here, it's all you! Put
to get going: your content in and enjoy!
• Official: "Template_Letter_Official.idml"
• Remake: "Template_Letter_Remake.idml"
• Google: "Template_Letter_Google.idml"
(Note: the Google Fonts have been applied "as-is", so you'll
need to make some manual adjustments to tweak the look
(such as Font sizes))
• (Filename: Template_Letter_[Font set].idml)
Fonts of D&D
T
his template was setup with a number of
Font options. Most fonts are not included,
please purchase or download the respective
set of fonts separately (see instructions).
Font overview
Google Fonts
Element D&D Original Close alternatives
(Download all here)
Book title
MODESTO CONDENSED NODESTO CONDENSED ALEGREYA
BOLD BOLD SANS SC
Chapter title
Wolpe Pegasus
Opti Pegasus Average
Regular
S emibold Regular
(Small Caps)
Chapter
W OL P E P E G A S U S
subtitle
REGULAR
OPTI PEGASUS AVERAGE
(CAPS)
SEMIBOLD REGULAR
Initial
T C
(ITC Slimbach) None, consider: rimson Text
Bookinsanity
(2014 font)
Headings
Mrs Eaves Mr Eaves
Regular Regular Libre Baskerville
Small Caps Small Caps
Body
None, consider:
TT Jenevers Bookinsanity Crimson Text
(2014 font) Regular
Sidebar &
Statblocks Alegreya Sans +
Scala Sans Scaly Sans
Alegreya Sans Small Caps
Regular Regular Regular
Annotations
Dai Vernon Misdirect Zatanna Misdirect Walter Turncoat
Regular Regular Regular
Examples for comparisons
Google Fonts
Element D&D Original Close alternatives
(Download all here)
Book title
Chapter title
Chapter
subtitle
I N T R O D U C T IO N I N T RO D UCT I O N INTRODUCTION
T
Initial
T
his is the beginning None, consider: his is the beginning
of something great Bookinsanity of something great
and wonderful (2014 font remake) and wonderful
Headings
Body
Lorem aliquip exercitation enim Lorem aliquip exercitation enim Lorem aliquip exercitation enim
nostrud ut. Cupidatat non est nostrud ut. Cupidatat non est nostrud ut. Cupidatat non est
consectetur officia sunt ut irure consectetur officia sunt ut irure consectetur officia sunt ut irure aute
aute dolore. aute dolore. dolore.
Sidebar &
Statblocks AC 11 + omnihil luptaest AC 11 + omnihil luptaest AC 11 + omnihil luptaest
HP 40 + 10 inuscid ute con 5 HP 40 + 10 inuscid ute con 5 HP 40 + 10 inuscid ute con 5
Speed 30 ft.; Et 30 ft. Speed 30 ft.; Et 30 ft Speed 30 ft.; Et 30 ft
Annotations
Magma mephits like to Magma mephits like Magma mephits like
be warm to be warm to be warm
InDesign Basics • Table styles (how to format a whole table)
In this walkthrough, we will touch upon how to • Object styles (how to format everything in the
use a range of Adobe InDesign features to put box)
your content into this format. Nevertheless, if you
have the opportunity to complete a Beginner Tuto-
rial of Adobe InDesign (e.g., on YouTube), it will
make your usage of this template much easier.
This template utilizes Adobe InDesign, the very
software used to layout all D&D books. When put-
ting your product together, and potentially finding
yourself somewhat frustrated that it doesn't look as
A style defines a wide range settings, including:
amazing as an official one, remember: Professional
graphic designers likely spent months putting books • What font, font style, size, letter distance, dis-
like the Player's Handbook together. We won't be tance between lines, ...
able to replicate it at that level - but it will still look • What color, what stroke (outline) color, stroke
great! thickness, ...
In this chapter, we will touch on a few basic fea-
• What lines to apply (underline, border lines, cell
tures of Adobe InDesign. This template was put
lines), ...
together with Adobe InDesign 2024. None of the
• What spacing to apply between words, lines,
used features are "new", so older versions of InDe-
paragraphs, ...
sign should work just fine. Make sure, however, to
use the .idml file instead of the .indd file.
The beauty of styles are that once set up, they allow
Everything is a box you to apply all these settings at once with a single
When pondering how to get your content into a click. This also translates into another principle:
layout, tools like Microsoft Word or Google Docs Avoid making manual adjustments in your InDesign
likely come to mind. While both appear to be sim- document. (Almost) everything should be done
ilar to Adobe InDesign, they serve a different pur- through a style. Why?
pose. Word and Docs are text processing software
with the goal of getting your long-form text *pro- Predictable. A style is a rule defined centrally and
cessed.* The focus is on putting it into a presentable then applied where applicable - it will not deviate
structure, but not necessarily to have this structure from its definition.
be precisely controlled. Most of us have experi- Changes are easy. Imagine you manually set the
enced pasting a picture into a Word document, only size of your headings in a 200 page document,
for it to change the setup of your whole document. and then realize half-way through that each
Adobe InDesign is meant to produce high-quality should be 2pt larger. With styles, you make a
publications, and to do so requires the ability to single, central change to the style governing your
place content in a predictable and reliable way. headlines and it will cascade through your docu-
This is achieved through an important paradigm: ment.
Everything is (in) a box. Every heading, text and It's fast. While the setup cost is higher, once you
image in InDesign is in a box that is placed on the have your styles established, it takes mere clicks
page (and stays there), as well as following certain to format a whole page (and you have the advan-
rules. tage of having all the setup already done for you
in this template!)
The power of styles In summary, everything is a style and avoid the
Creating predictable layouts translates to having temptation to make manual adjustments in your
strict rules that get applied consistently across your document. This includes manually changing font
document. InDesign achieves this through "styles". size, or adding a few empty paragraphs to space
There are styles at multiple levels of an InDesign text out.
document: InDesign will help you do that: Every time you
• Character Styles (how to format a single charac- deviate from a style, a "+" will be displayed behind
ter / word) the style in the Paragraph Style window. On the
bottom bar is also a button labeled "Clear over-
• Paragraph Styles (how to format a whole para-
rides" which will remove all your adjustments and
graph)
Object styles
These are mostly used to style a specific type of
stand-alone content (think: a stat block). In this
template, there are very few Object styles since
many of the available content types have addition-
al elements and complex layout applied to it that
cannot be replicated with Object styles (e.g., the
decorative intricate borders around an image or the
little black triangles creating the illusion of perspec-
tive with sidebars).
Nevertheless, whenever you have a single, sepa-
rate content component (Stat block, sidebar, imag-
es) check whether there is an available Object style.
Recommendation: Often its easiest to simply copy
an element from the example section vs. setting a
new one up from scratch and applying object styles.
Paragraph styles
These are the most commonly used styles in this
template. Every single type of text in this template
is attached to a Paragraph style.
Applying a style is simple. Select the text, select
the paragraph style - done!
Character styles
This type of style serves two purposes:
1. Cover
2. Credits
3. Table of Contents
4. (Content pages)
5. Back Cover (often left out in digital publications)
Add content
Add text to text boxes
Each page in the template has a "Parent" page that Putting your content on the page is now
defines its basic layout. There are three parents straight-forward: Copy and paste the text in the
defined: box. Make sure that no Character Styles are select-
• 00-Cover page (a single page with the Cover ed (it should be [None]). After your text is in, apply
layout) your Paragraph Styles by selecting the desired style
for each respective section.
• A - Chapter start (Page with the top-level text
Many styles "know" what style should follow next
style of a chapter start)
(e.g., after a Heading, the non-indented body text
• B - Default pages with or without footer should follow. After a non-indented paragraph, the
next one should be indented), so in many cases you
Both A and B parents have one large text frame can keep typing / pasting content in and the right
on them that defines the basic layout (two columns, formatting should be applied.
location of the text box, background art), the footer If not, select the whole chunk of text that you want
information (Chapter and page number) and the to apply your paragraph styles to, then in your
footer art on them. Paragraph Style window select the highest level
Whenever you add a new page, the template of a paragraph style (e.g., the H2) and select "Apply style
Parent page will be applied. XX, then Next Style". This will cascade through all
Changing the Parent is simple. In the "Pages" automated styles in your selection.
window, right click on the page you'd like to change
and select "Apply Parent to Pages".