<?xml version="1.0" encoding="UTF-8" standalone="yes"?><oembed><version><![CDATA[1.0]]></version><provider_name><![CDATA[Hanami Devlog]]></provider_name><provider_url><![CDATA[https://electromagneticproject.wordpress.com]]></provider_url><author_name><![CDATA[push start to begin]]></author_name><author_url><![CDATA[https://electromagneticproject.wordpress.com/author/pushstarttobegin/]]></author_url><title><![CDATA[Print Document Formatting&nbsp;etc]]></title><type><![CDATA[link]]></type><html><![CDATA[<p>I&#8217;m going to plan the game&#8217;s instruction manual as though it were going to be printed and physically distributed, although at the moment it seems most likely that the game won&#8217;t have a physical form for a while. The finished result of this project will probably be a beta version at best, as I would quite like to carry on refining and changing things after the May deadline. Still, there&#8217;s no reason why a digitally distributed version of the game can&#8217;t come with a PDF version of the instruction manual.</p>
<p><strong>Initial Idea</strong><br />
The shape and size of the document will be a square measuring 120&#215;120 mm. Why? <del>Firstly, because there are not such things as cubes</del> and secondly, because this is the size and shape of a CD inlay. While PC games tend to come in DVD sized cases, my personal opinion is that this wastes a lot of space/plastic/paper/everything. And they take up a lot more room than CDs, honestly I&#8217;m not sure why the cases have to be so big. In my opinion, Sony have always managed to make good use of casing space. Playstation 1 games for example came in what were essentially bulked up CD cases, also with 120x120mm inlays. And you could pack a lot into those inlays. I seem to remember the <a href="http://en.wikipedia.org/wiki/Tekken_3" target="_blank">Tekken 3</a> inlay coming in about 5 languages and was almost as thick as the case itself.</p>
<p><a href="https://electromagneticproject.files.wordpress.com/2012/04/tekken-3.jpg"><img loading="lazy" data-attachment-id="1667" data-permalink="https://electromagneticproject.wordpress.com/2012/04/20/print-document-formatting-etc/tekken-3/" data-orig-file="https://electromagneticproject.files.wordpress.com/2012/04/tekken-3.jpg" data-orig-size="495,396" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="Tekken 3" data-image-description="" data-medium-file="https://electromagneticproject.files.wordpress.com/2012/04/tekken-3.jpg?w=300" data-large-file="https://electromagneticproject.files.wordpress.com/2012/04/tekken-3.jpg?w=495" src="https://electromagneticproject.files.wordpress.com/2012/04/tekken-3.jpg?w=495&#038;h=396" alt="" title="Tekken 3" width="495" height="396" class="aligncenter size-full wp-image-1667" srcset="https://electromagneticproject.files.wordpress.com/2012/04/tekken-3.jpg 495w, https://electromagneticproject.files.wordpress.com/2012/04/tekken-3.jpg?w=150&amp;h=120 150w, https://electromagneticproject.files.wordpress.com/2012/04/tekken-3.jpg?w=300&amp;h=240 300w" sizes="(max-width: 495px) 100vw, 495px" /></a><br />
Image from <a href="http://www.ebay.co.uk/itm/Tekken-3-Playstation-1-Game-/130682508980?pt=UK_PC_Video_Games_Video_Games_JS&amp;hash=item1e6d48d6b4#ht_500wt_1287" target="_blank">Ebay</a>.</p>
<p>Playsation 2 games were the size of DVD cases, but had space above the disk to store your PS2 memory card. Playstation 3 cases are less tall than DVD cases and waste considerably less material by simply chopping the top off. Compact is good. Ultimately, as I&#8217;m a fan of nice eco stuff, I would like to design a cardboard sleeve for the game rather than a plastic case. I recently discovered a limited edition version of a <a href="http://stemage.bandcamp.com/" target="_blank">Stemage&#8217;s</a> latest album on <a href="_blank">Bandcamp</a>, which comes in an &#8220;eco-wallet&#8221; with bunch of other paper goodies. There&#8217;s something seemingly special about getting a disk in a cardboard case, if the stock is nice. They make plastic cases seem like tack.</p>
<div data-shortcode="caption" id="attachment_1670" style="width: 610px" class="wp-caption aligncenter"><a href="http://stemage.bandcamp.com/album/zero-over-zero"><img loading="lazy" aria-describedby="caption-attachment-1670" data-attachment-id="1670" data-permalink="https://electromagneticproject.wordpress.com/2012/04/20/print-document-formatting-etc/2454580868-1/" data-orig-file="https://electromagneticproject.files.wordpress.com/2012/04/2454580868-1.jpg" data-orig-size="600,400" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="2454580868-1" data-image-description="" data-medium-file="https://electromagneticproject.files.wordpress.com/2012/04/2454580868-1.jpg?w=300" data-large-file="https://electromagneticproject.files.wordpress.com/2012/04/2454580868-1.jpg?w=600" src="https://electromagneticproject.files.wordpress.com/2012/04/2454580868-1.jpg?w=600&#038;h=400" alt="" title="2454580868-1" width="600" height="400" class="size-full wp-image-1670" srcset="https://electromagneticproject.files.wordpress.com/2012/04/2454580868-1.jpg 600w, https://electromagneticproject.files.wordpress.com/2012/04/2454580868-1.jpg?w=150&amp;h=100 150w, https://electromagneticproject.files.wordpress.com/2012/04/2454580868-1.jpg?w=300&amp;h=200 300w" sizes="(max-width: 600px) 100vw, 600px" /></a><p id="caption-attachment-1670" class="wp-caption-text">Limited Edition Zero Over Zero by Stemage</p></div>
<p><strong>Initial Design</strong></p>
<p>When I design for print, I like to start by setting up a grid in InDesign which I can use a template for design. I set up the new document like this (I add grids and guide later&#8230;):</p>
<p><a href="https://electromagneticproject.files.wordpress.com/2012/04/new-document.jpg"><img loading="lazy" data-attachment-id="1672" data-permalink="https://electromagneticproject.wordpress.com/2012/04/20/print-document-formatting-etc/new-document/" data-orig-file="https://electromagneticproject.files.wordpress.com/2012/04/new-document.jpg" data-orig-size="532,539" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="New Document" data-image-description="" data-medium-file="https://electromagneticproject.files.wordpress.com/2012/04/new-document.jpg?w=296" data-large-file="https://electromagneticproject.files.wordpress.com/2012/04/new-document.jpg?w=532" src="https://electromagneticproject.files.wordpress.com/2012/04/new-document.jpg?w=296&#038;h=300" alt="" title="New Document" width="296" height="300" class="aligncenter size-medium wp-image-1672" srcset="https://electromagneticproject.files.wordpress.com/2012/04/new-document.jpg?w=296&amp;h=300 296w, https://electromagneticproject.files.wordpress.com/2012/04/new-document.jpg?w=148&amp;h=150 148w, https://electromagneticproject.files.wordpress.com/2012/04/new-document.jpg 532w" sizes="(max-width: 296px) 100vw, 296px" /></a><br />
I&#8217;ve chosen to use a 3&#215;3 grid for this document. I tend to use odd numbers of rows and columns when I need to centre a lot of the content. Based on some of the content I&#8217;ve already made for the game, such as the intro slides, I&#8217;d say this is going to be fairly important. I want to try to continue the style where possible. On my master pages, I&#8217;ve also marked the centre of the page, and where each quarter of the page sits. I&#8217;ve also marked three elements that will exist on most pages- title, running title and page number. To plan other content, I&#8217;ve printed this template to draw over:</p>
<p><a href="https://electromagneticproject.files.wordpress.com/2012/04/layout-grid.jpg"><img loading="lazy" data-attachment-id="1673" data-permalink="https://electromagneticproject.wordpress.com/2012/04/20/print-document-formatting-etc/layout-grid/" data-orig-file="https://electromagneticproject.files.wordpress.com/2012/04/layout-grid.jpg" data-orig-size="948,514" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="Layout Grid" data-image-description="" data-medium-file="https://electromagneticproject.files.wordpress.com/2012/04/layout-grid.jpg?w=300" data-large-file="https://electromagneticproject.files.wordpress.com/2012/04/layout-grid.jpg?w=948" src="https://electromagneticproject.files.wordpress.com/2012/04/layout-grid.jpg?w=640&#038;h=347" alt="" title="Layout Grid" width="640" height="347" class="aligncenter size-full wp-image-1673" srcset="https://electromagneticproject.files.wordpress.com/2012/04/layout-grid.jpg?w=640&amp;h=347 640w, https://electromagneticproject.files.wordpress.com/2012/04/layout-grid.jpg?w=150&amp;h=81 150w, https://electromagneticproject.files.wordpress.com/2012/04/layout-grid.jpg?w=300&amp;h=163 300w, https://electromagneticproject.files.wordpress.com/2012/04/layout-grid.jpg?w=768&amp;h=416 768w, https://electromagneticproject.files.wordpress.com/2012/04/layout-grid.jpg 948w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>I&#8217;ve planned the first couple of pages as an example of planning from here on&#8230; The first page is the front cover, which will include the game&#8217;s logo (which I&#8217;ve decided will also run vertically as opposed to horizontally across the page), and a subtitle which will read something like &#8220;instruction manual&#8221;, also running vertically.</p>
<p><a href="https://electromagneticproject.files.wordpress.com/2012/04/layout1.jpg"><img loading="lazy" data-attachment-id="1677" data-permalink="https://electromagneticproject.wordpress.com/2012/04/20/print-document-formatting-etc/layout1/" data-orig-file="https://electromagneticproject.files.wordpress.com/2012/04/layout1.jpg" data-orig-size="400,300" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;2.8&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;iPhone 3G&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;1334921312&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="Layout1" data-image-description="" data-medium-file="https://electromagneticproject.files.wordpress.com/2012/04/layout1.jpg?w=300" data-large-file="https://electromagneticproject.files.wordpress.com/2012/04/layout1.jpg?w=400" src="https://electromagneticproject.files.wordpress.com/2012/04/layout1.jpg?w=400&#038;h=300" alt="" title="Layout1" width="400" height="300" class="aligncenter size-full wp-image-1677" srcset="https://electromagneticproject.files.wordpress.com/2012/04/layout1.jpg 400w, https://electromagneticproject.files.wordpress.com/2012/04/layout1.jpg?w=150&amp;h=113 150w, https://electromagneticproject.files.wordpress.com/2012/04/layout1.jpg?w=300&amp;h=225 300w" sizes="(max-width: 400px) 100vw, 400px" /></a><br />
The second page is a double page spread. On the first side I&#8217;ll put some game info and the game&#8217;s system requirements (which I&#8217;m currently in the process of working out) and the second page will be a table of contents. I&#8217;m marked on this design where the title, running titles and page numbers will be. I&#8217;ve kept all of this at the top of the page, to reduce clutter or odd little bits elsewhere.</p>
<p><a href="https://electromagneticproject.files.wordpress.com/2012/04/layout2.jpg"><img loading="lazy" data-attachment-id="1678" data-permalink="https://electromagneticproject.wordpress.com/2012/04/20/print-document-formatting-etc/layout2/" data-orig-file="https://electromagneticproject.files.wordpress.com/2012/04/layout2.jpg" data-orig-size="400,300" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;2.8&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;iPhone 3G&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;1334921300&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="Layout2" data-image-description="" data-medium-file="https://electromagneticproject.files.wordpress.com/2012/04/layout2.jpg?w=300" data-large-file="https://electromagneticproject.files.wordpress.com/2012/04/layout2.jpg?w=400" src="https://electromagneticproject.files.wordpress.com/2012/04/layout2.jpg?w=400&#038;h=300" alt="" title="Layout2" width="400" height="300" class="aligncenter size-full wp-image-1678" srcset="https://electromagneticproject.files.wordpress.com/2012/04/layout2.jpg 400w, https://electromagneticproject.files.wordpress.com/2012/04/layout2.jpg?w=150&amp;h=113 150w, https://electromagneticproject.files.wordpress.com/2012/04/layout2.jpg?w=300&amp;h=225 300w" sizes="(max-width: 400px) 100vw, 400px" /></a><br />
Back in InDesign, this currently looks like this (using placeholder text). I&#8217;m not sure yet whether to move the running titles into the centre rather than on the edges, but I&#8217;ll work this out when there&#8217; more content in the document.</p>
<p><a href="https://electromagneticproject.files.wordpress.com/2012/04/layout-digital.jpg"><img loading="lazy" data-attachment-id="1680" data-permalink="https://electromagneticproject.wordpress.com/2012/04/20/print-document-formatting-etc/layout-digital/" data-orig-file="https://electromagneticproject.files.wordpress.com/2012/04/layout-digital.jpg" data-orig-size="873,453" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="Layout Digital" data-image-description="" data-medium-file="https://electromagneticproject.files.wordpress.com/2012/04/layout-digital.jpg?w=300" data-large-file="https://electromagneticproject.files.wordpress.com/2012/04/layout-digital.jpg?w=873" src="https://electromagneticproject.files.wordpress.com/2012/04/layout-digital.jpg?w=640&#038;h=332" alt="" title="Layout Digital" width="640" height="332" class="aligncenter size-full wp-image-1680" srcset="https://electromagneticproject.files.wordpress.com/2012/04/layout-digital.jpg?w=640&amp;h=332 640w, https://electromagneticproject.files.wordpress.com/2012/04/layout-digital.jpg?w=150&amp;h=78 150w, https://electromagneticproject.files.wordpress.com/2012/04/layout-digital.jpg?w=300&amp;h=156 300w, https://electromagneticproject.files.wordpress.com/2012/04/layout-digital.jpg?w=768&amp;h=399 768w, https://electromagneticproject.files.wordpress.com/2012/04/layout-digital.jpg 873w" sizes="(max-width: 640px) 100vw, 640px" /></a><br />
From here I&#8217;ve been able to work out paragraph styles for the titles, running titles, page numbers and body, which should be pretty much everything covered. All copy throughout the document will use <a href="http://dejavu-fonts.org/wiki/Main_Page" target="_blank">Dejavu Sans</a> ExtaLight, unless it&#8217;s part of an image or under some other special circumstance. Titles are in point size 12, as the page size itself is very small. I did a print text using a larger point size and it seems anything larger just dominates the page!</p>
<p><a href="https://electromagneticproject.files.wordpress.com/2012/04/paragraph-styles.jpg"><img loading="lazy" data-attachment-id="1682" data-permalink="https://electromagneticproject.wordpress.com/2012/04/20/print-document-formatting-etc/paragraph-styles/" data-orig-file="https://electromagneticproject.files.wordpress.com/2012/04/paragraph-styles.jpg" data-orig-size="667,563" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="Paragraph Styles" data-image-description="" data-medium-file="https://electromagneticproject.files.wordpress.com/2012/04/paragraph-styles.jpg?w=300" data-large-file="https://electromagneticproject.files.wordpress.com/2012/04/paragraph-styles.jpg?w=667" src="https://electromagneticproject.files.wordpress.com/2012/04/paragraph-styles.jpg?w=300&#038;h=253" alt="" title="Paragraph Styles" width="300" height="253" class="aligncenter size-medium wp-image-1682" srcset="https://electromagneticproject.files.wordpress.com/2012/04/paragraph-styles.jpg?w=300&amp;h=253 300w, https://electromagneticproject.files.wordpress.com/2012/04/paragraph-styles.jpg?w=600&amp;h=506 600w, https://electromagneticproject.files.wordpress.com/2012/04/paragraph-styles.jpg?w=150&amp;h=127 150w" sizes="(max-width: 300px) 100vw, 300px" /></a><br />
There are a few things you must always remember when designing for print, which I&#8217;ve reminded myself of in my notebook just in case. All images must be in CMYK at 300 dpi, which I know I&#8217;m going to forget at some point as I&#8217;ve been designing graphics for screen for so long now! Background and large images have to take into account the document&#8217;s 3mm bleed. All text must align to the baseline grid (which I haven&#8217;t shown, but I&#8217;ve set this up to the leading size of the body text.) And the grid is king.</p>
]]></html><thumbnail_url><![CDATA[https://electromagneticproject.files.wordpress.com/2012/04/tekken-3.jpg?fit=440%2C330]]></thumbnail_url><thumbnail_width><![CDATA[]]></thumbnail_width><thumbnail_height><![CDATA[]]></thumbnail_height></oembed>