No images in this repository’s iceberg at this time
Download raw (22.1 KB)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title> OSP full scale in Beaubourg</title>
<meta name="generator" content="WordPress 3.0.5" /> <!-- leave this for stats -->
<link rel="stylesheet" href="http://ospublish.constantvzw.org/wp-content/themes/osp/style.css" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="OSP RSS Feed" href="http://ospublish.constantvzw.org/feed" />
<link rel="pingback" href="http://ospublish.constantvzw.org/xmlrpc.php" />
<link rel="icon" type="image/gif" href="http://ospublish.constantvzw.org/wp-content/uploads/frog.gif">
<link rel="alternate" type="application/rss+xml" title="OSP » OSP full scale in Beaubourg Comments Feed" href="http://ospublish.constantvzw.org/news/osp-full-scale-in-beaubourg/feed" />
<script src="http://simile.mit.edu/ajax/api/simile-ajax-api.js" type="text/javascript"></script><script src="http://api.simile-widgets.org/timeline/2.3.1/timeline-api.js?bundle=true" type="text/javascript"></script><link rel="stylesheet" href="http://ospublish.constantvzw.org/wp-content/plugins/wp-simile-timeline/data/custom.css" type="text/css" />
<link rel="stylesheet" href="http://ospublish.constantvzw.org/wp-content/plugins/wp-simile-timeline/data/timeline.css.php" type="text/css" />
<link rel='stylesheet' id='wp-polls-css' href='http://ospublish.constantvzw.org/wp-content/plugins/wp-polls/polls-css.css?ver=2.50' type='text/css' media='all' />
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js?ver=1.4.4'></script>
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://ospublish.constantvzw.org/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://ospublish.constantvzw.org/wp-includes/wlwmanifest.xml" />
<link rel='index' title='OSP' href='http://ospublish.constantvzw.org' />
<link rel='start' title='Ok, it is time now.' href='http://ospublish.constantvzw.org/news/is-it-possible' />
<link rel='prev' title='OSP + BPI = Cinéma du réel' href='http://ospublish.constantvzw.org/works/osp-bpi-cinema-du-reel' />
<link rel='next' title='Hic Sunt Leones' href='http://ospublish.constantvzw.org/works/hic-sunt-leones' />
<meta name="generator" content="WordPress 3.0.5" />
<link rel='canonical' href='http://ospublish.constantvzw.org/news/osp-full-scale-in-beaubourg' />
<link rel='shortlink' href='http://ospublish.constantvzw.org/?p=2205' />
<!-- Portfolio Slideshow-->
<link rel="stylesheet" type="text/css" href="http://ospublish.constantvzw.org/wp-content/plugins/portfolio-slideshow/portfolio-slideshow.css?ver=1.1.2" />
<noscript><link rel="stylesheet" type="text/css" href="http://ospublish.constantvzw.org/wp-content/plugins/portfolio-slideshow/portfolio-slideshow-noscript.css?ver=1.1.2" /></noscript>
<script type="text/javascript">/* <![CDATA[ */var psTimeout = new Array(); var psTrans = new Array(); var psSpeed = new Array(); var psNoWrap = new Array();/* ]]> */</script>
<!--//Portfolio Slideshow-->
<style type="text/css">
ol.footnotes li {list-style-type:decimal;}
ol.footnotes{font-size:0.8em; color:#666666;} </style>
<style type="text/css">
.wp-polls .pollbar {
margin: 1px;
font-size: 6px;
line-height: 8px;
height: 8px;
background-image: url('http://ospublish.constantvzw.org/wp-content/plugins/wp-polls/images/default/pollbg.gif');
border: 1px solid #c8c8c8;
}
</style>
<!-- Wordpress Popular Posts v2.1.4 -->
<script type="text/javascript" charset="utf-8">
/* <![CDATA[ */
jQuery.post('http://ospublish.constantvzw.org/wp-admin/admin-ajax.php', {action: 'wpp_update', token: 'f81a523d34', id: 2205});
/* ]]> */
</script>
<!-- End Wordpress Popular Posts v2.1.4 -->
<!-- Wordpress Popular Posts v2.1.4 -->
<link rel="stylesheet" href="http://ospublish.constantvzw.org/wp-content/plugins/wordpress-popular-posts/style/wpp.css" type="text/css" media="screen" />
<!-- End Wordpress Popular Posts v2.1.4 -->
</head>
<body>
<div id="container">
<div id="masthead">
<h1><a href="http://ospublish.constantvzw.org" title="Home">OSP</a><a href="http://en.wikipedia.org/wiki/Tardigrada" class="star" title="Tardigrade"><img src="http://ospublish.constantvzw.org/wp-content/themes/osp/images/bear_2.jpg"></a>
</h1>
<h2>Open Source Publishing – Design Tools For Designers</h2>
</div><!--masthead-->
<!--<div id="head_bckgr"><img src="http://ospublish.constantvzw.org/wp-content/themes/osp/images/title.jpg"></a></div>-->
<ul id="subnav"><li><a href="http://ospublish.constantvzw.org">Home</a></li><li class="page_item page-item-2"><a href="http://ospublish.constantvzw.org/about" title="About">About</a></li>
<li class="page_item page-item-83"><a href="http://ospublish.constantvzw.org/archives" title="Archives">Archives</a></li>
<li class="page_item page-item-241"><a href="http://ospublish.constantvzw.org/contact" title="Contact">Contact</a></li>
<li class="page_item page-item-4838"><a href="http://ospublish.constantvzw.org/library" title="Library">Library</a></li>
<li class="page_item page-item-81"><a href="http://ospublish.constantvzw.org/links" title="Links">Links</a></li>
<li class="page_item page-item-938"><a href="http://ospublish.constantvzw.org/tags" title="Tags">Tags</a></li>
<li><a href="/recipes">Recipes</a></li><li><a href="/image">Snapshots</a></li><li><a href="/works">Works</a></li><li><a href="/foundry">Foundry</a></li></ul>
<ul id="nav">
<li class="cat-item cat-item-18"><a href="http://ospublish.constantvzw.org/category/conversation" title="OSP converses, talks with, interviews.">Conversations</a>
</li>
<li class="cat-item cat-item-21"><a href="http://ospublish.constantvzw.org/category/downloads" title="Our foundry and source repository. A list of digital files.">Downloads</a>
</li>
<li class="cat-item cat-item-17"><a href="http://ospublish.constantvzw.org/category/education" title="OSP teaches and learns.">Education</a>
</li>
<li class="cat-item cat-item-46"><a href="http://ospublish.constantvzw.org/category/live" title="OSP shares findings. Prints and parties. Public appearances.">Live</a>
</li>
<li class="cat-item cat-item-1"><a href="http://ospublish.constantvzw.org/category/news" title="Fresh and new for and at OSP.">News</a>
</li>
<li class="cat-item cat-item-65"><a href="http://ospublish.constantvzw.org/category/texts" title="Library. Texts we like, texts we write.">Texts</a>
</li>
<li class="cat-item cat-item-38"><a href="http://ospublish.constantvzw.org/category/tools" title="Tools for work and reflection. Not always digital.">Tools</a>
</li>
<li class="cat-item cat-item-3"><a href="http://ospublish.constantvzw.org/category/type" title="Typography to write and design with.">Type</a>
</li>
</ul>
<div id="content_box">
<div id="left_side">
<div class="navigation">
<span class="previous">« <a href="http://ospublish.constantvzw.org/works/osp-bpi-cinema-du-reel" rel="prev">OSP + BPI = Cinéma du réel</a> </span>
<span class="next"><a href="http://ospublish.constantvzw.org/works/hic-sunt-leones" rel="next">Hic Sunt Leones</a> »</span>
</div><!--navigation-->
<div class="wide_post">
<div class="post">
<h1>OSP full scale in Beaubourg</h1>
<p class="meta"><a href="http://ospublish.constantvzw.org/category/live" title="View all posts in Live" rel="category tag">Live</a> · <a href="http://ospublish.constantvzw.org/category/news" title="View all posts in News" rel="category tag">News</a> · <a href="http://ospublish.constantvzw.org/category/foundry_blog/fonts-foundry/osp-din" title="View all posts in OSP-DIN" rel="category tag">OSP-DIN</a> · <a href="http://ospublish.constantvzw.org/category/works" title="View all posts in Works" rel="category tag">Works</a> · March 18th, 2009 · <a href="http://ospublish.constantvzw.org/author/harrisson/" title="Posts by Harrisson">Harrisson</a></p>
<div class="entry">
<p><img src="http://ospublish.constantvzw.org/wp-content/uploads/install.jpg" alt="install" title="install" width="450" height="600" class="alignleft size-full wp-image-2209" /></p>
<p>As a side effect of the BPI/cinéma du réel festival, OSP has been asked to “perform” the program map in full scale in the Centre Georges Pompidou main hall, where the festival occurs.<br />
The map is a derivative from the printed one, folded into the brochure.<br />
It networks the festival selected movies and the subjective links between them.<br />
<span id="more-2205"></span><br />
<strong>FONTS</strong></p>
<p><img src="http://ospublish.constantvzw.org/wp-content/uploads/din.png" alt="din" title="din" width="450" height="264" class="alignleft size-full wp-image-2207" /><br />
DIN<br />
As the Centre Pompidou graphic chart is very restrictive, we had to use the DIN font. But impossible to use the FF DIN from fontshop, licensed. So we encoded the first cut of the open source DIN, from drawing of 1932 we get in Berlin in our previous adventures. Only capitals yet, but work is in progress.</p>
<p><img src="http://ospublish.constantvzw.org/wp-content/uploads/atlas.png" alt="atlas" title="atlas" width="450" height="244" class="alignleft size-full wp-image-2208" /><br />
ATLAS<br />
For the printed map, we used a font Harrisson designed few years ago: the Atlas font, with country shapes instead of letters as glyphs. This font will be soon released with OFL license. We’ll tell you the inner story of this font later.</p>
<p><strong>MONTAGE</strong></p>
<p><img src="http://ospublish.constantvzw.org/wp-content/uploads/montage_a4.jpg" alt="montage_a4" title="montage_a4" width="450" height="338" class="alignleft size-full wp-image-2210" /><br />
The re-drawing of our file “en dur” was a very strong and singular experience. We had the feeling of being into the file, and re-interpreting SVG code</p>
<p><img src="http://ospublish.constantvzw.org/wp-content/uploads/montage_a42.jpg" alt="montage_a42" title="montage_a42" width="450" height="338" class="alignleft size-full wp-image-2211" /><br />
It was like crossing the screen, and performing the choreography of the interface is a nice journey! The installation is the translation of the file into an object, the transformation of vectors into movements. </p>
<p><img src="http://ospublish.constantvzw.org/wp-content/uploads/collaborateurs.jpg" alt="collaborateurs" title="collaborateurs" width="450" height="338" class="alignleft size-full wp-image-2212" /><br />
It is a new interpretation, a new version. It’s the gap between the mouseclick and the gesture by editing on another support. We felt the distance and the similarities of the interface choreography and the gesture choreography.<br />
A new articulation…</p>
<p><img src="http://ospublish.constantvzw.org/wp-content/uploads/yeux_digit.png" alt="yeux_digit" title="yeux_digit" width="450" height="284" class="alignleft size-full wp-image-2213" /></p>
<p><img src="http://ospublish.constantvzw.org/wp-content/uploads/yeux_dur.jpg" alt="yeux_dur" title="yeux_dur" width="450" height="338" class="alignleft size-full wp-image-2214" /></p>
<p><img src="http://ospublish.constantvzw.org/wp-content/uploads/torodigit.png" alt="torodigit" title="torodigit" width="450" height="305" class="alignleft size-full wp-image-2215" /></p>
<p><img src="http://ospublish.constantvzw.org/wp-content/uploads/toro_dur.jpg" alt="toro_dur" title="toro_dur" width="450" height="338" class="alignleft size-full wp-image-2216" /><br />
It becomes something human again.</p>
<p><strong>FIX</strong></p>
<p><img src="http://ospublish.constantvzw.org/wp-content/uploads/plan.jpg" alt="plan" title="plan" width="450" height="338" class="alignleft size-full wp-image-2218" /><br />
Collaborators of this piece were convinced by the idea and came to help. Among them, FIX, a Paris renowned graffiti artist. Graffiti crosses our problematics in many fields.<br />
First he tried to follow the original computer file to the maximum, but result was poor: all sensibility and spontaneity in the marking the piece was disappearing. Paradoxical situation for a tagger…<br />
It was important that he could take the work for himself, and not being just an executant… So we simply redefined space of movement for him to translate the vectors with his feelings.</p>
<p><img src="http://ospublish.constantvzw.org/wp-content/uploads/fix.jpg" alt="fix" title="fix" width="450" height="338" class="alignleft size-full wp-image-2217" /><br />
He could then confront his drawing and calligraphy experience to a new tool for him: 3M 471 model tape. And adapt his habits and talent. He found new ways to use it and we could all benefit from it.</p>
<p>The success of this job was to share a space of translation. And the interpretation gives a lively vibration to the general aspect of the installation.</p>
<p>It’s an articulation. </p>
<p><img src="http://ospublish.constantvzw.org/wp-content/uploads/game.jpg" alt="game" title="game" width="450" height="338" class="alignleft size-full wp-image-2220" /><br />
With FLOSS, the resistance of the tool is now for us such a daily meal, that it has become a work field, an investigation space, and a playground.</p>
</div>
<p class="meta">Tags: · <a href="http://ospublish.constantvzw.org/tag/culture-of-work" rel="tag">Culture of work</a>, <a href="http://ospublish.constantvzw.org/tag/design-philosopy" rel="tag">Design philosopy</a>, <a href="http://ospublish.constantvzw.org/tag/din" rel="tag">DIN</a>, <a href="http://ospublish.constantvzw.org/tag/inkscape" rel="tag">Inkscape</a>, <a href="http://ospublish.constantvzw.org/tag/libre-fonts" rel="tag">Libre Fonts</a>, <a href="http://ospublish.constantvzw.org/tag/map" rel="tag">Map</a>, <a href="http://ospublish.constantvzw.org/tag/tools" rel="tag">Tools</a>, <a href="http://ospublish.constantvzw.org/tag/type" rel="tag">Type</a></p>
</div>
<div class="clear"></div>
</div><!--wide_post-->
</div><!--left_side-->
<div class="sidebar">
<li class="widget">
<h2>Related Posts</h2>
<ul class="related_post"><li><a href="http://ospublish.constantvzw.org/news/lower-cases" title="Lower cases">Lower cases</a></li><li><a href="http://ospublish.constantvzw.org/works/logo-galore" title="Logo Galore">Logo Galore</a></li><li><a href="http://ospublish.constantvzw.org/news/chaine-typo-graphique-ouverte" title="Chaîne typo-graphique ouverte">Chaîne typo-graphique ouverte</a></li><li><a href="http://ospublish.constantvzw.org/tools/time-for-a-new-adventure" title="Time for a new adventure">Time for a new adventure</a></li><li><a href="http://ospublish.constantvzw.org/news/a-poetic-and-political-necessity" title="a poetic and political necessity">a poetic and political necessity</a></li><li><a href="http://ospublish.constantvzw.org/type/one-thing-leads-to-another" title="One thing leads to another">One thing leads to another</a></li><li><a href="http://ospublish.constantvzw.org/news/kick-out-the-jam" title="Kick out the jam">Kick out the jam</a></li></ul></li> </div>
<div class="r_sidebar">
<ul>
<li class="widget">
<form method="get" id="search_form" action="http://ospublish.constantvzw.org/">
<input type="text" class="search_input" value="Search" name="s" id="s" onfocus="if (this.value == 'To search, type and hit enter') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search';}" />
<input type="hidden" id="searchsubmit" value="Search" />
</form>
</li>
</ul> </div>
<div class="commentbar">
<!-- You can start editing here. -->
<div class="comments">
<ul>
<li class="widget">
<h2>
5 Comments ↓</h2>
</li>
<li>
<p>
<h3>1. <a href='http://www.calcyum.org' rel='external nofollow' class='url'>FeIZocE</a></h3>
<p class="meta">Mar 20, 2009 at 2:47 pm </p>
<div class="entry">
<p>Great great job!<br />
Didn’t you get bored of using tape, though? <img src='http://ospublish.constantvzw.org/wp-includes/images/smilies/icon_biggrin.gif' alt=':-D' class='wp-smiley' /> </p>
</div>
</li>
<li>
<p>
<h3>2. <a href='http://www.calcyum.org/osp-fait-son-cinoche-a-beaubourg/' rel='external nofollow' class='url'>OSP fait son cinoche à Beaubourg : Calcyum - Infographie open source</a></h3>
<p class="meta">Mar 20, 2009 at 8:30 pm </p>
<div class="entry">
<p>[...] fois, les hypercréatifs d’OSP ont été sollicités par le Centre Georges Pompidou pour adapter en grand format la carte programme qu’ils ont réalisée pour le festival [...]</p>
</div>
</li>
<li>
<p>
<h3>3. <a href='http://nitrofurano.linuxkafe.com' rel='external nofollow' class='url'>nitrofurano</a></h3>
<p class="meta">Mar 21, 2009 at 1:06 pm </p>
<div class="entry">
<p>The long time promissed OSP DIN! awesome! for when will be it milestoned to download? is some help welcome there?</p>
</div>
</li>
<li>
<p>
<h3>4. <a href='http://champagne.constantvzw.org/?p=1342' rel='external nofollow' class='url'>OSP super poster + installation « Champagne!</a></h3>
<p class="meta">Mar 23, 2009 at 12:28 pm </p>
<div class="entry">
<p>[...] *read & see more here* [...]</p>
</div>
</li>
<li>
<p>
<h3>5. <a href='http://ospublish.constantvzw.org/foundry/osp-din/' rel='external nofollow' class='url'>OSP-foundry» Blog Archive » OSP-DIN</a></h3>
<p class="meta">Jun 30, 2010 at 7:33 pm </p>
<div class="entry">
<p>[...] <a href="http://ospublish.constantvzw.org/news/osp-full-scale-in-beaubourg" rel="nofollow">http://ospublish.constantvzw.org/news/osp-full-scale-in-beaubourg</a> [...]</p>
</div>
</li>
</ul>
<!-- Comment Form -->
<h3>Leave a Comment</h3>
<form action="http://ospublish.constantvzw.org/wp-comments-post.php" method="post" id="comment_form">
<label for="author">Name</label><input type="text" name="author" id="author" value="" tabindex="1" />
<label for="email">e-mail</label><input type="text" name="email" id="email" value="" tabindex="2" />
<label for="url">Website</label><input type="text" name="url" id="url" value="" tabindex="3" />
<!--<p><small><strong>XHTML:</strong> You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> </small></p>-->
<label for="comment">
Comment</label><textarea name="comment" id="comment" rows="8" tabindex="4"></textarea>
<p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="a2f4643d01" /></p><div id="trymath_cont">
<p>
<label for="trymath">
If you are human, solve the math-challenge below and enter the answer here:
</label>
<input type="text" name="trymath" id="trymath" />
<pre> _____ _ _____
/ __ \ /\| |/\ |____ |
`' / /' \ ` ' / / /
/ / |_ _| \ \
./ /___ / , . \ .___/ /
\_____/ \/|_|\/ \____/
</pre>
</div>
<script type="text/javascript">
//<![CDATA[
//for( i = 0; i < document.forms.length; i++ ) {
// if( typeof(document.forms[i].trymath) != 'undefined' ) {
// commentForm = document.forms[i].comment.parentNode;
// break;
// }
//}
//var commentArea = commentForm.parentNode;
//var captchafrm = document.getElementById("trymath_cont");
//commentArea.insertBefore(captchafrm, commentForm);
//commentArea.trymath.size = commentArea.author.size;
//commentArea.trymath.className = commentArea.author.className;
function insertAfter (referenceNode, newNode) {
referenceNode.parentNode.insertBefore (newNode, referenceNode.nextSibling);
}
var captchafrm = document.getElementById("trymath_cont");
var url = document.getElementById ('url');
if (url != undefined) {
insertAfter (url, captchafrm);
}
//]]>
</script>
<input name="submit" type="submit" id="submit" src="http://ospublish.constantvzw.org/wp-content/themes/osp/images/submit_comment.gif" tabindex="5" value="Submit" />
<input type="hidden" name="comment_post_ID" value="2205" />
</form>
</div><!--comments-->
</div>
</div>
<div id="footer">
<p>Powered by <a href="http://constantvzw.org">Constant</a> · Unless otherwise noticed, all content available under a <a href="http://artlibre.org/licence/lal/en/">Free Art Licence</a></p>
<script type='text/javascript' src='http://ospublish.constantvzw.org/wp-content/plugins/portfolio-slideshow/lib/jquery.cycle.all.min.js?ver=2.7.3'></script>
<script type='text/javascript' src='http://ospublish.constantvzw.org/wp-content/plugins/portfolio-slideshow/lib/portfolio-slideshow.js?ver=1.1.2'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var pollsL10n = {
ajax_url: "http://ospublish.constantvzw.org/wp-content/plugins/wp-polls/wp-polls.php",
text_wait: "Your last request is still being processed. Please wait a while ...",
text_valid: "Please choose a valid poll answer.",
text_multiple: "Maximum number of choices allowed: ",
show_loading: "1",
show_fading: "1"
};
/* ]]> */
</script>
<script type='text/javascript' src='http://ospublish.constantvzw.org/wp-content/plugins/wp-polls/polls-js.js?ver=2.50'></script>
<script type="text/javascript">/* <![CDATA[ */var portfolioSlideshowOptions = {psHash: 'true',psLoader: 'false'};/* ]]> */</script>
<!-- Start of StatCounter Code -->
<script type="text/javascript" language="javascript">
var sc_project=2602710;
var sc_invisible=0;
var sc_partition=25;
var sc_security="a6dedaff";
</script>
<script type="text/javascript" language="javascript" src="http://www.statcounter.com/counter/counter.js"></script><noscript><a href="http://www.statcounter.com/" target="_blank"><img src="http://c26.statcounter.com/counter.php?sc_project=2602710&java=0&security=a6dedaff&invisible=0" alt="free hit counter" border="0"></a> </noscript>
<!-- End of StatCounter Code -->
</div><!--footer-->
</div><!--container-->
</body>
</html>