<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Hfour &#187; experiments</title>
	<atom:link href="http://hfour.jp/tag/experiments/feed/" rel="self" type="application/rss+xml" />
	<link>http://hfour.jp</link>
	<description>Media, Events, Experiments</description>
	<lastBuildDate>Wed, 13 Jul 2011 19:08:46 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Avenir Typeface Genealogical Study</title>
		<link>http://hfour.jp/2010/08/avenir-typeface-genealogical-study/</link>
		<comments>http://hfour.jp/2010/08/avenir-typeface-genealogical-study/#comments</comments>
		<pubDate>Tue, 17 Aug 2010 07:21:54 +0000</pubDate>
		<dc:creator>hfour</dc:creator>
				<category><![CDATA[Digital Media]]></category>
		<category><![CDATA[Experimental]]></category>
		<category><![CDATA[Stuart]]></category>
		<category><![CDATA[Avenir]]></category>
		<category><![CDATA[experiments]]></category>
		<category><![CDATA[font]]></category>
		<category><![CDATA[motion design]]></category>
		<category><![CDATA[stuart ward]]></category>
		<category><![CDATA[typeface]]></category>
		<category><![CDATA[typography]]></category>

		<guid isPermaLink="false">http://hfour.jp/?p=528</guid>
		<description><![CDATA[. Avenir, designed by Adrian Frutiger in 1988, was created as a more contemporary version of Futura crossed with Univers.  This infographic shows the influence ratios the Typeface&#8217;s &#8216;parents&#8217; had on each letter. Avenir! A brief and epic history since 1988 &#8211; This report is of questionable historical value due to possible and definite inaccuracies.]]></description>
			<content:encoded><![CDATA[<p><span style="color: #ffffff;">.</span></p>
<p style="text-align: justify;">Avenir, designed by Adrian Frutiger in 1988, was created as a more contemporary version of Futura crossed with Univers.  This infographic shows the influence ratios the Typeface&#8217;s &#8216;parents&#8217; had on each letter.</p>
<p style="text-align: justify;"><a href="http://hfour.jp/wp-content/uploads/2010/08/Genealogical-Study-of-Avenir.jpg" ><img class="size-medium wp-image-529 alignleft" title="Genealogical-Study-of-Avenir" src="http://hfour.jp/wp-content/uploads/2010/08/Genealogical-Study-of-Avenir-231x300.jpg" alt="Genealogical Study of Avenir" width="231" height="300" /></a></p>
<p style="text-align: justify;"><strong>Avenir!</strong></p>
<p style="text-align: justify;"><em>A brief and epic history since 1988 &#8211; This report is of questionable historical value due to possible and definite inaccuracies.</em></p>
<p style="text-align: justify;">As Reported by Stuart Ward</p>
<p style="text-align: justify;">Adrian Frutiger was sitting in his soundproof typeface development idea-dome sometime in the mid eighties when he arrived at an interesting conclusion, it was time to make a new typeface for the future.. Although the excesses of the 80s knew no bounds, we cannot be absolutely certain that Frutiger actually owned a typeface development ideadome, or even if the specifications of his idea-dome included soundproofing.</p>
<p style="text-align: justify;">Frutiger and decided that Univers and Helvetica were getting a little long in the teeth after having kicked Clear and Simple Design’s ass for just over three decades, and it was time for a changing of the guard. Apparently some people didn’t get the memo, and continue to mainline Helvetica into their designs like some burnt out modernist minimal junkie.</p>
<p style="text-align: justify;">Before Helvetica and Univers were the only typefaces available in any design studio, 19th century sans-serifs had eclipsed, for several years, the constructivist stylings of Gill Sans and Futura.</p>
<p style="text-align: justify;">Since Frutiger was an Alpenhorn blowing, cheese drilling Switzerlander with a penchant for Late 1920s German typefaces, he logically chose Futura as a source of inspiration for his contemporary masterpiece, and named the creation Avenir, which is French for Future, or je ne sais quoi. Genial! The ‘a’ in Futura was considered to hinder legibility due to it similarity to b, d, p and q, stated Frutiger, so it was replaced with the traditional roman style a.</p>
<p style="text-align: justify;">New evidence has come to light regarding a dark secret to Avenir’s past: A recently discovered phone-tap recording has revealed that Frutiger tried to issue a fatwa against the Futura ‘a‘ because it’s lack of design sense led to a loss of faith. Bau-chika-Bauhaus.</p>
<p style="text-align: justify;"><strong>Some interesting points about Avenir:</strong></p>
<p style="text-align: justify;">1. There is no Avenir Italic style, only oblique, created mathematically with precision reaching values close to Godly levels. Using Avenir Oblique fonts instantly upgrades your ability to be contemporary and professionally-fun. (Despite the fact that professionals’ fun in the 80s consisted of lines of cocaine on ladies’ cleavage, rolled up suit sleeves, and crimped hair, Avenir Oblique managed to soar above its 1980s roots; perhaps it’s incubation inside an idea-dome had something to do with it.)</p>
<p style="text-align: justify;">2. After designing Versailles in the early 80s, Frutiger regretted the opulence and excess of the era, just a little, and decided to scrap the serifs for a while, sort of like giving up chocolate covered bacon for lent.</p>
<p style="text-align: justify;">3. The ‘o’ is not a perfect circle.</p>
<p style="text-align: justify;">4. The vertical strokes are thicker than the horizontals. Different strokes for different folks.</p>
<p style="text-align: justify;">5. Avenir looks nothing like handwriting.</p>
<p style="text-align: justify;">6. Avenir comes in varying thicknesses, from 35-95, including 45,55,65 and 85. The meanings of these numbers and what happened to 75 is a mystery.</p>
<p style="text-align: justify;">7. Not content with a typeface which didn’t include condensed fonts, some Japanese guy by the name of Kobayashi worked with Frutiger to create Avenir Next. Since the rise of online type foundries, Typefaces with few fonts in the family are considered low art and campy. Plus, Typefaces with more fonts sell for more money.</p>
<p style="text-align: justify;">8. Because Avenir wasn’t entirely immune to the anything goes lifestyle during it’s conception, the City of Amsterdam has given it a home on its corporate identity. You can take a typeface out of the 80s, but you can take the 80s out of the typeface.</p>
<p style="text-align: justify;"><strong>Final Word</strong></p>
<p style="text-align: justify;">What was old is new again, with the surgical expertise of a man who has been ‘shaping our words’ for more than half a century. Avenir, truly towards a brighter future.</p>
<p style="text-align: justify;"><strong>TL;DR</strong></p>
<p style="text-align: justify;">Avenir&#8217;s font design was inspired by Futura and Univers.</p>
<p style="text-align: justify;">
<p style="text-align: justify;">An animated version of the typeface investigation has also been created&#8230;</p>
<p style="text-align: justify;">The video shows the primary historical sources of Avenir: Futura and Univers. Each letter in upper and lower case was determined to be on a range somewhere between the inspiring typefaces, and this was indicated with point position as well as colour gradient. The middle section of the animation shows the mix of the Univers &#8216;Q&#8217; and the Futura &#8216;Q&#8217; to make an Avenir &#8216;Q&#8217;, which is a clear hybrid of the two when visually represented with its parents.</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="600" height="338" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=14383414&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" /><embed type="application/x-shockwave-flash" width="600" height="338" src="http://vimeo.com/moogaloop.swf?clip_id=14383414&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
]]></content:encoded>
			<wfw:commentRss>http://hfour.jp/2010/08/avenir-typeface-genealogical-study/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Glitch video experiment: datamoshing + poledance.</title>
		<link>http://hfour.jp/2010/07/datamoshing1/</link>
		<comments>http://hfour.jp/2010/07/datamoshing1/#comments</comments>
		<pubDate>Sat, 10 Jul 2010 18:07:01 +0000</pubDate>
		<dc:creator>hfour</dc:creator>
				<category><![CDATA[Digital Media]]></category>
		<category><![CDATA[Experimental]]></category>
		<category><![CDATA[Stuart]]></category>
		<category><![CDATA[datamosh]]></category>
		<category><![CDATA[datamoshing]]></category>
		<category><![CDATA[experiments]]></category>
		<category><![CDATA[glitch]]></category>
		<category><![CDATA[poledance]]></category>

		<guid isPermaLink="false">http://hfour.jp/?p=512</guid>
		<description><![CDATA[. I used some footage from my friend Lu&#8217;s poledance show last year in Tokyo to experiment with datamoshing. I did it the hard way, by encoding each segment with only a first i-frame (keyframe), and then proceeded to remove them too with a different piece of software. I learned about some technicalities of encoding]]></description>
			<content:encoded><![CDATA[<p><span style="color: #ffffff;">.</span></p>
<p style="text-align: justify;">I used some footage from my friend Lu&#8217;s poledance show last year in Tokyo to experiment with datamoshing.  I did it the hard way, by encoding each segment with only a first i-frame (keyframe), and then proceeded to remove them too with a different piece of software.  I learned about some technicalities of encoding with h264 and avi file formats, which may end up being useful some time in the future.</p>
<p style="text-align: justify;">The way video is compressed for some web formats, there can be graphical errors when skipping through the timeline, due to the infrequency of key frames, or video frames which consist of complete graphical image information.  The subsequent (inbetween) frames contain information related to the movements and changes of graphical information.  To put it as simply as possible, there is a picture followed by information about how to move specific part of the picture, another picture, and then more movement information. When the graphic image frames are discarded, the inbetween frames continue to move and change inaccurate information, leading to an interesting result.</p>
<p><span style="color: #ffffff;">.</span><br />
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="600" height="338" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=13230844&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="600" height="338" src="http://vimeo.com/moogaloop.swf?clip_id=13230844&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object><br />
<span style="color: #ffffff;">.</span></p>
<p>All the software for osx can be found (for free too) at: h<a title="zip file format" href="ttp://www.court13.com/datamoshkit.zip" onclick="javascript:pageTracker._trackPageview('/outbound/article/www.court13.com');" target="_blank">ttp://www.court13.com/datamoshkit.zip </a></p>
<p>Thanks to the datamosher tutorial vids:  <a title="on Youtube." href="http://www.youtube.com/watch?v=tYytVzbPky8" onclick="javascript:pageTracker._trackPageview('/outbound/article/www.youtube.com');" target="_blank">http://www.youtube.com/watch?v=tYytVzbPky8</a> Apparently there&#8217;s an easy way, an now that I &#8216;understand the principle, I&#8217;ll try it in AfterEffects.</p>
]]></content:encoded>
			<wfw:commentRss>http://hfour.jp/2010/07/datamoshing1/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Underwater Filming</title>
		<link>http://hfour.jp/2010/06/underwater-filming/</link>
		<comments>http://hfour.jp/2010/06/underwater-filming/#comments</comments>
		<pubDate>Tue, 22 Jun 2010 15:49:34 +0000</pubDate>
		<dc:creator>hfour</dc:creator>
				<category><![CDATA[Experimental]]></category>
		<category><![CDATA[Stuart]]></category>
		<category><![CDATA[experiments]]></category>
		<category><![CDATA[underwater]]></category>
		<category><![CDATA[video]]></category>

		<guid isPermaLink="false">http://hfour.jp/?p=326</guid>
		<description><![CDATA[. I shot some underwater video for a student project which will be released shortly. Here are some pointers for filming underwater video more successfully for the unexperienced. 1. Weight your camera so it is neutrally buoyant when filming underwater.  If the case makes the camera float, holding a steady shot underwater is much more]]></description>
			<content:encoded><![CDATA[<p><span style="color: #ffffff;">.</span></p>
<p style="text-align: justify;">I shot some underwater video for a student project which will be released shortly.</p>
<p style="text-align: justify;">Here are some pointers for filming underwater video more successfully for the unexperienced.</p>
<p style="text-align: justify;">1. Weight your camera so it is neutrally buoyant when filming underwater.  If the case makes the camera float, holding a steady shot underwater is much more difficult.</p>
<p style="text-align: justify;">2. Wear swim fins for mobility.  I didn&#8217;t do this the first time around.  I&#8217;ll definitely do it next time.</p>
<p style="text-align: justify;">3. Larger goggles are better than smaller goggles for visibility.</p>
<p style="text-align: justify;">4. A weight belt would also be helpful, to keep your own body neutrally buoyant.  Just make sure that you can swim well enough.</p>

<a href='http://hfour.jp/2010/06/underwater-filming/picture-141/' title='picture-141'><img width="100" height="100" src="http://hfour.jp/wp-content/uploads/2010/06/picture-141-100x100.jpg" class="attachment-thumbnail" alt="picture-141" title="picture-141" /></a>
<a href='http://hfour.jp/2010/06/underwater-filming/picture-61/' title='picture-61'><img width="100" height="100" src="http://hfour.jp/wp-content/uploads/2010/06/picture-61-100x100.jpg" class="attachment-thumbnail" alt="picture-61" title="picture-61" /></a>
<a href='http://hfour.jp/2010/06/underwater-filming/picture-71/' title='picture-71'><img width="100" height="100" src="http://hfour.jp/wp-content/uploads/2010/06/picture-71-100x100.jpg" class="attachment-thumbnail" alt="picture-71" title="picture-71" /></a>
<a href='http://hfour.jp/2010/06/underwater-filming/picture-101/' title='picture-101'><img width="100" height="100" src="http://hfour.jp/wp-content/uploads/2010/06/picture-101-100x100.jpg" class="attachment-thumbnail" alt="picture-101" title="picture-101" /></a>

<p><span style="color: #ffffff;">.</span></p>
]]></content:encoded>
			<wfw:commentRss>http://hfour.jp/2010/06/underwater-filming/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

