Skip to content

Instantly share code, notes, and snippets.

@tobchen
Created September 23, 2016 09:10
Show Gist options
  • Save tobchen/c09b98e8db665411c883a6d0fb348add to your computer and use it in GitHub Desktop.
Save tobchen/c09b98e8db665411c883a6d0fb348add to your computer and use it in GitHub Desktop.
Comic template for a 7x10.5 inch page with a 6.75x10.25 inch trim area and a 6x9 inch live area with markers for fourth/third panel layouts.
Display the source blob
Display the rendered blob
Raw
<svg version="1.1"
width="7in" height="10.5in"
xmlns="http://www.w3.org/2000/svg">
<title>Comic Page Template</title>
<desc>
Comic page template showing trim, live and active area.
Based on http://ka-blam.com/printing/templates/2010_comic_template.png by Ka-Blam
and observation and personal preference.
</desc>
<!-- Document size -->
<rect x="0in" y="0in" width="7in" height="10.5in" fill="red" />
<!-- Trim area -->
<rect x="0.125in" y="0.125in" width="6.75in" height="10.25in" fill="yellow" />
<!-- Live area -->
<rect x="0.375in" y="0.375in" width="6.25in" height="9.75in" fill="lightgrey" />
<!-- Active area -->
<rect x="0.5in" y="0.75in" width="6in" height="9in" fill="white" />
<!-- Fourth guides top -->
<line x1="2in" y1="0.75in" x2="2in" y2="0.65in" stroke-width="2" stroke="red" />
<line x1="3.5in" y1="0.75in" x2="3.5in" y2="0.65in" stroke-width="2" stroke="red" />
<line x1="5in" y1="0.75in" x2="5in" y2="0.65in" stroke-width="2" stroke="red" />
<!-- Fourth guides bottom -->
<line x1="2in" y1="9.75in" x2="2in" y2="9.85in" stroke-width="2" stroke="red" />
<line x1="3.5in" y1="9.75in" x2="3.5in" y2="9.85in" stroke-width="2" stroke="red" />
<line x1="5in" y1="9.75in" x2="5in" y2="9.85in" stroke-width="2" stroke="red" />
<!-- Fourth guides left -->
<line x1="0.5in" y1="3in" x2="0.4in" y2="3in" stroke-width="2" stroke="red" />
<line x1="0.5in" y1="5.25in" x2="0.4in" y2="5.25in" stroke-width="2" stroke="red" />
<line x1="0.5in" y1="7.5in" x2="0.4in" y2="7.5in" stroke-width="2" stroke="red" />
<!-- Fourth guides right -->
<line x1="6.5in" y1="3in" x2="6.6in" y2="3in" stroke-width="2" stroke="red" />
<line x1="6.5in" y1="5.25in" x2="6.6in" y2="5.25in" stroke-width="2" stroke="red" />
<line x1="6.5in" y1="7.5in" x2="6.6in" y2="7.5in" stroke-width="2" stroke="red" />
<!-- Third guides top -->
<line x1="2.5in" y1="0.75in" x2="2.5in" y2="0.65in" stroke-width="2" stroke="blue" />
<line x1="4.5in" y1="0.75in" x2="4.5in" y2="0.65in" stroke-width="2" stroke="blue" />
<!-- Third guides bottom -->
<line x1="2.5in" y1="9.75in" x2="2.5in" y2="9.85in" stroke-width="2" stroke="blue" />
<line x1="4.5in" y1="9.75in" x2="4.5in" y2="9.85in" stroke-width="2" stroke="blue" />
<!-- Third guides left -->
<line x1="0.5in" y1="3.75in" x2="0.4in" y2="3.75in" stroke-width="2" stroke="blue" />
<line x1="0.5in" y1="6.75in" x2="0.4in" y2="6.75in" stroke-width="2" stroke="blue" />
<!-- Third guides right -->
<line x1="6.5in" y1="3.75in" x2="6.6in" y2="3.75in" stroke-width="2" stroke="blue" />
<line x1="6.5in" y1="6.75in" x2="6.6in" y2="6.75in" stroke-width="2" stroke="blue" />
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment