{"id":287,"date":"2007-06-27T17:19:51","date_gmt":"2007-06-27T16:19:51","guid":{"rendered":"http:\/\/ospublish.constantvzw.org\/?p=287"},"modified":"2008-09-08T18:13:34","modified_gmt":"2008-09-08T17:13:34","slug":"how-to-turn-a-frog-into-a-prince","status":"publish","type":"post","link":"http:\/\/ospublish.constantvzw.org\/blog\/works\/how-to-turn-a-frog-into-a-prince","title":{"rendered":"How to turn a frog into a prince"},"content":{"rendered":"<p><a href=\"\/wp-content\/uploads\/FrogPrince\/StoryC.pdf\"><img class=\"float\" src=\"http:\/\/ospublish.constantvzw.org\/blog\/wp-content\/uploads\/frogprince_th.jpg\" alt=\"frogprince_th.jpg\" \/><\/a> <strong>Frog and Prince<\/strong> is a fairytale featuring free software, python scripting and an open font. The story was premi\u00e8red at <a href=\"http:\/\/www.libregraphicsmeeting.org\/2007\/\">LGM 2007<\/a> (Montr\u00e9al, Canada), and formed the centerpiece of the <a href=\"http:\/\/ospublish.constantvzw.org\/?p=257\">Canadian Printing Breakfast<\/a> (Brussels, June 2007). Below is everything you need to make the recipe, but you can also browse through sample documents for each of the steps in the transformation process. Ingredients are there to be opened up, re-distributed, changed and improved upon. Please report back when you use or abuse.<\/p>\n<p>[<a href=\"\/wp-content\/uploads\/FrogPrince\/StoryC.pdf\">Preview of the final result<\/a>]<\/p>\n<p><!--more--><\/p>\n<p>[<a href=\"\/wp-content\/uploads\/FrogPrince.zip\">download all sample documents as a .zip file<\/a>]<\/p>\n<p><strong>Tools you will need<\/strong>:<\/p>\n<ul>\n<li>Internet connection<\/li>\n<li>Gimp image editor<\/li>\n<li>Inkscape vector editor<\/li>\n<li>Terminal (command line) application<\/li>\n<li>Scribus lay-out application<\/li>\n<li>Python script <small>(scripted by <a href=\"http:\/\/textzi.net\/\">Ivan Monroy-Lopez<\/a>)<\/small><\/li>\n<li>Pdf toolset: psnbook, psnup, ps2pdf, pdftops<\/li>\n<li>Printer<\/li>\n<li>Stapler<\/li>\n<\/ul>\n<p><strong>1. Prepare ingredients<\/strong><\/p>\n<p>Find the Grimm story &#8216;<a href=\"http:\/\/www.gutenberg.org\/etext\/20437\">The Princess and the frog<\/a>&#8216;, available through the Gutenberg project. Identify two sections: one telling the story of the frog, and the other starting at the moment the frog turns into a prince. Save the first section as <a href=\"\/wp-content\/uploads\/FrogPrince\/Frog.txt\">Frog.txt<\/a>, the second as <a href=\"\/wp-content\/uploads\/FrogPrince\/Prince.txt\">Prince.txt<\/a>.<\/p>\n<p>Look for an image of a prince, and convert it to Scalable Vector Format (svg) using Gimp, Inkscape and Potrace. Do the same for an image of a frog.<\/p>\n<p><strong>2. Install font<\/strong><\/p>\n<p>In your home directory, create a folder called &#8216;.fonts&#8217;. The dot is important (Make sure you have <em>view invisible files<\/em> selected in file browser)! Copy <a href=\"\/wp-content\/uploads\/FrogPrince\/CharterOSP-Roman.ttf\">CharterOSP-Roman.ttf<\/a> into this folder. From the command line, run:<\/p>\n<p><code>$ fc-cache<\/code><\/p>\n<p>This is to update the fontconfig settings. The CharterOSP-Roman should now be available to all applications.<\/p>\n<p><strong>3. Prepare document<\/strong><\/p>\n<p>Open Scribus (version 1.3.3.9 or lower) and create a new document, size A5.<\/p>\n<p>Import <a href=\"\/wp-content\/uploads\/FrogPrince\/Frog.svg\">Frog.svg<\/a> and <a href=\"\/wp-content\/uploads\/FrogPrince\/Prince.svg\">Prince.svg<\/a> (File &gt; Import &gt; Import SVG) into Scribus and place them on top of each other on page 1. Convert both objects to a textframe (contextual menu: <em>Convert to &gt; Text frame<\/em>).<\/p>\n<p>Change name of the objects into respectively &#8216;Frog&#8217; and &#8216;Prince&#8217; (<em>View &gt; Properties<\/em> and change name in X,Y,Z tab.)<\/p>\n<p>Define the following 4 colors (<em>Edit &gt; Colors &gt; New<\/em>) and make sure you use the exact same names:<\/p>\n<p>FrogInitialFill\t =&gt; the color of the fill of Frog on page 1<br \/>\nFrogFinalFill =&gt; the color of the fill of Frog on last page<br \/>\nPrinceInitialFill =&gt; the color of the fill of Prince on page 1<br \/>\nPrinceFinalFill\t =&gt; the color of the fill of Prince on last page<\/p>\n<p>Before you can run the script, the 1-page .sla file (<a href=\"\/wp-content\/uploads\/FrogPrince\/FrogPrince.sla\">FrogPrince.sla<\/a>) must be saved in the same directory as the Prince.txt and Frog.txt files. The Python script (<a href=\"\/wp-content\/uploads\/FrogPrince\/Story.py\">Story.py<\/a>) should be saved in the same directory.<\/p>\n<p><strong>4. Run script<\/strong><\/p>\n<p>To run the script: <em>script &gt; execute<\/em> script and select <a href=\"\/wp-content\/uploads\/FrogPrince\/Story.py\">Story.py<\/a><\/p>\n<p>Now a series of dialogue boxes will pop up.<\/p>\n<p>The one about scale goes like this:<br \/>\n0.1    ==    one tenth of the original size<br \/>\n0.25   ==    one quarter of the original size<br \/>\n0.5    ==    one half of the original size<\/p>\n<p>Keep in mind that in the end, the script only shrinks objects. the shrunk frog will appear on the last page, while the shrunk prince will appear on the first page.<\/p>\n<p>When running, the script creates the following sequence of colors:<br \/>\nFrogFill2 &#8230; FrogFilln, where n = (numberOfPages &#8211; 1)<br \/>\nPrinceFill2 &#8230; PrinceFilln, where n = (numberOfPages -1)<br \/>\nso it&#8217;s best not to have colors with those names in the sla file, to avoid conflicts.<\/p>\n<p><strong>5. Style text<\/strong><\/p>\n<p>In the newly created document <a href=\"\/wp-content\/uploads\/FrogPrince\/Story.sla\">Story.sla<\/a>, make two new styles, one for Prince and another for Frog. Choose OSP Charter, 6 points for FrogStyle and 11 points for PrinceStyle in order to fill out the text over as many text boxes as possible.<\/p>\n<p>Apply styles to Frog and Prince.<\/p>\n<p>Export the document as pdf (<a href=\"\/wp-content\/uploads\/FrogPrince\/Story.pdf\">Story.pdf<\/a>); make sure to embed all fonts. (<em>File &gt; Export as PDF<\/em>. In Font tab, select &#8217;embed all fonts&#8217;)<\/p>\n<p><strong>6. Prepare for printing<\/strong><\/p>\n<p>For more detailed instructions, see <a href=\"http:\/\/ospublish.constantvzw.org\/?p=90\">How to print a booklet in 19 easy steps<\/a>.<\/p>\n<p>Use the command line, convert the .pdf document to a postscript document:<\/p>\n<p><code>$ pdftops -paper match '\/home\/user\/Desktop\/Story.pdf' '\/home\/user\/Desktop\/Story.ps' <\/code><\/p>\n<p>Then arrange the order of pages for imposition:<\/p>\n<p><code>$ psbook -s16 '\/home\/user\/Story.ps' '\/home\/user\/Desktop\/StoryB.ps' <\/code><\/p>\n<p>If all goes well, you will see the following:<\/p>\n<p><code>[16] [1] [2] [15] [14] [3] [4] [13] [12] [5] [6] [11] [10] [7] [8] [9]<br \/>\nWrote 16 pages, 5937633 bytes <\/code><\/p>\n<p>Make spreads, placing 2 A5&#8217;s on an A4:<\/p>\n<p><code>$ psnup -2 -PA5 '\/home\/user\/Desktop\/StoryB.ps' '\/home\/user\/Desktop\/StoryC.ps' <\/code><\/p>\n<p><code>[1] [2] [3] [4] [5] [6] [7] [8] Wrote 8 pages, 5944599 bytes <\/code><\/p>\n<p>Convert the document back to pdf:<\/p>\n<p><code>$ ps2pdf '\/home\/user\/Desktop\/StoryC.ps' '\/home\/user\/Desktop\/StoryC.pdf' <\/code><\/p>\n<p><strong>8. Print<\/strong><br \/>\n[this step has bugs in Ubuntu 7.04; other versions\/systems should be al right.]<\/p>\n<p>You can use the commandline to print first the even pages (myprinter is the name of your printer, n is the amount of copies)<\/p>\n<p><code>$ lpr -P myprinter -o page-set=even -#1 infile.pdf <\/code><\/p>\n<p>Once the even pages are printed, you need to re-arrange the order of the pages so that the first page comes last.<\/p>\n<p>Put the pages upside down back in the printer<\/p>\n<p>Now print the odd pages<\/p>\n<p><code>$ lpr -P myprinter -o page-set=odd -#1 infile.pdf <\/code><\/p>\n<p>Fold the pages from A4 to A5<\/p>\n<p>Fold the stack back open and place it on the piece of cardboard with the cover facing you.<\/p>\n<p>Click open your stapler so you can staple the stack in the middle<\/p>\n<p>Gently remove the stack (which is now stuck to the cardboard) and fold the staples back in.<\/p>\n<p>Sample documents:<\/p>\n<ul>\n<li><a href=\"\/wp-content\/uploads\/FrogPrince\/Story.ps\">Story.ps<\/a><\/li>\n<li><a href=\"\/wp-content\/uploads\/FrogPrince\/StoryB.ps\">StoryB.ps<\/a><\/li>\n<li><a href=\"\/wp-content\/uploads\/FrogPrince\/StoryC.ps\">StoryC.ps<\/a><\/li>\n<li><a href=\"\/wp-content\/uploads\/FrogPrince\/StoryC.pdf\">StoryC.pdf<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Frog and Prince is a fairytale featuring free software, python scripting and an open font. The story was premi\u00e8red at LGM 2007 (Montr\u00e9al, Canada), and formed the centerpiece of the Canadian Printing Breakfast (Brussels, June 2007). Below is everything you need to make the recipe, but you can also browse through sample documents for each [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[38,32],"tags":[40,313,13,59,2],"_links":{"self":[{"href":"http:\/\/ospublish.constantvzw.org\/blog\/wp-json\/wp\/v2\/posts\/287"}],"collection":[{"href":"http:\/\/ospublish.constantvzw.org\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/ospublish.constantvzw.org\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/ospublish.constantvzw.org\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/ospublish.constantvzw.org\/blog\/wp-json\/wp\/v2\/comments?post=287"}],"version-history":[{"count":2,"href":"http:\/\/ospublish.constantvzw.org\/blog\/wp-json\/wp\/v2\/posts\/287\/revisions"}],"predecessor-version":[{"id":784,"href":"http:\/\/ospublish.constantvzw.org\/blog\/wp-json\/wp\/v2\/posts\/287\/revisions\/784"}],"wp:attachment":[{"href":"http:\/\/ospublish.constantvzw.org\/blog\/wp-json\/wp\/v2\/media?parent=287"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/ospublish.constantvzw.org\/blog\/wp-json\/wp\/v2\/categories?post=287"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/ospublish.constantvzw.org\/blog\/wp-json\/wp\/v2\/tags?post=287"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}