<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
	<meta charset="utf-8" />
	<base href="https://jeinselen.com/" />

		<title>John Einselen | technical director and cg generalist</title>
	
	
			<meta itemprop="name" content="John Einselen">
	
			<meta name="description" content="Lead CG artist, art director, visual programmer, technical director, and pipeline developer on interactive productions for BMW, FCA, Disney, Microsoft, and more.">
		<meta property="og:description" content="Lead CG artist, art director, visual programmer, technical director, and pipeline developer on interactive productions for BMW, FCA, Disney, Microsoft, and more." />
		<meta itemprop="description" content="Lead CG artist, art director, visual programmer, technical director, and pipeline developer on interactive productions for BMW, FCA, Disney, Microsoft, and more.">
	
	
		<meta property="og:title" content="John Einselen | John Einselen" />
	<meta property="og:url" content="" />
	<meta property="og:site_name" content="John Einselen" />
			<link rel="shortcut icon" href="https://jeinselen.com/favicon.ico" />
	<meta name="msapplication-TileColor" content="#161719"/>
	<meta name="msapplication-square150x150logo" content="https://jeinselen.com/favicon-150.png"/>

	<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i" rel="stylesheet">
	<link rel="stylesheet" href="https://jeinselen.com/themes/anthem/css/font-awesome.min.css">
	<link rel="stylesheet" href="https://jeinselen.com/themes/anthem/css/style.css" type="text/css" />
	<!-- semi-responsive style selection -->
	<link rel='stylesheet' media='only screen and (min-width: 1041px) and (max-width: 1360px)' href="https://jeinselen.com/themes/anthem/css/960px.css" type="text/css" />
	<link rel='stylesheet' media='only screen and (max-width: 1040px)' href="https://jeinselen.com/themes/anthem/css/640px.css" type="text/css" />
	<meta name="viewport" content="width=device-width" >

</head>
<body>
<div id="content-1">
	<header id="header">
		<h1>
			<a href="https://jeinselen.com" class="bold">John Einselen</a>
			<span class="spacer">|</span>
			<a href="https://jeinselen.com/productions" >Productions</a>
			<span class="spacer">|</span>
			<a href="https://jeinselen.com/experiences" >Experiences</a>
			<span class="spacer">|</span>
			<!--
			<a href="https://jeinselen.com/pipelines" >Pipelines</a>
			<span class="spacer">|</span>
			-->
			<a class="btn btn-default" href="https://vimeo.com/jeinselen" aria-label="vimeo"><i class="fa fa-vimeo-square" aria-hidden="true"></i></a> 
			<a class="btn btn-default" href="https://www.linkedin.com/in/johneinselen" aria-label="linked in"><i class="fa fa-linkedin-square" aria-hidden="true"></i></a> 
			<a class="btn btn-default" href="https://twitter.com/jeinselen" aria-label="twitter"><i class="fa fa-twitter-square" aria-hidden="true"></i></a>
			<br/>
		</h1>
	</header>	<section>
					<iframe class="post_video" src="https://player.vimeo.com/video/386135373?title=0&amp;byline=0&amp;portrait=0&amp;color=b2b0af" width="100%" height="100%" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
			</br>
				<h2><a href="https://jeinselen.com"><span class="header">John Einselen</span><span class="subheader">technical director and cg generalist</span></a></h2>
		<div id="content">
			<p><a href="http://jeinselen.com/content/JohnEinselenResume_190813.pdf" class="post_document" style="float:right; display:block; width:135px; height:175px; background-image: url('http://jeinselen.com/content/resume190813.jpg'); background-repeat:no-repeat; background-size:cover;"></a>With over sixteen years of production experience, I have a passion for digital graphics, visual effects, and the artistry of film; along with the training and experience to back it up with technical skill.</p>

<p>My credits include lead CG artist, art director, visual programmer, technical director, pipeline developer, and creative director on numerous productions including work for BMW, Chrysler, Disney, Kaiser Permanente, Microsoft, and others. My work is seen in museums and trade shows, experienced in airports and flagship stores, and shown on screens both big and small (from walls to mobile phones).</p>

<p>I currently live in Michigan, US, working as technical director and motion design lead at <a href="http://www.vectorform.com/" title="Vectorform">Vectorform</a>. My free time is typically spent tinkering around with electronics, photography, costuming, film watching, tv binging, collecting varied folk instruments, improvisational musical performances, and a bit of hiking when the weather is nice.</p>

<p>Below are just a few of the many productions I've helped make a success. Please contact me if you'd like to know more.</p>

		</div>
		<br/>
		<div style="text-align: center;">
					<p>
			<a class="email">j<!--ohnmich-->&#x65;&#x69;&#x6e;&#x73;&#x65;&#x6c;&#x65;&#x6e; <i class="fa fa-envelope-square"></i> gm<span class="disno">domain m</span>ail</a>
			<a href="tel:+%31%34%32%34%34%34%32%30%32%34%34" class="phone"><i class="fa fa-phone-square" aria-hidden="true"></i> +1 &#x34;&#x32;&#x34;&#x2e;&#x34;&#x34;&#x32;&#x2e;&#x30;&#x32;&#x34;&#x34;</a>
		</p>
		<p>
			<a href="https://vimeo.com/jeinselen" class="vimeo" aria-label="vimeo"><i class="fa fa-vimeo-square" aria-hidden="true"></i> vimeo</a>
			<a href="https://www.linkedin.com/in/johneinselen" class="linkedin" aria-label="linked in"><i class="fa fa-linkedin-square" aria-hidden="true"></i> linkedin</a>
			<a href="https://twitter.com/jeinselen" class="twitter" aria-label="twitter"><i class="fa fa-twitter-square" aria-hidden="true"></i> twitter</a>
		</p>		</div>
	</section>
</div>

<div id="productions-2">
	<section>
		<h2><a href="https://jeinselen.com/productions/"><span class="header">Productions</span><span class="subheader">direction, motion graphics, and visual effects</span></a></h2>
		<div id="productions-listings">
		<a href="productions/2015-11-MographMondays" class="post_listing" style="background-image: url('https://jeinselen.com/content/productions/2015-11-MographMondays/preview.jpg');">
			<div class="post_listing_title"><h3><span class="header">Mograph Mondays</span><span class="subheader">animations and designs for the monthly Metro Detroit meetup</span></h3></div>
		</a>
		<a href="productions/2014-08-VectorformCulture" class="post_listing" style="background-image: url('https://jeinselen.com/content/productions/2014-08-VectorformCulture/preview.jpg');">
			<div class="post_listing_title"><h3><span class="header">Vectorform Culture Series</span><span class="subheader">team training through office documentaries</span></h3></div>
		</a>
		<a href="productions/2014-05-RamTrucks" class="post_listing" style="background-image: url('https://jeinselen.com/content/productions/2014-05-RamTrucks/preview.jpg');">
			<div class="post_listing_title"><h3><span class="header">Ram Trucks</span><span class="subheader">experience art direction with seamless structure and custom vfx pipeline</span></h3></div>
		</a>
		<a href="productions/2014-05-BMW-i8" class="post_listing" style="background-image: url('https://jeinselen.com/content/productions/2014-05-BMW-i8/preview.jpg');">
			<div class="post_listing_title"><h3><span class="header">BMW i8</span><span class="subheader">highly mobile augmented reality with realtime graphics</span></h3></div>
		</a>
		<a href="productions/2013-01-KinectAutism" class="post_listing" style="background-image: url('https://jeinselen.com/content/productions/2013-01-KinectAutism/preview.jpg');">
			<div class="post_listing_title"><h3><span class="header">Kinect Autism</span><span class="subheader">making medicine more personable through character creation</span></h3></div>
		</a>
		<a href="productions/2012-12-WorldNativityProject" class="post_listing" style="background-image: url('https://jeinselen.com/content/productions/2012-12-WorldNativityProject/preview.jpg');">
			<div class="post_listing_title"><h3><span class="header">World Nativity Project</span><span class="subheader">multilingual short film shot entirely on greenscreen</span></h3></div>
		</a>
		</div>
		<div class="clear"></div>
		<h3 style="text-align: right;"><a href="https://jeinselen.com/productions/">see more productions &gt;</a></h2>
	</section>
</div>

<div id="experiences-0">
	<section>
		<h2><a href="https://jeinselen.com/experiences/"><span class="header">Experiences</span><span class="subheader">prototyping, development, and design</span></a></h2>
		<div id="experiences-listings">
		<a href="experiences/2017-04-VRShaders" class="post_listing" style="background-image: url('https://jeinselen.com/content/experiences/2017-04-VRShaders/preview.jpg');">
			<div class="post_listing_title"><h3><span class="header">VR Shaders</span><span class="subheader">Immersive experiences featuring bespoke shader effects</span></h3></div>
		</a>
		<a href="experiences/2015-01-VectorformBranding" class="post_listing" style="background-image: url('https://jeinselen.com/content/experiences/2015-01-VectorformBranding/preview.jpg');">
			<div class="post_listing_title"><h3><span class="header">Vectorform Branding</span><span class="subheader">procedural effects for print, desktops, TV, and VR</span></h3></div>
		</a>
		<a href="experiences/2013-10-Chrysler200" class="post_listing" style="background-image: url('https://jeinselen.com/content/experiences/2013-10-Chrysler200/preview.jpg');">
			<div class="post_listing_title"><h3><span class="header">Chrysler 200</span><span class="subheader">realtime dynamic effects and procedural safety demonstrations</span></h3></div>
		</a>
		<a href="experiences/2012-11-Accuweather" class="post_listing" style="background-image: url('https://jeinselen.com/content/experiences/2012-11-Accuweather/preview.jpg');">
			<div class="post_listing_title"><h3><span class="header">Accuweather</span><span class="subheader">seamlessly evolving weather patterns for the Accuweather app</span></h3></div>
		</a>
		<a href="experiences/2011-09-MobilityCompanion" class="post_listing" style="background-image: url('https://jeinselen.com/content/experiences/2011-09-MobilityCompanion/preview.jpg');">
			<div class="post_listing_title"><h3><span class="header">Mobility Companion</span><span class="subheader">realtime AI interface design and prototyping</span></h3></div>
		</a>
		<a href="experiences/2011-06-DisneyTron" class="post_listing" style="background-image: url('https://jeinselen.com/content/experiences/2011-06-DisneyTron/preview.jpg');">
			<div class="post_listing_title"><h3><span class="header">Disney Tron</span><span class="subheader">online interactive graphic novel with animation and effects</span></h3></div>
		</a>
		</div>
		<div class="clear"></div>
		<h3 style="text-align: right;"><a href="https://jeinselen.com/experiences/">see more experiences &gt;</a></h2>
	</section>
</div>

<!--
<div id="pipelines-1">
	<section>
		<h2><a href="https://jeinselen.com/pipelines/"><span class="header">Pipelines</span><span class="subheader">definition, creation, and deployment</span></a></h2>
		<div id="pipelines-listings">
		<a href="pipelines/2017-04-FlowMapPainter" class="post_listing" style="background-image: url('');">
			<div class="post_listing_title"><h3><span class="header">Flow Map Painter</span><span class="subheader">Interactive UV flow map creation with realtime preview</span></h3></div>
		</a>
		<a href="pipelines/2014-11-BatchRender" class="post_listing" style="background-image: url('');">
			<div class="post_listing_title"><h3><span class="header">Batch Render</span><span class="subheader">OS X service for Cinema 4D, Lightwave, and After Effects</span></h3></div>
		</a>
		<a href="pipelines/2014-04-ReflectionPainting" class="post_listing" style="background-image: url('https://jeinselen.com/content/pipelines/2014-04-ReflectionPainting/preview.jpg');">
			<div class="post_listing_title"><h3><span class="header">Reflection Painting</span><span class="subheader">interactive toolsets for intuitive reflection painting and more</span></h3></div>
		</a>
		<a href="pipelines/2013-07-ProceduralIllustration" class="post_listing" style="background-image: url('https://jeinselen.com/content/pipelines/2013-07-ProceduralIllustration/preview.jpg');">
			<div class="post_listing_title"><h3><span class="header">Procedural Illustration</span><span class="subheader">3D shaders and 2D kernels to simulate hand drawn illustration</span></h3></div>
		</a>
		<a href="pipelines/2013-04-DTEAvatars" class="post_listing" style="background-image: url('https://jeinselen.com/content/pipelines/2013-04-DTEAvatars/preview.jpg');">
			<div class="post_listing_title"><h3><span class="header">DTE Avatars</span><span class="subheader">3D shading and rendering solution for 15,000 avatar variations</span></h3></div>
		</a>
		<a href="pipelines/2011-07-NormalMapping" class="post_listing" style="background-image: url('https://jeinselen.com/content/pipelines/2011-07-NormalMapping/preview.jpg');">
			<div class="post_listing_title"><h3><span class="header">Normal Mapping</span><span class="subheader">interactive normal map creation with seamless tiling</span></h3></div>
		</a>
		</div>
		<div class="clear"></div>
		<h3 style="text-align: right;"><a href="https://jeinselen.com/pipelines/">see more pipelines &gt;</a></h2>
	</section>
</div>
-->

	<footer id="footer">
		<p>
			<a class="email">j<!--ohnmich-->&#x65;&#x69;&#x6e;&#x73;&#x65;&#x6c;&#x65;&#x6e; <i class="fa fa-envelope-square"></i> gm<span class="disno">domain m</span>ail</a>
			<a href="tel:+%31%34%32%34%34%34%32%30%32%34%34" class="phone"><i class="fa fa-phone-square" aria-hidden="true"></i> +1 &#x34;&#x32;&#x34;&#x2e;&#x34;&#x34;&#x32;&#x2e;&#x30;&#x32;&#x34;&#x34;</a>
		</p>
		<p>
			<a href="https://vimeo.com/jeinselen" class="vimeo" aria-label="vimeo"><i class="fa fa-vimeo-square" aria-hidden="true"></i> vimeo</a>
			<a href="https://www.linkedin.com/in/johneinselen" class="linkedin" aria-label="linked in"><i class="fa fa-linkedin-square" aria-hidden="true"></i> linkedin</a>
			<a href="https://twitter.com/jeinselen" class="twitter" aria-label="twitter"><i class="fa fa-twitter-square" aria-hidden="true"></i> twitter</a>
		</p>		<br/>
		<p class="subtle">site and content copyright ©2004-2020 John Einselen, all rights reserved</p>
	</footer>
</body>
<script>
	(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
	(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
	m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
	})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

	ga('create', 'UA-1412098-13', 'auto');
	ga('send', 'pageview');
</script>
<script type="text/javascript"><!--
	function rotate(a) {
		return a.replace(/[a-zA-Z]/g, function(c){
			return String.fromCharCode((c <= "Z" ? 90 : 122) >= (c = c.charCodeAt(0) + 13) ? c : c - 26);
		})
	};
	function contactLink(a, b) {
		window.location.href=rotate('znvygb')+':'+rotate(window.atob(a))+window.atob(rotate(b));
	}
	var items = document.getElementsByClassName("email");
	for (var i = 0; i < items.length; i++) {
		items[i].onclick = function() {contactLink('d3J2YWZyeXJh','DTqgLJyfYzAioD==')};
		items[i].innerHTML = '<i class="fa fa-envelope-square"></i> j<!--ohnmich-->'+rotate(window.atob('JiNrNjU7JiNrNjk7JiNrNnI7JiNrNzM7JiNrNjU7JiNrNnA7JiNrNjU7JiNrNnI7'))+' '+window.atob(rotate('LKDtM20='))+'<span class="disno">domain m</span>ail';
	}
--></script>
</html>