http://www.variablemedium.com Variable Medium Tue, 03 Jan 2012 20:46:51 +0000 http://www.variablemedium.com en http://variablemedium.com/Gaikai-Composites http://variablemedium.com/following/variablemedium.com/Gaikai-Composites Tue, 03 Jan 2012 20:46:51 +0000 Variable Medium 2539676 These images were made at Gaikai. They are illustrating the ability for Gaikai to bring games to life, as well as the aspect of cloud gaming bringing your favorite characters to your preferred device. <img src="http://payload11.cargocollective.com/1/0/6104/2539676/GK_Cloud_0000_image1_853.png" border="0" width="853" height="480" width_o="853" height_o="480" src_o="http://payload11.cargocollective.com/1/0/6104/2539676/GK_Cloud_0000_image1_o.png" align="left" /> <img src="http://payload11.cargocollective.com/1/0/6104/2539676/GK_Cloud_0001_image2_853.png" border="0" width="853" height="480" width_o="853" height_o="480" src_o="http://payload11.cargocollective.com/1/0/6104/2539676/GK_Cloud_0001_image2_o.png" align="left" /> <img src="http://payload11.cargocollective.com/1/0/6104/2539676/GK_Cloud_0002_image3_853.png" border="0" width="853" height="480" width_o="853" height_o="480" src_o="http://payload11.cargocollective.com/1/0/6104/2539676/GK_Cloud_0002_image3_o.png" align="left" /> <img src="http://payload11.cargocollective.com/1/0/6104/2539676/GK_Cloud_0003_image4_853.png" border="0" width="853" height="480" width_o="853" height_o="480" src_o="http://payload11.cargocollective.com/1/0/6104/2539676/GK_Cloud_0003_image4_o.png" align="left" /> <img src="http://payload11.cargocollective.com/1/0/6104/2539676/GK_Cloud_0004_image5_853.png" border="0" width="853" height="480" width_o="853" height_o="480" src_o="http://payload11.cargocollective.com/1/0/6104/2539676/GK_Cloud_0004_image5_o.png" align="left" /> <img src="http://payload11.cargocollective.com/1/0/6104/2539676/GK_Cloud_0005_image6_853.png" border="0" width="853" height="480" width_o="853" height_o="480" src_o="http://payload11.cargocollective.com/1/0/6104/2539676/GK_Cloud_0005_image6_o.png" align="left" /> http://variablemedium.com/Anvil-Amber http://variablemedium.com/following/variablemedium.com/Anvil-Amber Thu, 08 Dec 2011 08:20:37 +0000 Variable Medium 2426665 Several beer label explorations for Jack Beer, a premium nano brew. This was a celebratory label for the first batch. The top being the final chioce. <img src="http://payload6.cargocollective.com/1/0/6104/2426665/site__0000_l1_853.png" border="0" width="853" height="600" width_o="853" height_o="600" src_o="http://payload6.cargocollective.com/1/0/6104/2426665/site__0000_l1_o.png" align="left" /> <img src="http://payload6.cargocollective.com/1/0/6104/2426665/site__0002_l3_853.png" border="0" width="853" height="600" width_o="853" height_o="600" src_o="http://payload6.cargocollective.com/1/0/6104/2426665/site__0002_l3_o.png" align="left" /> <img src="http://payload6.cargocollective.com/1/0/6104/2426665/site__0001_l2_853.png" border="0" width="853" height="600" width_o="853" height_o="600" src_o="http://payload6.cargocollective.com/1/0/6104/2426665/site__0001_l2_o.png" align="left" /> <img src="http://payload6.cargocollective.com/1/0/6104/2426665/site__0003_l4_853.png" border="0" width="853" height="600" width_o="853" height_o="600" src_o="http://payload6.cargocollective.com/1/0/6104/2426665/site__0003_l4_o.png" align="left" /> <img src="http://payload6.cargocollective.com/1/0/6104/2426665/site__0003_i6_853.png" border="0" width="853" height="480" width_o="853" height_o="480" src_o="http://payload6.cargocollective.com/1/0/6104/2426665/site__0003_i6_o.png" align="left" /> <img src="http://payload6.cargocollective.com/1/0/6104/2426665/site__0000_i7_853.png" border="0" width="853" height="480" width_o="853" height_o="480" src_o="http://payload6.cargocollective.com/1/0/6104/2426665/site__0000_i7_o.png" align="left" /> <img src="http://payload6.cargocollective.com/1/0/6104/2426665/site__0001_i8_853.png" border="0" width="853" height="480" width_o="853" height_o="480" src_o="http://payload6.cargocollective.com/1/0/6104/2426665/site__0001_i8_o.png" align="left" /> <img src="http://payload6.cargocollective.com/1/0/6104/2426665/site__0002_i9_853.png" border="0" width="853" height="480" width_o="853" height_o="480" src_o="http://payload6.cargocollective.com/1/0/6104/2426665/site__0002_i9_o.png" align="left" /> http://variablemedium.com/HULK http://variablemedium.com/following/variablemedium.com/HULK Sat, 12 Nov 2011 22:26:13 +0000 Variable Medium 2296138 Proof Concept for HULK. Designed these using a combination of Cinema 4d, After Effects and finishing them off in Photoshop. The concept is fairly straight forward, with a concentration on the gamma explosion, radiating cells, and creating the hulk. <img src="http://payload.cargocollective.com/1/0/6104/2296138/hulk1_853.png" border="0" width="853" height="480" width_o="853" height_o="480" src_o="http://payload.cargocollective.com/1/0/6104/2296138/hulk1_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/0/6104/2296138/hulk2_853.png" border="0" width="853" height="480" width_o="853" height_o="480" src_o="http://payload.cargocollective.com/1/0/6104/2296138/hulk2_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/0/6104/2296138/hulk3_853.png" border="0" width="853" height="480" width_o="853" height_o="480" src_o="http://payload.cargocollective.com/1/0/6104/2296138/hulk3_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/0/6104/2296138/hulk4_853.png" border="0" width="853" height="480" width_o="853" height_o="480" src_o="http://payload.cargocollective.com/1/0/6104/2296138/hulk4_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/0/6104/2296138/hulk5_853.png" border="0" width="853" height="480" width_o="853" height_o="480" src_o="http://payload.cargocollective.com/1/0/6104/2296138/hulk5_o.png" align="left" /> http://variablemedium.com/NURBS-NoRBS http://variablemedium.com/following/variablemedium.com/NURBS-NoRBS Sun, 23 Oct 2011 06:01:34 +0000 Variable Medium 2190071 "Development of NURBS began in the 1950s by engineers who were in need of a mathematically precise representation of freeform surfaces like those used for ship hulls, aerospace exterior surfaces, and car bodies, which could be exactly reproduced whenever technically needed. Prior representations of this kind of surface only existed as a single physical model created by a designer. The pioneers of this development were Pierre Bézier who worked as an engineer at Renault, and Paul de Casteljau who worked at Citroën, both in France. Bézier worked nearly parallel to de Casteljau, neither knowing about the work of the other. But because Bézier published the results of his work, the average computer graphics user today recognizes splines — which are represented with control points lying off the curve itself — as Bézier splines, while de Casteljau’s name is only known and used for the algorithms he developed to evaluate parametric surfaces. In the 1960s it became clear that non-uniform, rational B-splines are a generalization of Bézier splines, which can be regarded as uniform, non-rational B-splines. At first NURBS were only used in the proprietary CAD packages of car companies. Later they became part of standard computer graphics packages. Real-time, interactive rendering of NURBS curves and surfaces was first made available on Silicon Graphics workstations in 1989. In 1993, the first interactive NURBS modeller for PCs, called NöRBS, was developed by CAS Berlin, a small startup company cooperating with the Technical University of Berlin. Today most professional computer graphics applications available for desktop use offer NURBS technology, which is most often realized by integrating a NURBS engine from a specialized company." - Wikipedia <img src="http://payload.cargocollective.com/1/0/6104/2190071/image1_853.png" border="0" width="700" height="1000" width_o="700" height_o="1000" src_o="http://payload.cargocollective.com/1/0/6104/2190071/image1_o.png" align="left" /> http://variablemedium.com/Gaikai-Luxury-Black http://variablemedium.com/following/variablemedium.com/Gaikai-Luxury-Black Thu, 13 Oct 2011 18:37:07 +0000 Variable Medium 2145542 Proof of concept for Gaikai with emphasis on smooth motion, and a luxury black feel, with reflections and final end frame with color treatment. <img src="http://payload.cargocollective.com/1/0/6104/2145542/image1_853.png" border="0" width="853" height="480" width_o="853" height_o="480" src_o="http://payload.cargocollective.com/1/0/6104/2145542/image1_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/0/6104/2145542/image2_853.png" border="0" width="853" height="480" width_o="853" height_o="480" src_o="http://payload.cargocollective.com/1/0/6104/2145542/image2_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/0/6104/2145542/image3_853.png" border="0" width="853" height="480" width_o="853" height_o="480" src_o="http://payload.cargocollective.com/1/0/6104/2145542/image3_o.png" align="left" /> http://variablemedium.com/Mondrian-LA http://variablemedium.com/following/variablemedium.com/Mondrian-LA Mon, 03 Oct 2011 02:33:32 +0000 Variable Medium 1570794 As Interactive Art Director at Zaaz, for Morgans Hotel Group global site as well as the architecture and motion for the single hotel sites for each of MGH's properties. It also won an award for Interactive: Entertainment Arts and Tourism. Here is what Applied Arts said. "ZAAZ raised the bar for the hotel industry by creating a rich and immersive site that focused on several aspects: offering larger and more engaging imagery, redefining the booking process and adding local information for each property, updated in real-time. The online experience now reflects the modern glamour of the Morgans brand. " All Images removed at request of Morgans Hotel Group. Check this link to see a site walkthrough. http://variablemedium.com/Sony-HDNA http://variablemedium.com/following/variablemedium.com/Sony-HDNA Mon, 11 Jul 2011 06:06:10 +0000 Variable Medium 1709592 Concept for intro and menu system for exploring the line of products. Fairly obvious from title, the HDNA products are HD and related. They including cameras, tvs, and computers along the same streams of branded icons and settling the product detail. <img src="http://payload.cargocollective.com/1/0/6104/1709592/HDNA_0000_Layer Comp 1_853.jpg" border="0" width="853" height="488" width_o="853" height_o="488" src_o="http://payload.cargocollective.com/1/0/6104/1709592/HDNA_0000_Layer Comp 1_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/6104/1709592/HDNA_0001_Layer Comp 2_853.jpg" border="0" width="853" height="488" width_o="853" height_o="488" src_o="http://payload.cargocollective.com/1/0/6104/1709592/HDNA_0001_Layer Comp 2_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/6104/1709592/HDNA_0002_Layer Comp 3_853.jpg" border="0" width="853" height="488" width_o="853" height_o="488" src_o="http://payload.cargocollective.com/1/0/6104/1709592/HDNA_0002_Layer Comp 3_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/6104/1709592/HDNA_0003_Layer Comp 4_853.jpg" border="0" width="853" height="488" width_o="853" height_o="488" src_o="http://payload.cargocollective.com/1/0/6104/1709592/HDNA_0003_Layer Comp 4_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/6104/1709592/HDNA_0004_Layer Comp 5_853.jpg" border="0" width="853" height="488" width_o="853" height_o="488" src_o="http://payload.cargocollective.com/1/0/6104/1709592/HDNA_0004_Layer Comp 5_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/6104/1709592/HDNA_0005_Layer Comp 6_853.jpg" border="0" width="853" height="488" width_o="853" height_o="488" src_o="http://payload.cargocollective.com/1/0/6104/1709592/HDNA_0005_Layer Comp 6_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/6104/1709592/HDNA_0006_Layer Comp 7_853.jpg" border="0" width="853" height="488" width_o="853" height_o="488" src_o="http://payload.cargocollective.com/1/0/6104/1709592/HDNA_0006_Layer Comp 7_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/6104/1709592/HDNA_0007_Layer Comp 8_853.jpg" border="0" width="853" height="488" width_o="853" height_o="488" src_o="http://payload.cargocollective.com/1/0/6104/1709592/HDNA_0007_Layer Comp 8_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/6104/1709592/HDNA_0008_Layer Comp 9_853.jpg" border="0" width="853" height="488" width_o="853" height_o="488" src_o="http://payload.cargocollective.com/1/0/6104/1709592/HDNA_0008_Layer Comp 9_o.jpg" align="left" /> http://variablemedium.com/Gille-Mills http://variablemedium.com/following/variablemedium.com/Gille-Mills Mon, 11 Jul 2011 04:13:03 +0000 Variable Medium 1709317 Photography site walkthrough for Gille Mills. A simple layout with emphasis on content, this site was created with a simple xml structure for ease of use in updating the site. Simple transitions and a slideshow allow you to preview the work and get right to booking him. Developed with assistance from Infinite Array. <img src="http://payload.cargocollective.com/1/0/6104/1709317/_0000_image1_853.jpg" border="0" width="853" height="680" width_o="853" height_o="680" src_o="http://payload.cargocollective.com/1/0/6104/1709317/_0000_image1_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/6104/1709317/_0001_image2_853.jpg" border="0" width="853" height="680" width_o="853" height_o="680" src_o="http://payload.cargocollective.com/1/0/6104/1709317/_0001_image2_o.jpg" align="left" /> http://variablemedium.com/MSR http://variablemedium.com/following/variablemedium.com/MSR Sun, 10 Jul 2011 22:42:35 +0000 Variable Medium 1708574 This site, created for MSR, served as an online catalog for the 2009 and 2010 line. The site was designed by Jon Malkemus, and developed by myself. Overall it was a fun IA challenge incorporating hundreds of products and colorways into a fluid layout with quick clean animations for efficient access. <img src="http://payload.cargocollective.com/1/0/6104/1708574/_0000_image1_853.jpg" border="0" width="853" height="480" width_o="853" height_o="480" src_o="http://payload.cargocollective.com/1/0/6104/1708574/_0000_image1_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/6104/1708574/_0001_image2_853.jpg" border="0" width="853" height="480" width_o="853" height_o="480" src_o="http://payload.cargocollective.com/1/0/6104/1708574/_0001_image2_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/6104/1708574/_0002_image3_853.jpg" border="0" width="853" height="480" width_o="853" height_o="480" src_o="http://payload.cargocollective.com/1/0/6104/1708574/_0002_image3_o.jpg" align="left" /> http://variablemedium.com/Adobe-Creative-License http://variablemedium.com/following/variablemedium.com/Adobe-Creative-License Sat, 25 Jun 2011 23:24:06 +0000 Variable Medium 1644667 Juxt was tasked by Adobe to create an immersive experience and show the richness of their tool set while featuring great artists that used their products. Adobe selected individuals to be featured, and a highly immersive experience was built around each story. As flash designer I was responsible for many animations throughout the site and experience from intros to transitions and even all the little preloaders. In the end it took home an FWA Site of the Day award as well. See more below and visit Juxt Interactive. Launch Site <img src="http://payload.cargocollective.com/1/0/6104/1644667/adobe_image_853.jpg" border="0" width="853" height="480" width_o="853" height_o="480" src_o="http://payload.cargocollective.com/1/0/6104/1644667/adobe_image_o.jpg" align="left" />