http://work.matthanns.com Matt Hanns Schroeter Thu, 17 Jun 2010 03:38:37 +0000 http://work.matthanns.com en http://work.matthanns.com/405476/Ornamental http://work.matthanns.com/405476/Ornamental Thu, 17 Jun 2010 03:38:37 +0000 Matt Hanns Schroeter 405476 <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/8169/405476/ornamental-01.png" border="0" width="670" height="517" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/8169/405476/ornamental-03.png" border="0" width="670" height="517" align="left" /> Previous&nbsp;/&nbsp;Next image&nbsp;1 of 2 Grids have been the primary way to think of layouts in graphics. What if there were new ways of organizing visual elements, to serve as the base for new interfaces? I started to develop a new abstract layout system with shapes that aren't typical. When brought together by their form and color in groups, they take on an organic shape. This is an on-going collection of digital illustration pieces, meant as a first step to thinking about how the future of digital interaction might take shape. http://work.matthanns.com/405476/Ornamental http://work.matthanns.com/454198/Tire-l-Esprit-Du-Cachot http://work.matthanns.com/454198/Tire-l-Esprit-Du-Cachot Wed, 16 Jun 2010 04:56:02 +0000 Matt Hanns Schroeter 454198 <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/8169/454198/cestprison-1.jpg" border="0" width="670" height="445" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/8169/454198/cestprison-2.jpg" border="0" width="670" height="445" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/8169/454198/cestprison-3.jpg" border="0" width="670" height="445" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/8169/454198/cestprison-4.jpg" border="0" width="670" height="445" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/8169/454198/cestprison-5.jpg" border="0" width="670" height="445" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/8169/454198/cestprison-6.jpg" border="0" width="670" height="445" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/8169/454198/cestprison-7.jpg" border="0" width="670" height="445" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/8169/454198/cestprison-8.jpg" border="0" width="670" height="445" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/8169/454198/cestprison-9.jpg" border="0" width="670" height="445" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/8169/454198/cestprison-10.jpg" border="0" width="670" height="445" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/8169/454198/cestprison-11.jpg" border="0" width="670" height="445" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/8169/454198/cestprison-12.jpg" border="0" width="670" height="445" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/8169/454198/cestprison-13.jpg" border="0" width="670" height="445" align="left" /> {image 14}<img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/8169/454198/cestprison-15.jpg" border="0" width="670" height="445" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/8169/454198/cestprison-16.jpg" border="0" width="670" height="445" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/8169/454198/cestprison-17.jpg" border="0" width="670" height="445" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/8169/454198/cestprison-18.jpg" border="0" width="670" height="445" align="left" /> {image 19}<img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/8169/454198/cestprison-20.jpg" border="0" width="670" height="445" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/8169/454198/cestprison-21.jpg" border="0" width="670" height="445" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/8169/454198/cestprison-22.jpg" border="0" width="670" height="445" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/8169/454198/cestprison-23.jpg" border="0" width="670" height="445" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/8169/454198/cestprison-24.jpg" border="0" width="670" height="445" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/8169/454198/cestprison-25.jpg" border="0" width="670" height="445" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/8169/454198/cestprison-26.jpg" border="0" width="670" height="445" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/8169/454198/cestprison-27.jpg" border="0" width="670" height="445" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/8169/454198/cestprison-28.jpg" border="0" width="670" height="445" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/8169/454198/cestprison-29.jpg" border="0" width="670" height="445" align="left" /> {image 30}<img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/8169/454198/cestprison-31.jpg" border="0" width="670" height="445" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/8169/454198/cestprison-32.jpg" border="0" width="670" height="445" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/8169/454198/cestprison-33.jpg" border="0" width="670" height="445" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/8169/454198/cestprison-34.jpg" border="0" width="670" height="445" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/8169/454198/cestprison-35.jpg" border="0" width="670" height="445" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/8169/454198/cestprison-36.jpg" border="0" width="670" height="445" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/8169/454198/cestprison-37.jpg" border="0" width="670" height="445" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/8169/454198/cestprison-38.jpg" border="0" width="670" height="445" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/8169/454198/cestprison-39.jpg" border="0" width="670" height="445" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/8169/454198/cestprison-40.jpg" border="0" width="670" height="445" align="left" /> {image 41}<img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/8169/454198/cestprison-42.jpg" border="0" width="670" height="445" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/8169/454198/cestprison-43.jpg" border="0" width="670" height="445" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/8169/454198/cestprison-44.jpg" border="0" width="670" height="445" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/8169/454198/cestprison-45.jpg" border="0" width="670" height="445" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/8169/454198/cestprison-46.jpg" border="0" width="670" height="445" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/8169/454198/cestprison-47.jpg" border="0" width="670" height="445" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/8169/454198/cestprison-48.jpg" border="0" width="670" height="445" align="left" /> Previous&nbsp;/&nbsp;Next image&nbsp;1 of 48 In the summer of 2006, I travelled to Montréal with a camera and produced a series of street portraits of various individuals. Each photograph was taken candidly, without preparation or staging. The title "Tire l'esprit du cachot," or "pull the mind from the prison cell," was taken from "The Internationale" written by Eugene Pottier. Each photo is an interpretation on this line, exploring the relationship of space and the individual. http://work.matthanns.com/454198/Tire-l-Esprit-Du-Cachot http://work.matthanns.com/85028/Smeared-Black-Ink http://work.matthanns.com/85028/Smeared-Black-Ink Wed, 09 Jun 2010 09:37:54 +0000 Matt Hanns Schroeter 85028 2006 . Book Design . 6x4 inches . Grayscale<img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/8169/85028/1.jpg" border="0" width="670" height="446" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/8169/85028/2.jpg" border="0" width="670" height="446" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/8169/85028/3.jpg" border="0" width="670" height="446" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/8169/85028/4.jpg" border="0" width="670" height="446" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/8169/85028/5.jpg" border="0" width="670" height="446" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/8169/85028/6.jpg" border="0" width="670" height="446" align="left" /> Previous&nbsp;/&nbsp;Next image&nbsp;1 of 6 A graphic design course project, exploring the use of typography to express the song 'Smeared Black Ink' by The Postal Service. http://work.matthanns.com/85028/Smeared-Black-Ink http://work.matthanns.com/322174/Anatomy-of-a-Line http://work.matthanns.com/322174/Anatomy-of-a-Line Wed, 09 Jun 2010 09:37:53 +0000 Matt Hanns Schroeter 322174 2008 . Digital Illustration . 11x17 inches . Color<img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/8169/322174/IMG_5262_1.jpg" border="0" width="670" height="502" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/8169/322174/IMG_5265.jpg" border="0" width="670" height="502" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/8169/322174/IMG_5266.jpg" border="0" width="670" height="502" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/8169/322174/IMG_5268.jpg" border="0" width="670" height="502" align="left" /> Previous&nbsp;/&nbsp;Next image&nbsp;1 of 4 I used the simple graphical structure of a line to abstract the common artist representation of anatomy. A series or pattern of lines, when arranged in a certain way, can give an impression of muscles or nerves. I used my training in drawing to first make a figure completely of lines that represented human anatomy, then traced the drawing digitally. The result is a comment of how digital technology is affecting our physical selves. http://work.matthanns.com/322174/Anatomy-of-a-Line http://work.matthanns.com/77887/Mordant http://work.matthanns.com/77887/Mordant Wed, 09 Jun 2010 09:37:52 +0000 Matt Hanns Schroeter 77887 2008 . Interactive Photo-Story<img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/8169/77887/mordant_macpro.jpg" border="0" width="670" height="419" align="left" /> }<img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/8169/77887/4_dsc8772.jpg" border="0" width="670" height="445" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/8169/77887/4_dsc8835.jpg" border="0" width="670" height="445" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/8169/77887/4_dsc8878.jpg" border="0" width="670" height="445" align="left" /> {image 4<img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/8169/77887/4_dsc9046.jpg" border="0" width="670" height="445" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/8169/77887/4_dsc9067.jpg" border="0" width="670" height="445" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/8169/77887/4_dsc9510.jpg" border="0" width="670" height="445" align="left" /> Previous&nbsp;/&nbsp;Next image&nbsp;1 of 8 Mordant is an interactive team project I completed in my first semester of my Master's Degree. I directed and produced the photographical elements to visualize the project's story about a painter coping with relationships, drug use, and their consequences. See it in action. http://work.matthanns.com/77887/Mordant http://work.matthanns.com/321845/Fluxus http://work.matthanns.com/321845/Fluxus Wed, 09 Jun 2010 09:37:51 +0000 Matt Hanns Schroeter 321845 2008 . Digital Interactive Design<img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/8169/321845/fluxus_macpro.jpg" border="0" width="670" height="419" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/8169/321845/DSC_0196.jpg" border="0" width="670" height="445" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/8169/321845/DSC_0206.jpg" border="0" width="670" height="445" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/8169/321845/Picture 3.png" border="0" width="670" height="623" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/8169/321845/quad.png" border="0" width="608" height="608" align="left" /> Previous&nbsp;/&nbsp;Next image&nbsp;1 of 5 Fluxus was a team project completed during my Master's Degree study over a 3-week time period. We took the now common form of communication based on networked text chat, and visualized words and sentences through abstract shapes in a 3D environment controlled by Processing. We were able to give a certain tangibility to messages sent through a digital medium, as well as the ability to make a visual art piece out of a conversation. Fluxus was exhibited in 2009 at Midforms, a digital culture festival. http://work.matthanns.com/321845/Fluxus http://work.matthanns.com/77522/Nerves http://work.matthanns.com/77522/Nerves Wed, 09 Jun 2010 09:27:20 +0000 Matt Hanns Schroeter 77522 2009 . Interactive Digital Art Nerves is a digital art piece that was exhibited at Skrol, a digital art show in Vancouver, BC. Using a touchscreen, people were able to create central forms of 'neurons,' which I programmed to make chains of intersecting branches. People were also able to modify the density of the branches, which alter how 'neurons' are connected. Nerves actively visualizes the sense that digital technology is an extension of us, while inviting people to question the evolutionary nature of digital connectivity. The video above is a slightly sped up screen capture of a person's real-time interaction with the piece. This project was developed with Processing. http://work.matthanns.com/77522/Nerves http://work.matthanns.com/205704/Nebula http://work.matthanns.com/205704/Nebula Wed, 09 Jun 2010 09:20:25 +0000 Matt Hanns Schroeter 205704 2009 . Interactive Digital Art As a self-initiated piece that came out of learning the Processing programming platform, Nebula was initially a prototype for the graphics in another project, Fluxus. After some further development, Nebula combines the use of organic movement with simple 3D shapes, arranged in an array that gives order to the chaos. http://work.matthanns.com/205704/Nebula http://work.matthanns.com/77601/Love-Song-Two http://work.matthanns.com/77601/Love-Song-Two Wed, 09 Jun 2010 09:08:57 +0000 Matt Hanns Schroeter 77601 2009 . Short Film . Running Time: 8:30 I was the Director and Cinematographer of Love Song Two, the counterpart film to Love Song One, both of which I created with Mark Freeman as part of an innovative concept in how we create and watch movies. Each film used the same characters while following a nearly identical script, to bridge the films' narratives amidst their differences in style. http://work.matthanns.com/77601/Love-Song-Two http://work.matthanns.com/322146/Gears http://work.matthanns.com/322146/Gears Wed, 09 Jun 2010 09:02:53 +0000 Matt Hanns Schroeter 322146 2010 . Poster Design . 11x17 inches . Color <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/8169/322146/IMG_5260.jpg" border="0" width="670" height="502" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/8169/322146/IMG_5261.jpg" border="0" width="670" height="502" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/8169/322146/IMG_5263.jpg" border="0" width="670" height="502" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/8169/322146/IMG_5270.jpg" border="0" width="670" height="502" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/8169/322146/IMG_5271.jpg" border="0" width="670" height="502" align="left" /> Previous&nbsp;/&nbsp;Next image&nbsp;1 of 5 I like to explore the process of transferring physical media into digital form. This is a design that was originally hand drawn, then traced and evolved in Illustrator. The result is three eye-catching geometric forms that exemplify the possibilities of digital manipulation. http://work.matthanns.com/322146/Gears