<?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; motion design</title>
	<atom:link href="http://hfour.jp/tag/motion-design/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>Music Synchrotron</title>
		<link>http://hfour.jp/2011/07/music-synchrotron/</link>
		<comments>http://hfour.jp/2011/07/music-synchrotron/#comments</comments>
		<pubDate>Tue, 12 Jul 2011 18:31:16 +0000</pubDate>
		<dc:creator>hfour</dc:creator>
				<category><![CDATA[Digital Media]]></category>
		<category><![CDATA[Events]]></category>
		<category><![CDATA[Experimental]]></category>
		<category><![CDATA[Stuart]]></category>
		<category><![CDATA[audiovisual]]></category>
		<category><![CDATA[motion design]]></category>
		<category><![CDATA[music]]></category>
		<category><![CDATA[vjing]]></category>

		<guid isPermaLink="false">http://hfour.jp/?p=786</guid>
		<description><![CDATA[I joined a band last year as the visual designer. The band, Drugzndreamz was interested in creating an audiovisual experience beyond just being a band that made music. Located in Vancouver, Canada, the band was formed in 2008 within the burgeoning Canadian bass-driven ‘beat’ scene that also produced Bassnectar, ThunderHeist, Crystal Castles, DeadMau5 and MSTRKRFT.]]></description>
			<content:encoded><![CDATA[<div id="_mcePaste" style="text-align: justify;">I joined a band last year as the visual designer.</div>
<div style="text-align: justify;"></div>
<div id="_mcePaste" style="text-align: justify;">The band, Drugzndreamz was interested in creating an audiovisual experience beyond just being a band that made music. Located in Vancouver, Canada, the band was formed in 2008 within the burgeoning Canadian bass-driven ‘beat’ scene that also produced Bassnectar, ThunderHeist, Crystal Castles, DeadMau5 and MSTRKRFT.</div>
<div id="_mcePaste" style="text-align: justify;">We played a few shows and I adapted some pre-existing content in my VJ repertoire to fit the stage show. It wowed the crowd, but we kept discussing the &#8216;next level&#8217;.</div>
<div style="text-align: justify;"></div>
<div id="_mcePaste" style="text-align: justify;">I had the opportunity at VFS&#8217; digital design program to create a design and branding package for the band.</div>
<div id="_mcePaste" style="text-align: justify;">We started with the story of the album, the stories of each song, and constructed thematic graphics to match.</div>
<div id="_mcePaste" style="text-align: justify;">In addition to the audiovisual aspects of this project, I reworked the wordmark, created a logo, composed a style guide and assembled a library of static work for future use in motion graphic loops.</div>
<div style="text-align: justify;"></div>
<div id="_mcePaste" style="text-align: justify;">I was given specific instrument samples and time samples from each of the tracks on the album, and made visual loops which reacted to their audio, which were then linked in Modul8, the vj software, to Ableton via MIDI. This means that when a segment of music gets triggered to play, the visual media is also triggered.</div>
<div id="_mcePaste" style="text-align: justify;">Some other non-linked visual loops were also created to be reactive to the audio, and were layered under and on top of the MIDI reactive layers.</div>
<div style="text-align: justify;"></div>
<div id="_mcePaste" style="text-align: justify;">We rented a photo studio to test it all out. Here are the results.</div>
<div style="text-align: justify;"></div>
<div id="_mcePaste" style="text-align: justify;">Not being satisfied with stagnation, we&#8217;re currently working on taking this whole set of linked content on to a next level.</div>
<div style="text-align: justify;"></div>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="580" height="326" 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=26332908&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="580" height="326" src="http://vimeo.com/moogaloop.swf?clip_id=26332908&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/2011/07/music-synchrotron/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Yaletown Illuminate</title>
		<link>http://hfour.jp/2011/05/yaletown-illuminate/</link>
		<comments>http://hfour.jp/2011/05/yaletown-illuminate/#comments</comments>
		<pubDate>Sun, 08 May 2011 07:26:13 +0000</pubDate>
		<dc:creator>hfour</dc:creator>
				<category><![CDATA[Digital Media]]></category>
		<category><![CDATA[Events]]></category>
		<category><![CDATA[Exhibitions]]></category>
		<category><![CDATA[Experimental]]></category>
		<category><![CDATA[Hfour]]></category>
		<category><![CDATA[Stuart]]></category>
		<category><![CDATA[installation]]></category>
		<category><![CDATA[motion design]]></category>
		<category><![CDATA[projection mapping vancouver]]></category>

		<guid isPermaLink="false">http://hfour.jp/?p=765</guid>
		<description><![CDATA[Illuminate Yaletown is a light and projection artists’ event held each February in Vancouver, brightening the winter nights in the downtown neighbourhood. Stuart’s Yaletown Project Mapping Test #2 installation uses the emerging art form of “mapping” to transform a building into a screen, making it a light-driven moving sculpture. Recent technologies have broken the rectangular]]></description>
			<content:encoded><![CDATA[<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=20865940&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=20865940&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>
<p style="text-align: justify;">Illuminate Yaletown is a light and projection artists’ event held each February in Vancouver, brightening the winter nights in the downtown neighbourhood.</p>
<p style="text-align: justify;">Stuart’s Yaletown Project Mapping Test #2 installation uses the emerging art form of “mapping” to transform a building into a screen, making it a light-driven moving sculpture.</p>
<p style="text-align: justify;">Recent technologies have broken the rectangular barriers of media presentation formats. The limitations of 4:3 and 16:9 aspect ratios are becoming a thing of the past. The same goes for 2D screens. What if, in addition to making the content 3D, the screen was also 3D? Why even have traditional screens?</p>
<p style="text-align: justify;">Contemporary media pioneers are exploring the possibilities of video projection on alternative surfaces — primarily architecture — but also on sculpture, vehicles, and other physical objects. This, itself, is not a new art form, but the creation of visual media to harmonize with the physical shapes of a projected surface has been a recent development, originating in Europe in the past 10 years. The advances of computer processing power, as well as video projection systems, have made this art form, called “mapping”, possible.</p>
<p style="text-align: justify;">The presentation surface can now play a role in the artistic narrative of a media piece. In most cases, this means that the architectural narrative of form and space can be considered during the creative process. What ‘fits’ the aesthetic, the shape, and the story?</p>
<p style="text-align: justify;">The content being presented is not in a traditional start-to-finish linear narrative. Rather, individual pieces have been made to match the building’s shapes, and graphical imagery has been broken into themes. Using a real-time media playback system, different parts of the building’s projected imagery can be changed, creating a non-linear and manipulable narrative.<br />
I was fortunate enough to collaborate with music producers James Teej, and Marc Nyiti to create a soundtrack for the installation. The sounds are translated by video filters, in real-time, to adjust the video output, creating a synesthetic effect.</p>
<p style="text-align: justify;">But what does it all mean?<br />
I’ve got a large presentation surface for use as an artist with no corporate limitations. In addition to the visual delights and intrigues that most people come to see, is there a message I want to convey as an artist? Absolutely. Globally, we can see the problems that result when we fail to communicate or fail to listen, but we can also see evidence of the unbounded possibilities resulting from understanding and mutual respect. I want to send this message, but only if the audience wants to see it.</p>
<p style="text-align: justify;">My intention isn’t to hijack the show, but instead to have the audience embrace the experience, thereby ‘adjusting their vision’ and seeing the graphic imagery of possibility, hope, fear, truth, and freedom.</p>
<p style="text-align: justify;">I asked Digital Design Senior Instructor Casey Yee, who is an accomplished interface developer, if he was interested in building an interactive aspect to this piece. He agreed, and went on to develop an audience-controlled adjustable tuner. It can unlock some emotionally charged and inspirational content when used by an interactive viewer.</p>
<p style="text-align: justify;">Illuminate Yaletown is still in its infancy, but is in good standing to become one of Canada’s premier light installation expos. That’s why it’s so incredibly thrilling to have been able to be a part of this event. I would like to thank James Teej, Marc Nyiti, Casey Yee, Josef Chung, Mac Station, and the Yaletown Business Improvement Association for all their help and efforts.</p>
<p style="text-align: justify;">There were some great projections onto buildings throughout Yaletown, and it&#8217;s clear that there are some talented artists in Vancouver working in the field.</p>
<p style="text-align: justify;">Let&#8217;s hope we get to see a lot more projection mapping in Vancouver.</p>
<p style="text-align: justify;"><a href="http://www.vfs.edu/blog/2011/02/16/guest-post-digital-design-student-lights-up-vancouver/" onclick="javascript:pageTracker._trackPageview('/outbound/article/www.vfs.edu');">Original Post on the VFS website</a></p>
]]></content:encoded>
			<wfw:commentRss>http://hfour.jp/2011/05/yaletown-illuminate/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Kill Your Television</title>
		<link>http://hfour.jp/2011/05/kill-your-television/</link>
		<comments>http://hfour.jp/2011/05/kill-your-television/#comments</comments>
		<pubDate>Sun, 08 May 2011 07:16:36 +0000</pubDate>
		<dc:creator>hfour</dc:creator>
				<category><![CDATA[Digital Media]]></category>
		<category><![CDATA[Experimental]]></category>
		<category><![CDATA[Stuart]]></category>
		<category><![CDATA[animation]]></category>
		<category><![CDATA[motion design]]></category>
		<category><![CDATA[tv]]></category>

		<guid isPermaLink="false">http://hfour.jp/?p=761</guid>
		<description><![CDATA[A social commentary piece about big media, social control and consumerism. Watch it fullscreen to read the smaller text, please. This piece was originally presented on two screens as a one day installation. The lower screen was a television, and the upper imagery was projected onto the wall behind, much like is conveyed in the]]></description>
			<content:encoded><![CDATA[<p>A social commentary piece about big media, social control and consumerism. Watch it fullscreen to read the smaller text, please.</p>
<p><object width="600" height="480"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=22917844&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 src="http://vimeo.com/moogaloop.swf?clip_id=22917844&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" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="600" height="480"></embed></object></p>
<p>This piece was originally presented on two screens as a one day installation.  The lower screen was a television, and the upper imagery was projected onto the wall behind, much like is conveyed in the video.  The original installation was never recorded.<br />

<a href='http://hfour.jp/2011/05/kill-your-television/kyt-falling-cubes/' title='KYT-falling-cubes'><img width="100" height="100" src="http://hfour.jp/wp-content/uploads/2011/05/KYT-falling-cubes-100x100.png" class="attachment-thumbnail" alt="KYT-falling-cubes" title="KYT-falling-cubes" /></a>
<a href='http://hfour.jp/2011/05/kill-your-television/kyt-kyt/' title='KYT-kyt'><img width="100" height="100" src="http://hfour.jp/wp-content/uploads/2011/05/KYT-kyt-100x100.png" class="attachment-thumbnail" alt="KYT-kyt" title="KYT-kyt" /></a>
<a href='http://hfour.jp/2011/05/kill-your-television/kyt-lifestyle/' title='KYT-Lifestyle'><img width="100" height="100" src="http://hfour.jp/wp-content/uploads/2011/05/KYT-Lifestyle-100x100.png" class="attachment-thumbnail" alt="KYT-Lifestyle" title="KYT-Lifestyle" /></a>
<a href='http://hfour.jp/2011/05/kill-your-television/kyt-tv/' title='KYT-TV'><img width="100" height="100" src="http://hfour.jp/wp-content/uploads/2011/05/KYT-TV-100x100.png" class="attachment-thumbnail" alt="KYT-TV" title="KYT-TV" /></a>
<a href='http://hfour.jp/2011/05/kill-your-television/kyt-world-is-not/' title='KYT-world-is-not'><img width="100" height="100" src="http://hfour.jp/wp-content/uploads/2011/05/KYT-world-is-not-100x100.png" class="attachment-thumbnail" alt="KYT-world-is-not" title="KYT-world-is-not" /></a>
</p>
]]></content:encoded>
			<wfw:commentRss>http://hfour.jp/2011/05/kill-your-television/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Reel</title>
		<link>http://hfour.jp/2010/11/reel2010/</link>
		<comments>http://hfour.jp/2010/11/reel2010/#comments</comments>
		<pubDate>Thu, 18 Nov 2010 08:59:37 +0000</pubDate>
		<dc:creator>hfour</dc:creator>
				<category><![CDATA[Digital Media]]></category>
		<category><![CDATA[Hfour]]></category>
		<category><![CDATA[installations]]></category>
		<category><![CDATA[motion design]]></category>
		<category><![CDATA[reel]]></category>

		<guid isPermaLink="false">http://hfour.jp/?p=708</guid>
		<description><![CDATA[]]></description>
			<content:encoded><![CDATA[<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="600" height="443" 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=16909442&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="443" src="http://vimeo.com/moogaloop.swf?clip_id=16909442&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/11/reel2010/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Needs More Lensflare</title>
		<link>http://hfour.jp/2010/09/needs-more-lensflare/</link>
		<comments>http://hfour.jp/2010/09/needs-more-lensflare/#comments</comments>
		<pubDate>Wed, 08 Sep 2010 17:54:11 +0000</pubDate>
		<dc:creator>hfour</dc:creator>
				<category><![CDATA[Digital Media]]></category>
		<category><![CDATA[Stock]]></category>
		<category><![CDATA[animation]]></category>
		<category><![CDATA[lens flare]]></category>
		<category><![CDATA[motion design]]></category>
		<category><![CDATA[stuart ward]]></category>

		<guid isPermaLink="false">http://hfour.jp/?p=640</guid>
		<description><![CDATA[A four second long animation created with Illustrator and After Effects. This piece was intended to be for a video reel, as well as a humorous poke at the ubiquity of lens flares in motion graphics today.]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify; margin-top:30px">A four second long animation created with Illustrator and After Effects.  This piece was intended to be for a video reel, as well as a humorous poke at the ubiquity of lens flares in motion graphics today.</p>
<p style="text-align: justify;"><span style="color: #ffffff;"><br />
</span></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=14629510&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=14629510&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/09/needs-more-lensflare/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<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>Snowboard Design</title>
		<link>http://hfour.jp/2010/08/snowboard-design/</link>
		<comments>http://hfour.jp/2010/08/snowboard-design/#comments</comments>
		<pubDate>Tue, 17 Aug 2010 07:06:38 +0000</pubDate>
		<dc:creator>hfour</dc:creator>
				<category><![CDATA[Digital Media]]></category>
		<category><![CDATA[Stuart]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[gunslinger]]></category>
		<category><![CDATA[illustration]]></category>
		<category><![CDATA[motion design]]></category>
		<category><![CDATA[snowboard]]></category>
		<category><![CDATA[stuart ward]]></category>

		<guid isPermaLink="false">http://hfour.jp/?p=517</guid>
		<description><![CDATA[Mid Summer snowboard design: &#8216;Lock and Load&#8217;. The top of the board features a &#8216;bordello cowboy&#8217; motif with decorative dueling pistols, organic flourishes, and decorative wings. The bottom of the board has a rifle silhouette in gold, so when a rider has dismounted and is carrying their board it appears upon first glance that they]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;"><span style="color: #ffffff;"><br />
</span></p>
<p style="text-align: justify;"><span style="color: #ffffff;"> </span>Mid Summer snowboard design: &#8216;Lock and Load&#8217;.</p>
<p style="text-align: justify;">The top of the board features a &#8216;bordello cowboy&#8217; motif with decorative dueling pistols, organic flourishes, and decorative wings.</p>
<p style="text-align: justify;">The bottom of the board has a rifle silhouette in gold, so when a rider has dismounted and is carrying their board it appears upon first glance that they are carrying a gold gun.</p>
<p style="text-align: justify;">I wished to celebrate the gunslinger outlaw feeling which snowboarders sometimes exude.  Although a part of mainstream culture, they are somehow perceived to be on the fringes of morality and order.</p>
<p style="text-align: justify;"><a href="http://hfour.jp/wp-content/uploads/2010/08/topandbottom.jpg" ><img class="alignleft size-large wp-image-522" title="Top and Bottom" src="http://hfour.jp/wp-content/uploads/2010/08/topandbottom-1024x483.jpg" alt="The top and bottom of the snowboard design." width="614" height="290" /></a></p>
<p><a href="http://hfour.jp/wp-content/uploads/2010/08/detail.jpg" ><img class="alignleft size-large wp-image-521" title="Detail of Top Face" src="http://hfour.jp/wp-content/uploads/2010/08/detail-1024x536.jpg" alt="Snowboard Detail" width="717" height="375" /></a></p>
<p>As an added bonus to the snowboard design I posted earlier this summer, I created a very short video animation of the content of the design.</p>
<p>This very short practice video features 3D layers imported from the illustrator file, animated and viewed with a moving camera.</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=14629570&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=14629570&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/snowboard-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Blacklist Tokyo + TLC exclusive concert invitation</title>
		<link>http://hfour.jp/2010/07/blacklist-tokyo-tlc-exclusive-concert-invitation/</link>
		<comments>http://hfour.jp/2010/07/blacklist-tokyo-tlc-exclusive-concert-invitation/#comments</comments>
		<pubDate>Sat, 03 Jul 2010 02:32:51 +0000</pubDate>
		<dc:creator>hfour</dc:creator>
				<category><![CDATA[Digital Media]]></category>
		<category><![CDATA[Events]]></category>
		<category><![CDATA[Hfour]]></category>
		<category><![CDATA[Blacklist]]></category>
		<category><![CDATA[Japan]]></category>
		<category><![CDATA[motion design]]></category>
		<category><![CDATA[TLC]]></category>
		<category><![CDATA[Tokyo]]></category>

		<guid isPermaLink="false">http://hfour.jp/?p=417</guid>
		<description><![CDATA[. Just a quick text animation from the video commercial for Blacklist Tokyo&#8217;s exclusive event featuring TLC. (Yes, that band you thought was gone forever.)  Wish I could be at the event, but it didn&#8217;t work out that way.  The total commercial is 30 seconds long, but I&#8217;ve decided only to show the first few]]></description>
			<content:encoded><![CDATA[<p><span style="color: #ffffff;">.</span></p>
<p style="text-align: justify;">Just a quick text animation from the video commercial for Blacklist Tokyo&#8217;s exclusive event featuring TLC. (Yes, that band you thought was gone forever.)  Wish I could be at the event, but it didn&#8217;t work out that way.  The total commercial is 30 seconds long, but I&#8217;ve decided only to show the first few seconds.</p>
<p><span style="color: #ffffff;">.</span></p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="600" height="398" 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=13041516&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="398" src="http://vimeo.com/moogaloop.swf?clip_id=13041516&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></p>
]]></content:encoded>
			<wfw:commentRss>http://hfour.jp/2010/07/blacklist-tokyo-tlc-exclusive-concert-invitation/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

