Managing Inkscape master-slide templates, using the new multi-page feature.
Starting from a simple draft slide, we are poised to craft a master slide. Our approach involves utilizing multiple layers, with each slide residing in its own dedicated layer.
To streamline our workflow and enhance organization, each slide will have its own designated page.
This allows us to begin by establishing page placements, before diving into the creation of additional templates.
Standardized layer structures to facilitate seamless document exchange within a team.
Discussing how to handle multiple master-slide templates.
The Geometry of Placement
Understanding Page Geometry
To maintain organized and structured pages, we’ll name each page based on its XY position, as follows:
- page-01.01: first x-column, first y-row.
- page-01.02: first x-column, second y-row.
- page-02.03: second x-column, third y-row.
- page-03.03: third x-column, third y-row.
Considering that each slide has, a uniform size of 1600px * 900px, and accounting for the gap between pages, the precise pixel placements are as follows:
- page-01.01: X=0, Y=0
- page-01.02: X=0, Y=1000
- page-02.03: X=1800, Y=2000
- page-03.03: X=3600, Y=2000
Accessing the XML Editor Pane
When you create a new Inkscape document,
it automatically provides you with a default front page.
However, if you access the XML editor pane,
you will notice that the
displays something similar to the following:
Adding a New Page
To add a new page in Inkscape, you can use the page toolbar. Simply click on the plus icon as shown here:
After adding the new page, the canvas will display as follows:
In the XML editor pane, under the `namedview`` section, you will now see two child nodes:
These nodes are named as
page2``. The detailed values of newly created page2`
in pixels are as follows:
- X: 0
- Y: 1610
Let’s proceed to move the newly created page, below the front page, as illustrated below:
We’ll need to rename the pages as follows:
For the `page-01.02`` node, we’ll adjust the placement in pixels to:
- X: 1000
- Y: 0
The page size in pixels will remain unchanged:
- W: 1600
- H: 900
Arranging All Pages
Do it again, repeat the same process, for the remaining five pages.
Managing page placement becomes more straightforward, when we use consistent page names, that accurately reflect their respective placements.
Managing Page Names and Placement
You can use any namespace to manage the page names, such as the example below:
set the positioning in pixels to:
- X: 4000
- Y: 0
Adding Page Labels
To give each page its unique identity, you can choose to add labels either through the toolbar or XML whichever method suits you best. These labels will be displayed in the PDF file.
For our first page, please name it as follows:
For the remaining pages, assign labels as indicated below:
Remember to save your work. We have now completed the page placement, and can shift our focus to working on the template itself, along with the respective layer.
You can download SVG source from below link:
Managing Layers and Pages
Instead of starting a new slide from scratch, we can efficiently copy our layer onto a new page.
Consider begin with a straightforward example.
The Original Layer
We’ll start by making a slight modification to our first slide, placing all elements as sub-layers, under a primary layer named `Default: 40:30``.
The Copy Layer
Duplicate the slide, erase all sublayer,
except the basic one,
and rename the layer to
Default: 40: 40.
Next, let’s make a minor adjustment, by resizing the right line to a width of 40 pixels.
Select the newly created
Default: 40:40 layer,
and change the
Y position to 1000 pixels.
This will shift the layer to the right onto the second page,
as illustrated below:
Creating the Slide
Next, modify the width of the right line, from 30 pixels to 40 pixels. Adjust the X position by -10 pixels to 1560 pixels. For clarity, rename the rectangle to `Right: 40``. This step is crucial for creating this second master slide.
Now, replicate the process from our previous article, until we complete the master slide.
We have now crafted two distinct master slides, each residing in its dedicated layer and page.
This arrangement allows us to, swiftly copy and paste a master slide, into another Inkscape document by merely selecting the layer
With a little effort, we’ve established an efficient workflow.
You can download SVG source from below link:
Creating Additional Master Slides
We have three more master slides to create.
Master Slides: Chapter Break
Consider practice by crafting another slide, this time for chapter breaks. As usual, we begin with vertical lines, and you can find the detailed SVG source for reference.
Next, we rotate these lines by 45 degrees, to form diagonal shapes.
Now, we proceed with cutting… Cut.. cut… cut…
And there we have it. A brand new master slide!
Master Slides: Image Title
Creating a slide for images with titles, follows a similar process to the previous ones. As usual, we begin with vertical lines, but this time we have a handy helper. You can find detailed SVG source information for reference.
Next, we rotate these lines by 45 degrees to form diagonal shapes.
Once more, we proceed with cutting… Again.. Cut.. cut… cut…
And once again, we have ourselves a brand new master slide!
Another one completed.
Master Slides: Alternate Background
Creating an alternate background master slide is, essentially the same as the original slide, with the only difference being the color arrangement.
In this version, the background uses Blue500, where other lines requiring different colors:
- Background: Blue500
- Left Bottom: Blue900
- Left Middle: Blue700
- Left Top: Blue400
- Right Bottom: Blue600
- Right Middle: Blue300
- Right Top: Blue100
I must admit, I rarely use this particular master-slide.
All Pages, All Layers
Our comprehensive work will look like this:
You can download the SVG source from the link provided below:
Comprehensive Color Palette
Organized as sub-layers under a single master layer.
Alternatively, you can explore my original creations here:
This SVG source comprises a rich palette of 19 material colors, along with one experimental gradient.
To change the color scheme, simply activate the layer with the desired color, and in the same time deactivate layers with unwanted colors.
We’ll be utilizing this comprehensive color palette, in the upcoming chapter.
Save a Copy to PDF
One of the standout features in Inkscape 1.2 that I absolutely adore is the ability to save pages directly to PDF.
With the menu we can afford the result as below figure.
This means I can streamline my entire workflow, from creating the artwork to delivering the presentation, using just Inkscape. This eliminates the need for constant copy-pasting between various applications, and the best part is that, it doesn’t embed anything except photographic images.
What’s even more impressive is, the option to export multiple PDF or PNG images, in a single batch. This makes Inkscape an incredibly efficient tool, for daily office tasks and workflows.
What Comes Next 🤔?
Our next step involves learning how to, manage each slide variant on its dedicated page.
Consider continue reading [ Inkscape: Slide Templates - Part Four ].
Thank you for reading.