Scriptographer.org - Gallery
http://scriptographer.org/gallery/
Scriptographer.org2010年4月13日 18:21:03 +0200enScriptographer Workshop #4
http://scriptographer.org/gallery/scriptographer-workshop-4/
http://scriptographer.org/gallery/scriptographer-workshop-4/2010年4月13日 18:21:03 +0200Florian Pittet
<p>Selected results from the fourth Scriptographer Workshop at <a href="http://www.ecal.ch" target="_blank">ECAL</a> in Lausanne, held by <a href="/users/Jonathan/">Jonathan Puckey</a> and <a href="/users/Lehni/">Jürg Lehni</a>.
</p>
<p>
During one week, the students who worked in groups of two to four were taught basics in vector geometry and a simple, limited vocabulary of scripting drawing tools in Scriptographer. The aim was to produce a family of tools that have their origins in clearly defined visual worlds or topics, imitating and automating some of their key characteristics.
</p>
<p>
The workshop focused on one of the strengths of Scriptographer: The combination of a manual process with automated, script driven tools or processes. Another criteria was that of non-repeating patterns: A manually guided automated script is able to produce visual results that have their own language and resemble printing patterns without simply repeating elements on a regular grid, by repeating logic instead that has an impact on the resulting lines.
</p>
<p>
By limiting the students to using only black and white and not allowing libraries of predefined drawings, the workshop's focus was aimed at learning an intuitive way of using simple vector geometry and vector algebra in the composition of vector paths and outlines, by using points and vector objects and algebraic operations in a way easy to understand for visually thinking persons.
<p><div class="resource">
<a href="/gallery/scriptographer-workshop-4/posts/2969/resources/Barriers.jpg/" target="_blank"><img width="115" height="163" src="/gallery/scriptographer-workshop-4/posts/2969/resources/Barriers.jpg?v=db8705e95712819b479feef58b5c7ff8" id="thumb-1"></a>
<div class="caption">«Barriers» by Guillaume Coquoz,<br>
David Moret & Mélanie Grin</div>
</div>
<div class="resource">
<a href="/gallery/scriptographer-workshop-4/posts/2969/resources/499/" target="_blank"><img width="240" height="240" src="/gallery/scriptographer-workshop-4/posts/2969/resources/Barriers.jpg?v=8225e3a617dc85bb8e499948b72fa9b6" id="thumb-2"></a>
<div class="caption">«Barriers», close-up</div>
</div>
<div class="resource">
<a href="/gallery/scriptographer-workshop-4/posts/2969/resources/Brick-Universe.jpg/" target="_blank"><img width="115" height="163" src="/gallery/scriptographer-workshop-4/posts/2969/resources/Brick-Universe.jpg?v=db8705e95712819b479feef58b5c7ff8" id="thumb-3"></a>
<div class="caption">«Microcosm / Macrocosm, Universe» by<br>
Hugo Hoppmann, Guillaume Chabot, <br>
Rikard Heberling & Vincent Delaleu</div>
</div>
<div class="resource">
<a href="/gallery/scriptographer-workshop-4/posts/2969/resources/500/" target="_blank"><img width="240" height="240" src="/gallery/scriptographer-workshop-4/posts/2969/resources/Brick-Universe.jpg?v=c6e8208232805ed7a3345cefc9f7059e" id="thumb-4"></a>
<div class="caption">«Microcosm / Macrocosm», close-up</div>
</div>
<div class="resource">
<a href="/gallery/scriptographer-workshop-4/posts/2969/resources/City-Poster.jpg/" target="_blank"><img width="115" height="163" src="/gallery/scriptographer-workshop-4/posts/2969/resources/City-Poster.jpg?v=db8705e95712819b479feef58b5c7ff8" id="thumb-5"></a>
<div class="caption">«Microcosm / Macrocosm, City»</div>
</div>
<div class="resource">
<a href="/gallery/scriptographer-workshop-4/posts/2969/resources/501/" target="_blank"><img width="240" height="240" src="/gallery/scriptographer-workshop-4/posts/2969/resources/City-Poster.jpg?v=6721839a05ac04303aa55eeaf8db7083" id="thumb-6"></a>
<div class="caption">«Microcosm / Macrocosm, City», close-up</div>
</div>
<div class="resource">
<a href="/gallery/scriptographer-workshop-4/posts/2969/resources/Hair-Poster-01.jpg/" target="_blank"><img width="115" height="163" src="/gallery/scriptographer-workshop-4/posts/2969/resources/Hair-Poster-01.jpg?v=db8705e95712819b479feef58b5c7ff8" id="thumb-7"></a>
<div class="caption">«Hair» by Anne-Sylvie Borter,<br>
Marius Aeberli & Fabien Gehrig</div>
</div>
<div class="resource">
<a href="/gallery/scriptographer-workshop-4/posts/2969/resources/Hair-Poster-02.jpg/" target="_blank"><img width="115" height="163" src="/gallery/scriptographer-workshop-4/posts/2969/resources/Hair-Poster-02.jpg?v=db8705e95712819b479feef58b5c7ff8" id="thumb-8"></a>
<div class="caption">«Hair»</div>
</div>
<div class="resource">
<a href="/gallery/scriptographer-workshop-4/posts/2969/resources/Imposible-Poster.jpg/" target="_blank"><img width="115" height="163" src="/gallery/scriptographer-workshop-4/posts/2969/resources/Imposible-Poster.jpg?v=db8705e95712819b479feef58b5c7ff8" id="thumb-9"></a>
<div class="caption">«Impossible» by Andrea Bravo Mutlló<br>
& Silke Koeck</div>
</div>
<div class="resource">
<a href="/gallery/scriptographer-workshop-4/posts/2969/resources/502/" target="_blank"><img width="240" height="240" src="/gallery/scriptographer-workshop-4/posts/2969/resources/Imposible-Poster.jpg?v=80c4f285c303c8f85976a5483ce2ea75" id="thumb-10"></a>
<div class="caption">«Impossible», close-up</div>
</div>
<div class="resource">
<a href="/gallery/scriptographer-workshop-4/posts/2969/resources/Stairs.jpg/" target="_blank"><img width="115" height="163" src="/gallery/scriptographer-workshop-4/posts/2969/resources/Stairs.jpg?v=db8705e95712819b479feef58b5c7ff8" id="thumb-11"></a>
<div class="caption">«Stairs» by Dimitris Dimoulitsas,<br>
Diego Thonney & Myriam Combier</div>
</div>
<div class="resource">
<a href="/gallery/scriptographer-workshop-4/posts/2969/resources/504/" target="_blank"><img width="240" height="240" src="/gallery/scriptographer-workshop-4/posts/2969/resources/Stairs.jpg?v=e8932441bdfbfa865143e47c5f5ec759" id="thumb-12"></a>
<div class="caption">«Stairs», close-up</div>
</div>
<div class="resource">
<a href="/gallery/scriptographer-workshop-4/posts/2969/resources/Liquid-2-Solid-02.jpg/" target="_blank"><img width="115" height="163" src="/gallery/scriptographer-workshop-4/posts/2969/resources/Liquid-2-Solid-02.jpg?v=db8705e95712819b479feef58b5c7ff8" id="thumb-13"></a>
<div class="caption">«Liquid to Solid» by Karian Foehr,<br>
Jan Abellan & Cyprien Poncet</div>
</div>
<div class="resource">
<a href="/gallery/scriptographer-workshop-4/posts/2969/resources/503/" target="_blank"><img width="240" height="240" src="/gallery/scriptographer-workshop-4/posts/2969/resources/Liquid-2-Solid-02.jpg?v=182d54164a3bc4e3e0f1b3ab2c06723b" id="thumb-14"></a>
<div class="caption">«Liquid to Solid», close-up</div>
</div>
<div class="resource">
<a href="/gallery/scriptographer-workshop-4/posts/2969/resources/Liquid-2-Solid-01.jpg/" target="_blank"><img width="240" height="169" src="/gallery/scriptographer-workshop-4/posts/2969/resources/Liquid-2-Solid-01.jpg?v=c8ac17b2da7888722cc9d4bdf8cb7984" id="thumb-15"></a>
<div class="caption">«Liquid to Solid»</div>
</div>
</p>Glads
http://scriptographer.org/gallery/glads/
http://scriptographer.org/gallery/glads/2010年2月23日 16:06:30 +0100Jonathan Puckey
<p><a href="http://www.aa-nn-dd.com/glads/" target="_blank">Glads</a> is a series of three large-scale artworks depicting life through the medium of targeted Google ads. Life events become a point of barter. People become commodities.
</p>
<p>
After building an engine to cultivate Google's keyword based ads, Scriptographer was used to turn greyscale raster images into an abstracted mosaic of adverts. The resulting details are variously dark, funny, tangential and trite.
<p><div class="resource">
<a href="/gallery/glads/posts/2747/resources/glad_birth_thumb.jpg/" target="_blank"><img width="115" height="140" src="/gallery/glads/posts/2747/resources/glad_birth_thumb.jpg?v=db8705e95712819b479feef58b5c7ff8" id="thumb-16"></a>
<div class="caption">«In Birth»</div>
</div>
<div class="resource">
<a href="/gallery/glads/posts/2747/resources/d_birth.jpg.jpeg/" target="_blank"><img width="240" height="187" src="/gallery/glads/posts/2747/resources/d_birth.jpg.jpeg?v=c8ac17b2da7888722cc9d4bdf8cb7984" id="thumb-17"></a>
<div class="caption">«In Birth», close-up</div>
</div>
<div class="resource">
<a href="/gallery/glads/posts/2747/resources/glad_wed_thumb.jpg/" target="_blank"><img width="115" height="141" src="/gallery/glads/posts/2747/resources/glad_wed_thumb.jpg?v=db8705e95712819b479feef58b5c7ff8" id="thumb-18"></a>
<div class="caption">«In Life»</div>
</div>
<div class="resource">
<a href="/gallery/glads/posts/2747/resources/d_wedding.jpg.jpeg/" target="_blank"><img width="240" height="188" src="/gallery/glads/posts/2747/resources/d_wedding.jpg.jpeg?v=c8ac17b2da7888722cc9d4bdf8cb7984" id="thumb-19"></a>
<div class="caption">«In Life», close-up</div>
</div>
<div class="resource">
<a href="/gallery/glads/posts/2747/resources/glad_funeral_thumb.jpg/" target="_blank"><img width="115" height="140" src="/gallery/glads/posts/2747/resources/glad_funeral_thumb.jpg?v=db8705e95712819b479feef58b5c7ff8" id="thumb-20"></a>
<div class="caption">«In Death»</div>
</div>
<div class="resource">
<a href="/gallery/glads/posts/2747/resources/d_funeral.jpg.jpeg/" target="_blank"><img width="240" height="194" src="/gallery/glads/posts/2747/resources/d_funeral.jpg.jpeg?v=c8ac17b2da7888722cc9d4bdf8cb7984" id="thumb-21"></a>
<div class="caption">«In Death», close-up</div>
</div>
</p>LKPR Announcement
http://scriptographer.org/gallery/lkpr-announcement/
http://scriptographer.org/gallery/lkpr-announcement/2010年1月27日 15:17:28 +0100Jonathan Puckey
<p>Jonathan Puckey designed the <a href="http://www.lkpr.nl" target="_blank">website</a> of Lectoraat Kunst en Publieke Ruimte. The website visualizes the use of a website as public space.
</p>
<p>
Every time someone clicks on a link, they leave behind a small trace in the form of a graphical icon related to the category that the link belongs to.
</p>
<p>
To announce the launch of the website, Jonathan Puckey designed a card visualizing each click that had been perfomed up until that time.
</p>
<p>
Using Scriptographer he was able to retrieve the information about the 10470 clicks from the website's MYSQL database and convert it into a vector based visualization ready for offset printing.
<p><div class="resource">
<a href="/gallery/lkpr-announcement/posts/2361/resources/lkpr_cover.jpg/" target="_blank"><img width="115" height="159" src="/gallery/lkpr-announcement/posts/2361/resources/lkpr_cover.jpg?v=db8705e95712819b479feef58b5c7ff8" id="thumb-22"></a>
</div>
<div class="resource">
<a href="/gallery/lkpr-announcement/posts/2361/resources/lkpr_detail.gif/" target="_blank"><img width="115" height="159" src="/gallery/lkpr-announcement/posts/2361/resources/lkpr_detail.gif?v=db8705e95712819b479feef58b5c7ff8" id="thumb-23"></a>
</div>
</p>IN FOCUS
http://scriptographer.org/gallery/in-focus/
http://scriptographer.org/gallery/in-focus/2008年4月20日 09:01:26 +0200Jonathan Puckey
<p><a href="http://www.infocusdialogue.com/" target="_blank">IN FOCUS</a> is an ongoing project with international artists, whose work refers to the Middle East from their own cultural, social, historical and political contexts.
</p>
<p>
<a href="http://www.xelor.nl" target="_blank">Roel Wouters</a>, <a href="http://www.jonathanpuckey.com" target="_blank">Jonathan Puckey</a> and <a href="http://www.poly-luna.com" target="_blank">Luna Maurer</a> were approached to design a catalogue for a series of exhibitions in London in 2007.
</p>
<p>
Using Scriptographer they analyzed the text of the interviews that would be published in the catalogue and generated grids based on the use of punctuation in the questions and answers.
</p>
<p>
These grids were printed out and used as templates to draw speech bubbles, generating a direct visual visualization of how things were written in the interviews.
<p><div class="resource">
<a href="/gallery/in-focus/posts/2360/resources/cropped2.jpg/" target="_blank"><img width="240" height="162" src="/gallery/in-focus/posts/2360/resources/cropped2.jpg?v=c8ac17b2da7888722cc9d4bdf8cb7984" id="thumb-24"></a>
</div>
<div class="resource">
<a href="/gallery/in-focus/posts/2360/resources/cropped4.jpg/" target="_blank"><img width="240" height="161" src="/gallery/in-focus/posts/2360/resources/cropped4.jpg?v=c8ac17b2da7888722cc9d4bdf8cb7984" id="thumb-25"></a>
</div>
<div class="resource">
<a href="/gallery/in-focus/posts/2360/resources/cropped3.jpg/" target="_blank"><img width="240" height="161" src="/gallery/in-focus/posts/2360/resources/cropped3.jpg?v=c8ac17b2da7888722cc9d4bdf8cb7984" id="thumb-26"></a>
</div>
<div class="resource">
<a href="/gallery/in-focus/posts/2360/resources/infocus.gif/" target="_blank"><img width="240" height="180" src="/gallery/in-focus/posts/2360/resources/infocus.gif?v=c8ac17b2da7888722cc9d4bdf8cb7984" id="thumb-27"></a>
</div>
</p>Drawing Typologies
http://scriptographer.org/gallery/drawing-typologies/
http://scriptographer.org/gallery/drawing-typologies/2010年1月26日 15:00:50 +0100Jonathan Puckey
<p>Publication on the occasion of the exhibition Drawing Typologies, Proposal for Municipal Art Acquisitions in the Stedelijk Museum CS, June- September 2007.
</p>
<p>
This publication is designed by <a href="http://www.poly-luna.com" target="_blank">Luna Maurer</a> making use of <a href="http://www.scriptographer.com/Scripts/Interactive+Tools/Text-Pencil/" target="_blank">Text Pencil</a>, a Scriptographer typographic drawing tool developed by <a href="http://www.jonathanpuckey.com" target="_blank">Jonathan Puckey</a>.
</p>
<p>
Luna Maurer: "It is an investigation in how we can use new technological developments in order to make the design more human, direct and that leaves space for imperfectness. By drawing all the texts of the catalogue by hand (with this tool) the whole book receives the character of a living organism. It also shows the possibilities of combining technology and the notion of 'handmade' (or drawing with its directness) in new ways."
<p><div class="resource">
<a href="/gallery/drawing-typologies/posts/2359/resources/drawing_1024_1.jpg/" target="_blank"><img width="240" height="180" src="/gallery/drawing-typologies/posts/2359/resources/drawing_1024_1.jpg?v=c8ac17b2da7888722cc9d4bdf8cb7984" id="thumb-28"></a>
</div>
<div class="resource">
<a href="/gallery/drawing-typologies/posts/2359/resources/drawing_1024_4.jpg/" target="_blank"><img width="240" height="180" src="/gallery/drawing-typologies/posts/2359/resources/drawing_1024_4.jpg?v=c8ac17b2da7888722cc9d4bdf8cb7984" id="thumb-29"></a>
</div>
<div class="resource">
<a href="/gallery/drawing-typologies/posts/2359/resources/drawing_1024_9.jpg/" target="_blank"><img width="240" height="180" src="/gallery/drawing-typologies/posts/2359/resources/drawing_1024_9.jpg?v=c8ac17b2da7888722cc9d4bdf8cb7984" id="thumb-30"></a>
</div>
<div class="resource">
<a href="/gallery/drawing-typologies/posts/2359/resources/drawing_1024_10.jpg/" target="_blank"><img width="240" height="180" src="/gallery/drawing-typologies/posts/2359/resources/drawing_1024_10.jpg?v=c8ac17b2da7888722cc9d4bdf8cb7984" id="thumb-31"></a>
</div>
<div class="resource">
<a href="/gallery/drawing-typologies/posts/2359/resources/drawing_1024_12.jpg/" target="_blank"><img width="240" height="180" src="/gallery/drawing-typologies/posts/2359/resources/drawing_1024_12.jpg?v=c8ac17b2da7888722cc9d4bdf8cb7984" id="thumb-32"></a>
</div>
<div class="resource">
<a href="/gallery/drawing-typologies/posts/2359/resources/drawing_1024_13.jpg/" target="_blank"><img width="240" height="180" src="/gallery/drawing-typologies/posts/2359/resources/drawing_1024_13.jpg?v=c8ac17b2da7888722cc9d4bdf8cb7984" id="thumb-33"></a>
</div>
<div class="resource">
<a href="/gallery/drawing-typologies/posts/2359/resources/drawing_1024_2.jpg/" target="_blank"><img width="240" height="180" src="/gallery/drawing-typologies/posts/2359/resources/drawing_1024_2.jpg?v=c8ac17b2da7888722cc9d4bdf8cb7984" id="thumb-34"></a>
</div>
</p>Hektor Interface
http://scriptographer.org/gallery/hektor-interface/
http://scriptographer.org/gallery/hektor-interface/2010年1月22日 04:31:48 +0100Jürg Lehni
<p>Scriptographer is used to drive <a href="http://www.hektor.ch" target="_blank">Hektor</a>, to Spray-Paint Output Device.
</p>
<p>
The motion paths are calculated by a geometric algorithm to dampen the movements of the instable installation.
</p>
<p>
Here a screen cast of the Hektor interface in action.
</p>
<p><div class="resource">
<a href="/gallery/hektor-interface/posts/1031/resources/Hektor.gif/" target="_blank"><img width="240" height="125" src="/gallery/hektor-interface/posts/1031/resources/Hektor.gif?v=c8ac17b2da7888722cc9d4bdf8cb7984" id="thumb-35"></a>
</div>
<div class="resource">
<div class="resource">
<a href="http://vimeo.com/8876017" target="_blank">vimeo.com/8876017</a>
</div>
</div>
</p>Tile Tool Posters
http://scriptographer.org/gallery/tile-tool-posters/
http://scriptographer.org/gallery/tile-tool-posters/2010年1月26日 15:00:23 +0100Jonathan Puckey
<p>A series of posters for the montly event «The classroom» at Rietveld Academy, Amsterdam, designed with <a href="http://www.scriptographer.com/Scripts/Interactive+Tools/Tile-Tool/" target="_blank">Tile Tool</a>.
<p><div class="resource">
<a href="/gallery/tile-tool-posters/posts/1030/resources/cl_janvantoorn1.jpg/" target="_blank"><img width="115" height="160" src="/gallery/tile-tool-posters/posts/1030/resources/cl_janvantoorn1.jpg?v=db8705e95712819b479feef58b5c7ff8" id="thumb-36"></a>
</div>
<div class="resource">
<a href="/gallery/tile-tool-posters/posts/1030/resources/cl_marcbijl1.jpg/" target="_blank"><img width="115" height="160" src="/gallery/tile-tool-posters/posts/1030/resources/cl_marcbijl1.jpg?v=db8705e95712819b479feef58b5c7ff8" id="thumb-37"></a>
</div>
<div class="resource">
<a href="/gallery/tile-tool-posters/posts/1030/resources/cl_joseteunissen2.jpg/" target="_blank"><img width="115" height="160" src="/gallery/tile-tool-posters/posts/1030/resources/cl_joseteunissen2.jpg?v=db8705e95712819b479feef58b5c7ff8" id="thumb-38"></a>
</div>
<div class="resource">
<a href="/gallery/tile-tool-posters/posts/1030/resources/cl_jeanmarc1.jpg/" target="_blank"><img width="115" height="160" src="/gallery/tile-tool-posters/posts/1030/resources/cl_jeanmarc1.jpg?v=db8705e95712819b479feef58b5c7ff8" id="thumb-39"></a>
</div>
<div class="resource">
<a href="/gallery/tile-tool-posters/posts/1030/resources/cl_jeanmarc_detail.gif/" target="_blank"><img width="115" height="162" src="/gallery/tile-tool-posters/posts/1030/resources/cl_jeanmarc_detail.gif?v=db8705e95712819b479feef58b5c7ff8" id="thumb-40"></a>
</div>
</p>Script Letterer
http://scriptographer.org/gallery/script-letterer/
http://scriptographer.org/gallery/script-letterer/2009年3月04日 11:45:33 +0100Jonathan Puckey
<p>Jonathan Puckey created a drawing tool that takes a text, places a letters of a especially design typeface and lets the user modify parameters of each letter. The aim was to explore half automated, half manual design processes.
<p><div class="resource">
<a href="/gallery/script-letterer/posts/6/resources/calligraphy.gif/" target="_blank"><img width="115" height="170" src="/gallery/script-letterer/posts/6/resources/calligraphy.gif?v=db8705e95712819b479feef58b5c7ff8" id="thumb-41"></a>
</div>
</p>Afternow
http://scriptographer.org/gallery/afternow/
http://scriptographer.org/gallery/afternow/2010年1月22日 01:18:50 +0100Jürg Lehni
<p>Scriptographer was used to produce a limited edition of posters for the Swiss artist Philippe Decrauzat.<br>
The effect is inspired by the 3D type on the «Faust» record sleve «The faust Tapes» from 1973.<br>
Programming and design by Jürg Lehni. Due to the Philippe Decrauzat's decision, the script is not going to be shared here.
<p><div class="resource">
<a href="/gallery/afternow/posts/5/resources/afternow.gif/" target="_blank"><img width="240" height="169" src="/gallery/afternow/posts/5/resources/afternow.gif?v=c8ac17b2da7888722cc9d4bdf8cb7984" id="thumb-42"></a>
</div>
<div class="resource">
<a href="/gallery/afternow/posts/5/resources/faust.gif/" target="_blank"><img width="240" height="170" src="/gallery/afternow/posts/5/resources/faust.gif?v=c8ac17b2da7888722cc9d4bdf8cb7984" id="thumb-43"></a>
</div>
</p>Interactive Tools
http://scriptographer.org/gallery/interactive-tools/
http://scriptographer.org/gallery/interactive-tools/2010年1月26日 14:59:57 +0100Jürg Lehni
<p>A demonstration of some of the interactive tools that are contained in the Scriptographer package.
</p>
<p><div class="resource">
<div class="resource">
<a href="http://vimeo.com/8875898" target="_blank">vimeo.com/8875898</a>
</div>
</div>
<div class="resource">
<a href="/gallery/interactive-tools/posts/445/resources/Tools.jpg/" target="_blank"><img width="240" height="188" src="/gallery/interactive-tools/posts/445/resources/Tools.jpg?v=c8ac17b2da7888722cc9d4bdf8cb7984" id="thumb-44"></a>
</div>
</p>