OSPworkshop: Difference between revisions

From XPUB & Lens-Based wiki
No edit summary
No edit summary
Line 6: Line 6:
Focusing on linking typography and performance, this workshop follows a continuation of a research around the notion of stroke, in the sense of path—as opposed and informed by the notion of form (http://ospublish.constantvzw.org/blog/news/up-pen-down-invited-designers-valence).
Focusing on linking typography and performance, this workshop follows a continuation of a research around the notion of stroke, in the sense of path—as opposed and informed by the notion of form (http://ospublish.constantvzw.org/blog/news/up-pen-down-invited-designers-valence).


We started by looking at a few references of typeface designed specifically using the method of setting coordinates in space for


[[File:2015-10-25_15.08.44.jpg|400px]]
[[File:2015-10-25_15.08.44.jpg|400px]]


We started by looking at a few references of both machines and programming languages that were designed specifically using the principles of setting coordinates in space for drawing shapes.


Reference One:
Reference One: Roland - A Drawing Machine.


Seymour Papert (https://en.wikipedia.org/wiki/Seymour_Papert) taught mathematics through drawing instructions children would give to the computer, other children, or in this case—to a drawing robot. The English mathematician Seymour Papert tried to create an embodied understanding of mathematics through his LOGO language. Papert created a language, understood both by humans and computers, that describes drawings not in an absolute cartesian grid, but from the perspective of the person that is drawing. He called this TURTLE graphics.
Seymour Papert (https://en.wikipedia.org/wiki/Seymour_Papert) taught mathematics through drawing instructions children would give to the computer, other children, or in this case—to a drawing robot. The English mathematician Seymour Papert tried to create an embodied understanding of mathematics through his LOGO language. Papert created a language, understood both by humans and computers, that describes drawings not in an absolute cartesian grid, but from the perspective of the person that is drawing. He called this TURTLE graphics.
Line 17: Line 17:
[[File:Iur.jpeg|200px]] [[File:Iu.jpeg|200px]] [[File:Iu-1.jpeg|200px]]
[[File:Iur.jpeg|200px]] [[File:Iu.jpeg|200px]] [[File:Iu-1.jpeg|200px]]


• Reference Two: Roland - A Writing Machine.


Reference Two:
Pen plotters print by moving a pen or other instrument across the surface of a piece of paper. This plotters are vector graphic devices, they follow a script ((http://osp.constantvzw.org:9999/p/up-pen-down) which defines certain positions in a cartesian space which then will be connected while drawing.
 
A number of printer control languages were created to operate pen plotters, and transmit commands like "lift pen from paper", "place pen on paper", or "draw a line from here to here". This program instructs the plotter, in order, to take the first pen, to go to coordinates X=500, Y=500 on the paper sheet, to lower the pen against the paper, to move 1000 units in the Y direction (thus drawing a vertical line), to lift the pen and finally to put it back in its stall.
 
Different speeds can be set and looking at mechanical movement of the pen is already an amazing choreography in itself.
 
Reference Three: Metafont - Calligraphic or Skeleton Approach.
 
The PostScript format, for example, describes letterforms by their contour instead of their skeleton. Yet other, lesser known file formats might take an inverse approach. For e.g.: Metafont, originated from linear-drawing, writing and calligraphy where different kinds of pens (pointed, broad-nib, ...) get applied to a skeleton resulting in different kind of characters depending on the pen. Metafont uses formulas and parameters to change the bone structure, allowing different kind of parametrical components to be used in a font.


The PostScript format, for example, describes letterforms by their contour instead of their skeleton. Yet other, lesser known file formats might take an inverse approach. For e.g.: Metafont.


[[File:2015-10-25_14.58.26.jpg|200px|thumb|left|https://en.wikipedia.org/wiki/Metafont]]
[[File:2015-10-25_14.58.26.jpg|200px|thumb|left|https://en.wikipedia.org/wiki/Metafont]]


••


'''CODE < > DECODE'''
••


Following the idea of "instructions" and "vector drawing" we started by having one person/voice to instruct the other participants, who were taking the role of the "pen", where to move in order to draw shape of a letter with the movement of our bodies.
Following the idea of "instructions" and "vector drawing" we started by having one person/voice to instruct the other participants, who were taking the role of the "pen", where to move in order to draw shape of a letter with the movement of our bodies.
The next step went towards creating codes to be applied in the method of drawing shapes in space. From having previously looked at scripts from turtle graphic and
- units  (measurements such as: thoughts; seconds; steps; sound.)
<small>Defining Shapes
The first signs left by man were the prints of their foot steps in sand and soft soil. The first signs consciously created by man were probably written with the index finger or a stick in the sand, then later carved in wax, wood and stone which would finally preserve the traces for centuries. The foot would leave a complete shape with one print, making it the ancestor of today’s often used outline approach. The finger however, would create a thick line that would follow its movement making it the forerunner of the calligraphic approach. Later shapes would also be drawn from the outside what took more time but would also give new stylistic possibilities. So from the very beginning both approaches would coexist as calligraphy and punchcutting coexisted.
Also found objects like stones would be used to create shapes and are today known as the mosaics or grid approach. </small>




"blow up the scale of the movements"
our very understanding of text becomes more embodied.


[[File:2015-10-25_17.46.04.jpg|400px]]
[[File:2015-10-25_17.46.04.jpg|400px]]
Line 36: Line 55:


[[File:2015-10-25_15.49.44.jpg|400px]]
[[File:2015-10-25_15.49.44.jpg|400px]]
"blow up the scale of the movements"
our very understanding of text becomes more embodied.


By virtue of the availability of the source code and more importantly still by the open discussions around their conceptions (mailing lists, collaboration platforms), free and open source software allows the designer the better grasp the implications of the tools for their process.
By virtue of the availability of the source code and more importantly still by the open discussions around their conceptions (mailing lists, collaboration platforms), free and open source software allows the designer the better grasp the implications of the tools for their process.


•• Defining Shapes


<small>The first signs left by man were the prints of their foot steps in sand and soft soil. The first signs consciously created by man were probably written with the index finger or a stick in the sand, then later carved in wax, wood and stone which would finally preserve the traces for centuries. The foot would leave a complete shape with one print, making it the ancestor of today’s often used outline approach. The finger however, would create a thick line that would follow its movement making it the forerunner of the calligraphic approach. Later shapes would also be drawn from the outside what took more time but would also give new stylistic possibilities. So from the very beginning both approaches would coexist as calligraphy and punchcutting coexisted.
 
Also found objects like stones would be used to create shapes and are today known as the mosaics or grid approach. </small>


"I always felt like pixels are an approximation of reality, and vectors are a reconstruction. " Jürg Lehni at  
"I always felt like pixels are an approximation of reality, and vectors are a reconstruction. " Jürg Lehni at  
Line 48: Line 69:




•• Metafont - Calligraphic or Skeleton Approach


<small>Metafont allows diff erent kind of parametrical components to be used in a font.


How it works


• Originated from linear-drawing, writing and calligraphy where diff erent kinds of pens (pointed, broad-nib, ...) get applied to a skeleton resulting in diff erent kind of characters depending on the pen.


Example Programs


• Illustrator has many tools to make fonts with a bone structure (and all kind of other vector deformation), but there is no font export.
[[File:2015-10-25_11.08.28.jpg|200px|thumb|left|alt text]]


• Metafont uses formulas and parameters to change the bone structure.


• Calligrapher from Jürg Lehni and François Rappo.
<small>Example Programs


• Kalliculator uses hand placed skeletons with a very sophisticated brush model. </small>
Illustrator has many tools to make fonts with a bone structure (and all kind of other vector deformation), but there is no font export.


http://osp.constantvzw.org:9999/p/up-pen-down
Metafont uses formulas and parameters to change the bone structure.
 
at: http://christoph-knoth.com/shared/computed_type_-_christoph_knoth.pdf
 
 
[[File:2015-10-25_11.08.28.jpg|200px|thumb|left|alt text]]


Calligrapher from Jürg Lehni and François Rappo.


Kalliculator uses hand placed skeletons with a very sophisticated brush model.


at: http://christoph-knoth.com/shared/computed_type_-_christoph_knoth.pdf
</small>


Extra ref.: Line and Form: http://www.gutenberg.org/ebooks/25290?msg=welcome_stranger
Extra ref.: Line and Form: http://www.gutenberg.org/ebooks/25290?msg=welcome_stranger


Fonts: http://no-feature.github.io  (previous workshop)
Fonts: http://no-feature.github.io  (previous workshop)

Revision as of 19:18, 29 October 2015

This distinction between the abstract mathematical formulation of geometric shapes, and their realization into concrete, physical forms.


Open Source Publishing- OSP organized a workshop "Up pen down" in collaboration with the choreographer Adva Zakai,

Focusing on linking typography and performance, this workshop follows a continuation of a research around the notion of stroke, in the sense of path—as opposed and informed by the notion of form (http://ospublish.constantvzw.org/blog/news/up-pen-down-invited-designers-valence).


2015-10-25 15.08.44.jpg

We started by looking at a few references of both machines and programming languages that were designed specifically using the principles of setting coordinates in space for drawing shapes.

• Reference One: Roland - A Drawing Machine.

Seymour Papert (https://en.wikipedia.org/wiki/Seymour_Papert) taught mathematics through drawing instructions children would give to the computer, other children, or in this case—to a drawing robot. The English mathematician Seymour Papert tried to create an embodied understanding of mathematics through his LOGO language. Papert created a language, understood both by humans and computers, that describes drawings not in an absolute cartesian grid, but from the perspective of the person that is drawing. He called this TURTLE graphics.

Iur.jpeg Iu.jpeg Iu-1.jpeg

• Reference Two: Roland - A Writing Machine.

Pen plotters print by moving a pen or other instrument across the surface of a piece of paper. This plotters are vector graphic devices, they follow a script ((http://osp.constantvzw.org:9999/p/up-pen-down) which defines certain positions in a cartesian space which then will be connected while drawing.

A number of printer control languages were created to operate pen plotters, and transmit commands like "lift pen from paper", "place pen on paper", or "draw a line from here to here". This program instructs the plotter, in order, to take the first pen, to go to coordinates X=500, Y=500 on the paper sheet, to lower the pen against the paper, to move 1000 units in the Y direction (thus drawing a vertical line), to lift the pen and finally to put it back in its stall.

Different speeds can be set and looking at mechanical movement of the pen is already an amazing choreography in itself.

• Reference Three: Metafont - Calligraphic or Skeleton Approach.

The PostScript format, for example, describes letterforms by their contour instead of their skeleton. Yet other, lesser known file formats might take an inverse approach. For e.g.: Metafont, originated from linear-drawing, writing and calligraphy where different kinds of pens (pointed, broad-nib, ...) get applied to a skeleton resulting in different kind of characters depending on the pen. Metafont uses formulas and parameters to change the bone structure, allowing different kind of parametrical components to be used in a font.


••

CODE < > DECODE

••

Following the idea of "instructions" and "vector drawing" we started by having one person/voice to instruct the other participants, who were taking the role of the "pen", where to move in order to draw shape of a letter with the movement of our bodies.

The next step went towards creating codes to be applied in the method of drawing shapes in space. From having previously looked at scripts from turtle graphic and

- units (measurements such as: thoughts; seconds; steps; sound.)

Defining Shapes

The first signs left by man were the prints of their foot steps in sand and soft soil. The first signs consciously created by man were probably written with the index finger or a stick in the sand, then later carved in wax, wood and stone which would finally preserve the traces for centuries. The foot would leave a complete shape with one print, making it the ancestor of today’s often used outline approach. The finger however, would create a thick line that would follow its movement making it the forerunner of the calligraphic approach. Later shapes would also be drawn from the outside what took more time but would also give new stylistic possibilities. So from the very beginning both approaches would coexist as calligraphy and punchcutting coexisted. Also found objects like stones would be used to create shapes and are today known as the mosaics or grid approach.


2015-10-25 17.46.04.jpg


2015-10-25 15.49.44.jpg

"blow up the scale of the movements" our very understanding of text becomes more embodied.


By virtue of the availability of the source code and more importantly still by the open discussions around their conceptions (mailing lists, collaboration platforms), free and open source software allows the designer the better grasp the implications of the tools for their process.



"I always felt like pixels are an approximation of reality, and vectors are a reconstruction. " Jürg Lehni at Compression by Abstraction: A Conversation About Vectors (http://rhizome.org/editorial/2013/jul/30/compression-abstraction/)




alt text


Example Programs

Illustrator has many tools to make fonts with a bone structure (and all kind of other vector deformation), but there is no font export.

Metafont uses formulas and parameters to change the bone structure.

Calligrapher from Jürg Lehni and François Rappo.

Kalliculator uses hand placed skeletons with a very sophisticated brush model.

at: http://christoph-knoth.com/shared/computed_type_-_christoph_knoth.pdf

Extra ref.: Line and Form: http://www.gutenberg.org/ebooks/25290?msg=welcome_stranger

Fonts: http://no-feature.github.io (previous workshop)