Skip to content

Instantly share code, notes, and snippets.

@tobchen
Created December 15, 2017 14:00
Show Gist options
  • Select an option

  • Save tobchen/02bf2e42b184c0f087e1561b14a82417 to your computer and use it in GitHub Desktop.

Select an option

Save tobchen/02bf2e42b184c0f087e1561b14a82417 to your computer and use it in GitHub Desktop.
Comic template for a spread.
Display the source blob
Display the rendered blob
Raw
<svg version="1.1"
width="13.75in" height="10.5in"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<title>Comic Double 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="13.75in" height="10.5in" fill="red" />
<!-- Trim area -->
<rect x="0.125in" y="0.125in" width="13.5in" height="10.25in" fill="yellow" />
<defs>
<g id="live">
<!-- 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="6.125in" height="9in" fill="white" />
<!-- Fourth guides top -->
<line x1="2.03125in" y1="0.75in" x2="2.03125in" y2="0.65in" stroke-width="2" stroke="red" />
<line x1="3.5625in" y1="0.75in" x2="3.5625in" y2="0.65in" stroke-width="2" stroke="red" />
<line x1="5.09375in" y1="0.75in" x2="5.09375in" y2="0.65in" stroke-width="2" stroke="red" />
<!-- Fourth guides bottom -->
<line x1="2.03125in" y1="9.75in" x2="2.03125in" y2="9.85in" stroke-width="2" stroke="red" />
<line x1="3.5625in" y1="9.75in" x2="3.5625in" y2="9.85in" stroke-width="2" stroke="red" />
<line x1="5.09375in" y1="9.75in" x2="5.09375in" 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.625in" y1="3in" x2="6.725in" y2="3in" stroke-width="2" stroke="red" />
<line x1="6.625in" y1="5.25in" x2="6.725in" y2="5.25in" stroke-width="2" stroke="red" />
<line x1="6.625in" y1="7.5in" x2="6.725in" y2="7.5in" stroke-width="2" stroke="red" />
<!-- Third guides top -->
<line x1="2.54166in" y1="0.75in" x2="2.54166in" y2="0.65in" stroke-width="2" stroke="blue" />
<line x1="4.58333in" y1="0.75in" x2="4.58333in" y2="0.65in" stroke-width="2" stroke="blue" />
<!-- Third guides bottom -->
<line x1="2.54166in" y1="9.75in" x2="2.54166in" y2="9.85in" stroke-width="2" stroke="blue" />
<line x1="4.58333in" y1="9.75in" x2="4.58333in" 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.625in" y1="3.75in" x2="6.725in" y2="3.75in" stroke-width="2" stroke="blue" />
<line x1="6.625in" y1="6.75in" x2="6.725in" y2="6.75in" stroke-width="2" stroke="blue" />
</g>
</defs>
<use xlink:href="#live" x="0in" y="0in" />
<use xlink:href="#live" x="-13.75in" y="0in" transform="scale(-1, 1)" />
<line x1="6.875in" y1="0in" x2="6.875in" y2="10.5in" stroke-width="2" stroke-opacity="0.2" stroke="black" />
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment