<?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>All Blog Posts &#187; Benny</title>
	<atom:link href="http://www.kalosinteractive.com/blog/author/benny/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.kalosinteractive.com/blog</link>
	<description>Interactive Design &#124; Art Direction &#124; Branding</description>
	<lastBuildDate>Wed, 26 Oct 2011 08:39:27 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Lynnel Art to Form</title>
		<link>http://www.kalosinteractive.com/blog/2009/12/lynnel-art-to-form/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=lynnel-art-to-form</link>
		<comments>http://www.kalosinteractive.com/blog/2009/12/lynnel-art-to-form/#comments</comments>
		<pubDate>Thu, 17 Dec 2009 00:29:38 +0000</pubDate>
		<dc:creator>Benny</dc:creator>
				<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Projects]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Interactive Design]]></category>
		<category><![CDATA[LYNNEL Art to Form]]></category>

		<guid isPermaLink="false">http://www.kalosinteractive.com/blog/?p=137</guid>
		<description><![CDATA[Formerly Art Partitions, LYNNEL Art to Form is striving to revise and expand the ways in which original artwork can be used in commercial and residential settings.  Their process employs digital technology to enhance and transfer artistic compositions to glass, acrylic, fabric, metal, and wall coverings for use in a wide range of environments. In the [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;"><a href="http://www.kalosinteractive.com/blog/wp-content/uploads/2009/12/lynnel_blog.jpg" rel="wp-prettyPhoto[g137]"><img class="alignnone size-full wp-image-2291" title="lynnel_blog" src="http://www.kalosinteractive.com/blog/wp-content/uploads/2009/12/lynnel_blog.jpg" alt="" width="600" height="318" /></a></p>
<p style="text-align: justify;">Formerly Art Partitions, <strong>LYNNEL</strong> Art to Form is striving to revise and expand the ways in which original artwork can be used in commercial and residential settings.  Their process employs digital technology to enhance and transfer artistic compositions to glass, acrylic, fabric, metal, and wall coverings for use in a wide range of environments.</p>
<p style="text-align: justify;">In the original meetings to discuss the design and interface that would become the site, words like &#8220;architectural&#8221; and &#8220;minimal&#8221; were used very often, but in the context of separate disciplines. The website had to function as something of a unique entity, given that <strong>LYNNEL</strong> Art to Form crosses several bridges between the fine art world and the realm of architectural design and interiors. Should the site function like a portfolio of an artist, with pure imagery and an emphasis on the singularity of each piece? Or should it look like a site fashioned for prospective clients, often architects and interior designers, who are shopping for commercial design and fabrication services? The answer was it had to be both. <strong>LYNNEL</strong> Art to Form is a unique hybrid of both worlds, manifested by the collaborations of a hands-on artist and a Wacom-wielding designer, and completed by an engineering/business savant that turns abstract ideas into concrete reality. The resulting site design is deceivingly simple; it is an architectural-feeling layout with minimal text that emphasizes the company&#8217;s unique identity and showcases on a large scale the organic and abstract original artworks, both in it&#8217;s intellectual form and as a physical installation.</p>
<p style="text-align: justify;">The final website is a smashing success, and even has an unintentional albeit very fitting meditative quality to it. The clean layout and ethereal art images presented with tasteful fading transitions (achieved with the fine Flash techniques of Mr. Steve) are curiously mood altering. Enjoy the experience!</p>
<p style="text-align: justify;"><strong>view project</strong> : : <a title="Lynnel Art to Form" href="http://www.lynnel.com/" target="_blank">lynnel.com</a></p>
<p style="text-align: justify;">
<div class="ngg-galleryoverview" id="ngg-gallery-7-137">


	
	<!-- Thumbnails -->
		
	<div id="ngg-image-103" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.kalosinteractive.com/blog/wp-content/gallery/lynnel/c1-spawindows2.jpg" title="Installations &gt; Spa Windows" rel="wp-prettyPhoto[set_7]">
								<img title="Spa Windows" alt="Spa Windows" src="http://www.kalosinteractive.com/blog/wp-content/gallery/lynnel/thumbs/thumbs_c1-spawindows2.jpg" width="177" height="177" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-104" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.kalosinteractive.com/blog/wp-content/gallery/lynnel/c9-receptiondesk.jpg" title="Installations &gt; Reception Desk" rel="wp-prettyPhoto[set_7]">
								<img title="Reception Desk" alt="Reception Desk" src="http://www.kalosinteractive.com/blog/wp-content/gallery/lynnel/thumbs/thumbs_c9-receptiondesk.jpg" width="177" height="177" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-106" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.kalosinteractive.com/blog/wp-content/gallery/lynnel/r3-glassbacksplash.jpg" title="Installations &gt; Glass Backsplash" rel="wp-prettyPhoto[set_7]">
								<img title="Glass Backsplash" alt="Glass Backsplash" src="http://www.kalosinteractive.com/blog/wp-content/gallery/lynnel/thumbs/thumbs_r3-glassbacksplash.jpg" width="177" height="177" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-99" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.kalosinteractive.com/blog/wp-content/gallery/lynnel/36-bloomingslumber2.jpg" title="Art &gt; Blooming Slumber" rel="wp-prettyPhoto[set_7]">
								<img title="Blooming Slumber" alt="Blooming Slumber" src="http://www.kalosinteractive.com/blog/wp-content/gallery/lynnel/thumbs/thumbs_36-bloomingslumber2.jpg" width="177" height="177" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-97" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.kalosinteractive.com/blog/wp-content/gallery/lynnel/11-eggyolktriptych.jpg" title="Art &gt; Egg Yolk Triptych" rel="wp-prettyPhoto[set_7]">
								<img title="Egg Yolk Triptych" alt="Egg Yolk Triptych" src="http://www.kalosinteractive.com/blog/wp-content/gallery/lynnel/thumbs/thumbs_11-eggyolktriptych.jpg" width="177" height="177" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-98" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.kalosinteractive.com/blog/wp-content/gallery/lynnel/23-stanza.jpg" title="Art &gt; Stanza" rel="wp-prettyPhoto[set_7]">
								<img title="Stanza" alt="Stanza" src="http://www.kalosinteractive.com/blog/wp-content/gallery/lynnel/thumbs/thumbs_23-stanza.jpg" width="177" height="177" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-101" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.kalosinteractive.com/blog/wp-content/gallery/lynnel/4-naturallace.jpg" title="Color &amp; Texture &gt; Naturallace" rel="wp-prettyPhoto[set_7]">
								<img title="Naturallace" alt="Naturallace" src="http://www.kalosinteractive.com/blog/wp-content/gallery/lynnel/thumbs/thumbs_4-naturallace.jpg" width="177" height="177" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-100" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.kalosinteractive.com/blog/wp-content/gallery/lynnel/37-giotto.jpg" title="Color &amp; Texture &gt; Giotto" rel="wp-prettyPhoto[set_7]">
								<img title="Giotto" alt="Giotto" src="http://www.kalosinteractive.com/blog/wp-content/gallery/lynnel/thumbs/thumbs_37-giotto.jpg" width="177" height="177" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-102" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.kalosinteractive.com/blog/wp-content/gallery/lynnel/6-exy.jpg" title="Color &amp; Texture &gt; EXY" rel="wp-prettyPhoto[set_7]">
								<img title="EXY" alt="EXY" src="http://www.kalosinteractive.com/blog/wp-content/gallery/lynnel/thumbs/thumbs_6-exy.jpg" width="177" height="177" />
							</a>
		</div>
	</div>
	
		
 	 	
	<!-- Pagination -->
 	<div class='ngg-clear'></div>
 	
</div>

</p>
]]></content:encoded>
			<wfw:commentRss>http://www.kalosinteractive.com/blog/2009/12/lynnel-art-to-form/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Lure Lounge</title>
		<link>http://www.kalosinteractive.com/blog/2009/11/the-lure-lounge/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=the-lure-lounge</link>
		<comments>http://www.kalosinteractive.com/blog/2009/11/the-lure-lounge/#comments</comments>
		<pubDate>Sun, 01 Nov 2009 12:11:41 +0000</pubDate>
		<dc:creator>Benny</dc:creator>
				<category><![CDATA[Projects]]></category>
		<category><![CDATA[Interactive Design]]></category>
		<category><![CDATA[Lure Lounge]]></category>

		<guid isPermaLink="false">http://www.kalosinteractive.com/blog/?p=97</guid>
		<description><![CDATA[Jayson Marrs and Jetmir Zymeri, owners of the chic Denver LoDo lounge The Lure, approached me (Benny Yarnell) about designing a website that would capture the feel, the atmosphere&#8230; if not the very ethos of their establishment. Crucial details that defined their space involved ground breaking lighting technology, furnishings custom-constructed of colorado-specific materials and textiles, [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;"><a href="http://www.kalosinteractive.com/blog/wp-content/uploads/2009/11/lure.jpg" rel="wp-prettyPhoto[g97]"><img class="alignnone size-full wp-image-2299" title="lure" src="http://www.kalosinteractive.com/blog/wp-content/uploads/2009/11/lure.jpg" alt="" width="600" height="318" /></a></p>
<p style="text-align: justify;">Jayson Marrs and Jetmir Zymeri, owners of the chic Denver LoDo lounge The Lure, approached me (<strong>Benny Yarnell</strong>) about designing a website that would capture the feel, the atmosphere&#8230; if not the very ethos of their establishment. Crucial details that defined their space involved ground breaking lighting technology, furnishings custom-constructed of colorado-specific materials and textiles, and the aim for a specific sense of fashion, attitude, and lifestyle. The space is distinctly long and narrow, and most of the action takes place along one wall running the length of the building. Being a regular patron along with mutual friends of Jayson and Jetmir, I was very familiar with the aforementioned fashion, attitude and lifestyle the guys were targeting. I felt I was the right guy for the job, but capturing all those details in a compelling site that would rock Denver&#8217;s nightlife scene is a tall order, no matter how you look at it.</p>
<p style="text-align: justify;">The idea to create a faux-3D interactive site that essentially recreates the space virtually using only 2D photographs came to me out of the blue at about 2:00AM. It seemed obvious to perhaps photograph all the interior details of the space with creative angles, throw in a few shots of the typical Lure crowd, and create a nice little flash movie atop a minimal, basic layout&#8230; but having just completed the Littleton Cyclery site, which uses a similar faux-3D interactive concept, and realizing the long, narrowness of the space&#8230; well, I had somewhat of an epiphany, and my mind was set.</p>
<p style="text-align: justify;">I thought of the site like a widescreen movie, with a side-sweep tracking shot. But to achieve this effect with still photography, and to extract the layers of people and chairs and other elements that create the 3D effect, I essentially had to do three separate photoshoots. The main shoot of the bar interior was the most challenging, and the final photo you see in the site is actually a comp of approximately 40 photos; I did long exposures of the interior on a tripod and repeated this over and over again, taking one step sideways with the camera per shot. This was necessary as the space was too narrow for me to get enough distance from the wall, and being that close to the subject means the lens will create a fishbowl effect. Only a very narrow strip of each photo, which had the least distortion, was usable.</p>
<p style="text-align: justify;">The second shoot was to retrace my steps, but to populate the scene with people and chairs. The third shoot was actually shot in a studio, where I had additional models to fill in spots that seemed too vacant in the previous shoots. The subsequent photoshop sessions were brutal, and there was much digital painting and manipulating to extract layers for depth. But with a hefty .psd file ready for Flash, Steve took the reigns and made the whole grand concept and all of it&#8217;s maddening parts sing in harmony.</p>
<p style="text-align: justify;"><strong>view project</strong> : : <a href="http://www.kalosinteractive.com/lure/" target="_blank">the lure lounge</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.kalosinteractive.com/blog/2009/11/the-lure-lounge/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Littleton Cyclery</title>
		<link>http://www.kalosinteractive.com/blog/2009/08/littleton-cyclery/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=littleton-cyclery</link>
		<comments>http://www.kalosinteractive.com/blog/2009/08/littleton-cyclery/#comments</comments>
		<pubDate>Thu, 20 Aug 2009 11:54:19 +0000</pubDate>
		<dc:creator>Benny</dc:creator>
				<category><![CDATA[Projects]]></category>
		<category><![CDATA[Identity]]></category>
		<category><![CDATA[Interactive]]></category>
		<category><![CDATA[Littleton Cyclery]]></category>
		<category><![CDATA[Photoshop]]></category>

		<guid isPermaLink="false">http://www.kalosinteractive.com/blog/?p=257</guid>
		<description><![CDATA[How does one take roughly 30 different stock photos, a few original photos, and a specific communicative theme and make them all work harmoniously to manifest a singular, uniform scene? The short answer is lots of digital painting, lot&#8217;s of isolating, lots of levels, and lots and lots of layers. The long answer, however, has [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;"><a href="http://www.kalosinteractive.com/blog/wp-content/uploads/2009/08/lc_old.jpg" rel="wp-prettyPhoto[g257]"><img class="alignnone size-full wp-image-2317" title="lc_old" src="http://www.kalosinteractive.com/blog/wp-content/uploads/2009/08/lc_old.jpg" alt="" width="600" height="318" /></a></p>
<p style="text-align: justify;">How does one take roughly 30 different stock photos, a few original photos, and a specific communicative theme and make them all work harmoniously to manifest a singular, uniform scene? The short answer is lots of digital painting, lot&#8217;s of isolating, lots of levels, and lots and lots of layers. The long answer, however, has more to do with principles of classic art composition and some background in visual storytelling techniques. Let&#8217;s dissect a little and dive in.</p>
<p style="text-align: justify;">Scrolling from left to right, observe the overall feel and color scheme. On the extreme left, we see mountain bikers in a rugged, dry setting with dirt-trail colors and tones. Scrolling right, the scene progressively becomes green and blue, and very lush, crisp and clean. Perhaps this was inspired by my experiences on the saddle of both cycling disciplines. Even merely analyzing the tire of my mountain bike, my instinct was to imagine red clay and rough terrain, as mimicked by the rugged plateaus and steep angles of the appropriately outfitted tire. On the road bike, the tire is clean and streamlined. This is not only in the sense of the tire being smooth and narrow, it also has a sense of being a far more expansive and fluent ellipse. Such features remind me of the fluid curves of a winding paved road and the sleek appearance of a landscape filled with pointed greenery. This overall transition in color palette is also a transition in tactile response and in mood. On a side note, I&#8217;d like to point out that I have ridden my mountain bike on clean pavement surrounded by greenery many times. But whenever I have, I always felt a little out of place. And I&#8217;ve ridden a road bike on mountain trails&#8230; but that was called Cyclocross, and that is just all-around crazy on too many levels. Never mind feeling out of place there. That&#8217;s the whole idea of the sport.</p>
<p style="text-align: justify;">Having established a visual story, some key elements were needed to identify the primary topics of the site. Click on the mountain bikers and you are directed to the mountain biking section of the site. Click on the information sign and you are directed to information about Littleton Cyclery. Click on the attractive woman wearing noticeable gear in the foreground and you are in the gear and accessories section. the concept applies to all clickable objects. It appears at a glance that these objects all tie in to the scene rather seamlessly, but each of thee objects come from very different source materials. Different photographers, different lighting, different colors, even different grain patterns. To get everything to sing one song, some real Photoshop finesse is needed. This is where a background in classical art technique becomes necessary. The single most unifying features of each object in the cohesive whole is the contrast, saturation, and grain pattern. The overall scene is rather rich in color. Shading has a short gamut, with the darkest shading being a strong, abrupt black. This is all the result of modifying and exaggerating the values of each object to the point where they all appear to have similar shading and contrast. It is not photo-real, but it ties everything together. The final touch is to run each and every graphic component through a very minor grain filter. The intensity of the grain should be as minimal as possible, but done to the point where everything is consistent.</p>
<p style="text-align: justify;">There are many more steps and calculations involved in creating a complex, faux-3D interface like this. But the key factors are the same as with any compelling image. A still image should create movement with it&#8217;s composition. And a composition should be defined by the story it wishes to tell. From conceptualization to Photoshop to Flash implementation, those principles were the guiding authority on every decision.</p>
<p style="text-align: justify;"><strong>view project</strong> : : <a href="http://kalosinteractive.com/lc_v01/" target="_blank">Littleton Cyclery Version 01</a></p>
<p style="text-align: justify;">
]]></content:encoded>
			<wfw:commentRss>http://www.kalosinteractive.com/blog/2009/08/littleton-cyclery/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

