tag:blogger.com,1999:blog-7074571351622860302024-03-05T04:48:11.477+00:00leif heanzoLeif Heanzohttp://www.blogger.com/profile/13538500623067066930noreply@blogger.comBlogger114125tag:blogger.com,1999:blog-707457135162286030.post-966896909552707122016-12-15T17:06:00.001+00:002016-12-15T17:06:04.619+00:00DEATH OF THE EAGLE<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqFYh0kvY3jao0hNBYHa1Kw94fHWKLByFmyeGQJUCSKPXvZm_h58VfOCfoQmiY6Z5fZjTRo3YHfmYogOxUvI4EBXdwuKCW8POKzqRJKzGVkR9_E4iIbfrdrkPTPE8Q1kzcodrGfETadyXU/s5000/departure_V3.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqFYh0kvY3jao0hNBYHa1Kw94fHWKLByFmyeGQJUCSKPXvZm_h58VfOCfoQmiY6Z5fZjTRo3YHfmYogOxUvI4EBXdwuKCW8POKzqRJKzGVkR9_E4iIbfrdrkPTPE8Q1kzcodrGfETadyXU/s790/departure_V3.jpg" width="790" /></a></div>Leif Heanzohttp://www.blogger.com/profile/13538500623067066930noreply@blogger.com0tag:blogger.com,1999:blog-707457135162286030.post-1400103976785178262016-12-12T15:55:00.001+00:002016-12-12T15:55:20.540+00:00THE BLESSING<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4fnQQLh6XdGrU9h3X4dRZ3n3xLsEOfhabYHMTB0TW8dDtnBYkCY3_PGKcl6WeDJzV69-gAN5V4vT8Y1mjI6rnX4JifVeQuKuEnUxo9Rggjqu7TwG8X8UsJSGrLIndVhqEb2yM6IhIbppj/s5000/Blessing.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4fnQQLh6XdGrU9h3X4dRZ3n3xLsEOfhabYHMTB0TW8dDtnBYkCY3_PGKcl6WeDJzV69-gAN5V4vT8Y1mjI6rnX4JifVeQuKuEnUxo9Rggjqu7TwG8X8UsJSGrLIndVhqEb2yM6IhIbppj/s790/Blessing.jpg" width="790" /></a></div>Leif Heanzohttp://www.blogger.com/profile/13538500623067066930noreply@blogger.com0tag:blogger.com,1999:blog-707457135162286030.post-27532605852585751622016-12-08T16:33:00.003+00:002016-12-08T16:33:21.483+00:00HOLD<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlRVQ-N53U84ZNLVaQiRU4RPbJClsJDlu2CWJMhYvaBABsbNv506Si7Po7M0Ndi1qqcXOdQy1ztqm-3CQfIqHLBaj_RTjh-C3SZmXOEQzKm-9nGG-hWzFmHZFXBuFQDLSwBKGBjc15rKVf/s5000/Hold+V7_painter_2.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlRVQ-N53U84ZNLVaQiRU4RPbJClsJDlu2CWJMhYvaBABsbNv506Si7Po7M0Ndi1qqcXOdQy1ztqm-3CQfIqHLBaj_RTjh-C3SZmXOEQzKm-9nGG-hWzFmHZFXBuFQDLSwBKGBjc15rKVf/s790/Hold+V7_painter_2.jpg" width="790" /></a></div>Leif Heanzohttp://www.blogger.com/profile/13538500623067066930noreply@blogger.com0tag:blogger.com,1999:blog-707457135162286030.post-12469868908421407032016-12-05T17:55:00.003+00:002016-12-05T18:15:50.546+00:00THE MESSAGE<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIo_YT3ZUPW5X83In3Rbn-Ud3MjZqOgVo3GpSAOCvc1nIL9fzKYX5lm_GhQJjJZv8lF5uuHzfvFX1EXpnJM1VAoKbrFUbMm57iD2wbR1CZuEudqyay-sGDBGv5eLyRGMNdqiTNunZ2Rwb8/s5000/the+message_V2.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIo_YT3ZUPW5X83In3Rbn-Ud3MjZqOgVo3GpSAOCvc1nIL9fzKYX5lm_GhQJjJZv8lF5uuHzfvFX1EXpnJM1VAoKbrFUbMm57iD2wbR1CZuEudqyay-sGDBGv5eLyRGMNdqiTNunZ2Rwb8/s790/the+message_V2.jpg" width="790" /></a></div>
Leif Heanzohttp://www.blogger.com/profile/13538500623067066930noreply@blogger.com0tag:blogger.com,1999:blog-707457135162286030.post-79745079491192836512016-12-02T15:01:00.000+00:002016-12-02T15:01:39.296+00:00THE GREAT WALL<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge5wL0OwKKjtCmPv8iRKDSNR4SQ53wnRIrfBaOzfSFP_mIeY5bQO7stB-DTYohSJxEhczMJFheEXa4BtPEatWqfa4wTBm5BMPt8nP9WOPJqBQWebrRIu8b4cR61yKXbbqVb711BDP3d1dR/s5000/the+great+wall_V2.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge5wL0OwKKjtCmPv8iRKDSNR4SQ53wnRIrfBaOzfSFP_mIeY5bQO7stB-DTYohSJxEhczMJFheEXa4BtPEatWqfa4wTBm5BMPt8nP9WOPJqBQWebrRIu8b4cR61yKXbbqVb711BDP3d1dR/s790/the+great+wall_V2.jpg" width="790" /></a></div>
<br />Leif Heanzohttp://www.blogger.com/profile/13538500623067066930noreply@blogger.com0tag:blogger.com,1999:blog-707457135162286030.post-34142181806864007192016-11-29T13:27:00.002+00:002016-11-29T13:27:28.456+00:00MY WORLD FALLS APART<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwH9JefpXexZ7I1yEHAI8nMz3DnRoQ5RpnBCD6Z0gZKxXU3bK72OWNEARAADFqU_SxJMYBJJbS9w3zMSFIujiJrLdYRkKy1chNZSBnp4CTzEyXgI4m9wZz8ZfRquD9GIB4RgQ7ejWhFjvC/s5000/World+falls+apart_V3.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZ7GISZbJi8yaCt6KcAoHjb3nVQqNd8Sgwe7B-g_H_0vcqdNvWkEZJU5_BV8blnE6P0IXvzJvOko_eDJidsKY4P0eZO4R-y_ubY-BFHhr4lbazPO_16V8cUH3_B9hyphenhypheng9ILPChiDFBCOYCx/s1600/banner+blog.jpg" width="790" /></a><br />
<br />Leif Heanzohttp://www.blogger.com/profile/13538500623067066930noreply@blogger.com0tag:blogger.com,1999:blog-707457135162286030.post-49142855754211049532016-04-06T14:09:00.002+01:002016-04-06T16:46:24.042+01:00GATE TO VALHALLA<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSl0S0LqyHRfP1Dycu7aF62CTwdDWtXEN00t9wloJk0DU9Nt0l-15oIjdTNStK2g_kPl3_davAkGYAWwtV6Tt6yc1HQxS92qAnSlAxzINCzU_EoDFX_q1n3NvNfheRaDVvPHLRf1XkwvZz/s5000/Ygdrasil_entrance_v7_touchup.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSl0S0LqyHRfP1Dycu7aF62CTwdDWtXEN00t9wloJk0DU9Nt0l-15oIjdTNStK2g_kPl3_davAkGYAWwtV6Tt6yc1HQxS92qAnSlAxzINCzU_EoDFX_q1n3NvNfheRaDVvPHLRf1XkwvZz/s1600/Ygdrasil_entrance_v7_touchup.jpg" width="790" /></a></div>
<br />Leif Heanzohttp://www.blogger.com/profile/13538500623067066930noreply@blogger.com0tag:blogger.com,1999:blog-707457135162286030.post-1374273573733064512016-04-04T22:36:00.000+01:002016-04-04T23:35:54.577+01:00AGARTHA AND RAGNAROK<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM0ET5000Czva3i0RVhUnb_742IB_7pyO4kbXUbBOof-yQm3fyCeIdSIYZpuNMqgDGoS3osz6jJaJtoS_V3BIvF_MlmQYZKOC5_c4L2nLnjM4PGgsbLghXtYSdz4b4HsM3BdyEC83nYAiH/s5000/icewarrior_V5.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM0ET5000Czva3i0RVhUnb_742IB_7pyO4kbXUbBOof-yQm3fyCeIdSIYZpuNMqgDGoS3osz6jJaJtoS_V3BIvF_MlmQYZKOC5_c4L2nLnjM4PGgsbLghXtYSdz4b4HsM3BdyEC83nYAiH/s1600/icewarrior_V5.jpg" width="790" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-p_doSWRpxe5raB749hyphenhyphenvWPDgpadhWxB5G57vZJLguPwo73KC7K1jsTLfs1UuST9uJr0tXsdU1vOmynUtK8KmAMKsv8GaDcF1iXqM36iQ1THC2kNRPNZzEBfUxZktfbS_tzTrWJczxwyB/s5000/iron+sky+sketch9.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-p_doSWRpxe5raB749hyphenhyphenvWPDgpadhWxB5G57vZJLguPwo73KC7K1jsTLfs1UuST9uJr0tXsdU1vOmynUtK8KmAMKsv8GaDcF1iXqM36iQ1THC2kNRPNZzEBfUxZktfbS_tzTrWJczxwyB/s1600/iron+sky+sketch9.jpg" width="790" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
Leif Heanzohttp://www.blogger.com/profile/13538500623067066930noreply@blogger.com0tag:blogger.com,1999:blog-707457135162286030.post-85104797260105904472014-12-07T23:35:00.000+00:002014-12-08T00:03:28.648+00:00Hearthstone Goblins vs. Gnomes Contest WIp<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAo_5Z0arHlBckFm0478pItnWOlovEdFgF8cbcdZWt0nQwUVpGLT8xIfcLrzOV94YukkVxKRz2jgXQUBbQd25Tr4x5DCEc6PUPnAbHogztysIZpuSGuJ4ilBiwNpb6_6RuD0OO87PNpZRV/s1600/goblin+dentist_V2_wip.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAo_5Z0arHlBckFm0478pItnWOlovEdFgF8cbcdZWt0nQwUVpGLT8xIfcLrzOV94YukkVxKRz2jgXQUBbQd25Tr4x5DCEc6PUPnAbHogztysIZpuSGuJ4ilBiwNpb6_6RuD0OO87PNpZRV/s1600/goblin+dentist_V2_wip.jpg" width="790" /></a></div>
This is the WIP of my entry for the contest: <a href="http://wallflipjack.deviantart.com/art/The-Goblin-Dentist-498913481" target="_blank">DeviantArt</a>
Wish me luck!Leif Heanzohttp://www.blogger.com/profile/13538500623067066930noreply@blogger.com0tag:blogger.com,1999:blog-707457135162286030.post-14184982003034013632014-11-24T14:26:00.000+00:002014-11-24T14:26:59.621+00:00Getting started with ZBrush<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjscpn0wNWUeXwN21XENgkkxo45d4tkPF5A5By1QO-pyJQUUx-17Pwrnzr-8CanwvmK3O7JzEukeXjiZ4cU7ZSB7nmMpRakdh__HdQBNZxgXPFtxP-Bh-QrEWKP5bXks2RFYpx7xBhRRYbQ/s1600/BPR_Render.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjscpn0wNWUeXwN21XENgkkxo45d4tkPF5A5By1QO-pyJQUUx-17Pwrnzr-8CanwvmK3O7JzEukeXjiZ4cU7ZSB7nmMpRakdh__HdQBNZxgXPFtxP-Bh-QrEWKP5bXks2RFYpx7xBhRRYbQ/s1600/BPR_Render.jpg" width="790" /></a></div>Leif Heanzohttp://www.blogger.com/profile/13538500623067066930noreply@blogger.com0tag:blogger.com,1999:blog-707457135162286030.post-37475883689167008842014-08-05T14:44:00.001+01:002016-10-05T08:09:52.708+01:00Differences Between Speedpainting and Rendering<style>
@import url(http://fonts.googleapis.com/css?family=Lato:400,900);
*{padding: 0; margin: 0;}
body {font-family: 'Lato', Heletica, Arial, Sans; font-size:16px;}
#blob {
}
</style>
Hover over the images to change the transition line...
<div id="blob">
<iframe src="https://dl.dropboxusercontent.com/u/4211548/Reveal%20Function%20V2.html" width="1000" height="400" frameborder="0"></iframe>
</div>Leif Heanzohttp://www.blogger.com/profile/13538500623067066930noreply@blogger.com0tag:blogger.com,1999:blog-707457135162286030.post-65964361525406665002014-07-24T13:41:00.001+01:002014-07-29T11:17:25.360+01:00<!new speedpaintings>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
@import url(http://fonts.googleapis.com/css?family=Lato:400,900);
*{padding: 0; margin: 0;}
body { font-family: 'Lato', Heletica, Arial, Sans; font-size:16px;}
div#allbox{width:790px; float:left; }
div#allbox > a{
text-decoration:none;
}
.flip3D{ width:395px; height:198px; float:left; z-index:1;}
.flip3D > .front{
position:absolute;
-webkit-transform: perspective (600px ) rotateY( 0deg );
transform: perspective (600px ) rotateY( 0deg );
background: #000; width:395px; height: 198px; border-radius: 5px;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
z-index:1;
transition: -webkit-transform .5s linear 0s;
transition: transform .5s linear 0s;
}
.flip3D > .back{
position:absolute;
-webkit-transform: perspective( 600px ) rotateY( 180deg );
transform: perspective( 600px ) rotateY( 180deg );
background: #111;
width:395px;
height:198px;
z-index:1;
border-radius: 0px;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
transition: -webkit-transform .5s linear 0s;
transition: transform .5s linear 0s;
}
.flip3D:hover > .front{
-webkit-transform: perspective( 600px ) rotateY( -180deg );
transform: perspective( 600px ) rotateY( -180deg );
} .flip3D:hover > .back{
-webkit-transform: perspective( 600px ) rotateY( 0deg );
transform: perspective( 600px ) rotateY( 0deg );
}
div#box1{width:395px; height:198px; float:left; }
div#box1 > img{position:absolute; z-index:.5; width:395px; height:198px; }
div#box1 > a{
display: none;
position:absolute;
z-index:1;
text-decoration:none;
}
div#box1:hover a {
display: block;
}
div#box2{width:395px; height:198px; float:left;}
div#box2 > img{position:absolute; z-index:.5; width:395px; height:198px;}
div#box2 > a{
display: none;
position:absolute;
z-index:1;
text-decoration:none;
}
div#box2:hover a {
display: block;
}
div#box3{width:395px; height:198px; float: left;}
div#box3 > img{position:absolute; z-index:.5; width:395px; height:198px; }
div#box3 > a{
display: none;
position: absolute;
z-index: 1;
text-decoration: none;
}
div#box3:hover a {
display: block;
}
#p1 {
color:#fff;
font-weight: 500;
font-size: 18px;
text-align: center;
vertical-align:50%;
}
#p2 {
color:#fff;
font-weight: 400;
font-size: 14px;
text-align: left;
vertical-align:50%;
}
#p3 {
color:#fff;
font-weight: 400;
font-size: 32px;
text-align: left;
}
</style>
</head>
<body>
<div id=allbox>
<p id="p3">More Speedpaintings</p>
<div class="flip3D">
<div class="back" p id="p2">These are a couple examples from our reguar <b>Speedpainting Sessions</b>. We try to get together with our painntinng group once a week, choose a topic and try to paint something withinn an hour. <br><br><br><br><br><br>Concept Artist: Leif Heanzo</div>
<div class="front" p id="p1"><br><br><br>Speedpaintings</div>
</div>
<div id=box1>
<a href="https://f6b18353-a-62cb3a1a-s-sites.googlegroups.com/site/heanzofiles/files/spe_full01.jpg"><img src="https://f6b18353-a-62cb3a1a-s-sites.googlegroups.com/site/heanzofiles/files/spe_bw01.jpg"></a>
<img src="https://f6b18353-a-62cb3a1a-s-sites.googlegroups.com/site/heanzofiles/files/spe_01.jpg" alt="pic">
</div>
<div id=box2>
<a href="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/ske_full08.jpg"><img src="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/ske_bw08.jpg"></a>
<img src="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/ske_08.jpg" alt="pic">
</div>
<div id=box3>
<a href="https://f6b18353-a-62cb3a1a-s-sites.googlegroups.com/site/heanzofiles/files/spe_full03.jpg"><img src="https://f6b18353-a-62cb3a1a-s-sites.googlegroups.com/site/heanzofiles/files/spe_bw03.jpg"></a>
<img src="https://f6b18353-a-62cb3a1a-s-sites.googlegroups.com/site/heanzofiles/files/spe_03.jpg" alt="pic">
</div>
<div id=box2>
<a href="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/ske_full01.jpg"><img src="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/ske_bw01.jpg"></a>
<img src="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/ske_01.jpg" alt="pic">
</div>
<div id=box3>
<a href="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/ske_full02.jpg"><img src="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/ske_bw02.jpg"></a>
<img src="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/ske_02.jpg" alt="pic">
</div>
<div id=box2>
<a href="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/ske_full03.jpg"><img src="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/ske_bw03.jpg"></a>
<img src="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/ske_03.jpg" alt="pic">
</div>
<div id=box3>
<a href="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/ske_full04.jpg"><img src="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/ske_bw04.jpg"></a>
<img src="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/ske_04.jpg" alt="pic">
</div>
<div id=box2>
<a href="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/ske_full05.jpg"><img src="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/ske_bw05.jpg"></a>
<img src="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/ske_05.jpg" alt="pic">
</div>
<div id=box3>
<a href="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/ske_full06.jpg"><img src="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/ske_bw06.jpg"></a>
<img src="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/ske_06.jpg" alt="pic">
</div>
<div id=box2>
<a href="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/ske_full07.jpg"><img src="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/ske_bw07.jpg"></a>
<img src="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/ske_07.jpg" alt="pic">
</div>
<div id=box3>
<a href="https://f6b18353-a-62cb3a1a-s-sites.googlegroups.com/site/heanzofiles/files/spe_full02.jpg"><img src="https://f6b18353-a-62cb3a1a-s-sites.googlegroups.com/site/heanzofiles/files/spe_bw02.jpg"></a>
<img src="https://f6b18353-a-62cb3a1a-s-sites.googlegroups.com/site/heanzofiles/files/spe_02.jpg" alt="pic">
</div>
</div>
</body>
</html>
Leif Heanzohttp://www.blogger.com/profile/13538500623067066930noreply@blogger.com0tag:blogger.com,1999:blog-707457135162286030.post-60311186227359904442014-07-15T21:40:00.004+01:002014-07-28T08:27:46.016+01:00Paint a Spherical Panorama<!pete><head>
<style type="text/css">
@import url(http://fonts.googleapis.com/css?family=Lato:400,900);
*{padding: 0; margin: 0;}
body { color:#666; font-family: 'Lato', Heletica, Arial, Sans; font-size:16px;
}
.flashit{
animation: flash linear 3s infinite;
}
@keyframes flash{
0% { opacity: 1;}
50% { opacity: .3;}
100% { opacity: 1;}
}
div#clika{background:#000; width:790px; height:40px; float:left;}
#p9 {
font-weight: 500;
font-size: 24px;
text-align: center;
vertical-align:50%;
font-color:#666;
margin-top:5px;
}
</style>
</head>
<body>
Ever wanted to be inside a world that you created? Pete can give you the tools to create the illusion to do just that.
This is a tutorial on how to create a spherical panorama without actually using a camera.
<iframe width="790" height="446" src="//www.youtube.com/embed/Czi6w6zi0kE" frameborder="0" allowfullscreen></iframe><div id=clika>
<h1 class="flashit" p id="p9">CLICK IT!</h1>
</div>
<object height="640" width="854"><param name="movie" value="http://pan0.net/v/up-7130"><param name="allowScriptAccess" value="always"><param name="allowFullScreen" value="true">
<embed src="http://pan0.net/v/up-7130" type="application/x-shockwave-flash" width="790" height="466" allowScriptAccess="always" allowFullScreen="true" wmode="transparent"></embed></object>
Leif Heanzohttp://www.blogger.com/profile/13538500623067066930noreply@blogger.com0tag:blogger.com,1999:blog-707457135162286030.post-89343540755382359812014-05-30T18:35:00.003+01:002014-07-28T07:54:55.887+01:00<!chrome card game><head>
<style type="text/css">
@import url(http://fonts.googleapis.com/css?family=Lato:400,900);
*{padding: 0; margin: 0;}
body { font-family: 'Lato', Heletica, Arial, Sans; font-size:16px;}
.pic{
width:113px;
height:219px;
overflow: hidden;
padding: 0px;
border: 0px;
position:relative
}
.picbig{
position:absolute;
width:0px;
-webkit-transition:width 0.01s ease-out 0s;
transition:width 0.1s linear 0s;
z-index:100;
margin-left:-144px;
}
.pic:hover + .picbig{
width:200px;
margin-left:-144px;
}
.picbig:hover{
width:200px;
margin-left:-144px;
}
div#archer{
position:absolute;
margin-top:-224px;
margin-left:678px;
}
</style>
</head>
<body>
<img align="middle" border="0" src="https://f6b18353-a-62cb3a1a-s-sites.googlegroups.com/site/heanzofiles/files/tundra.png" height="30" />
<br />
<br />
<div id="content">
<a href="https://f6b18353-a-62cb3a1a-s-sites.googlegroups.com/site/heanzofiles/files/s01.jpg"><img class="pic" src="https://f6b18353-a-62cb3a1a-s-sites.googlegroups.com/site/heanzofiles/files/1sum1.jpg" alt="drake"/><img class="picbig" src="https://f6b18353-a-62cb3a1a-s-sites.googlegroups.com/site/heanzofiles/files/s01.jpg"/></a><a href="https://f6b18353-a-62cb3a1a-s-sites.googlegroups.com/site/heanzofiles/files/s02.jpg"><img class="pic" src="https://f6b18353-a-62cb3a1a-s-sites.googlegroups.com/site/heanzofiles/files/1sum2.jpg" alt="warrior"/><img class="picbig" border="0" src="https://f6b18353-a-62cb3a1a-s-sites.googlegroups.com/site/heanzofiles/files/s02.jpg" width="73" alt="warrior"/></a><a href="https://f6b18353-a-62cb3a1a-s-sites.googlegroups.com/site/heanzofiles/files/s03.jpg"><img class="pic" border="0" src="https://f6b18353-a-62cb3a1a-s-sites.googlegroups.com/site/heanzofiles/files/1sum3.jpg" alt="maelena"/><img class="picbig" border="0" src="https://f6b18353-a-62cb3a1a-s-sites.googlegroups.com/site/heanzofiles/files/s03.jpg" alt="maelena"/></a><a href="https://f6b18353-a-62cb3a1a-s-sites.googlegroups.com/site/heanzofiles/files/s04.jpg"><img class="pic" src="https://f6b18353-a-62cb3a1a-s-sites.googlegroups.com/site/heanzofiles/files/1sum4.jpg" alt="elien"/><img class="picbig" src="https://f6b18353-a-62cb3a1a-s-sites.googlegroups.com/site/heanzofiles/files/s04.jpg"/></a><a href="https://f6b18353-a-62cb3a1a-s-sites.googlegroups.com/site/heanzofiles/files/s05.jpg"><img class="pic" border="0" src="https://f6b18353-a-62cb3a1a-s-sites.googlegroups.com/site/heanzofiles/files/1sum5.jpg" alt="kaeseeall"/><img class="picbig" border="0" src="https://f6b18353-a-62cb3a1a-s-sites.googlegroups.com/site/heanzofiles/files/s05.jpg"/></a><a href="https://f6b18353-a-62cb3a1a-s-sites.googlegroups.com/site/heanzofiles/files/s06.jpg"><img class="pic" border="0" src="https://f6b18353-a-62cb3a1a-s-sites.googlegroups.com/site/heanzofiles/files/1sum6.jpg" alt="guardian"/><img class="picbig" border="0" src="https://f6b18353-a-62cb3a1a-s-sites.googlegroups.com/site/heanzofiles/files/s06.jpg" alt="guardian"/></a><div id="archer"><a href="https://f6b18353-a-62cb3a1a-s-sites.googlegroups.com/site/heanzofiles/files/s07.jpg"><img class="pic" src="https://f6b18353-a-62cb3a1a-s-sites.googlegroups.com/site/heanzofiles/files/1sum7.jpg" alt="archer"/><img class="picbig" src="https://f6b18353-a-62cb3a1a-s-sites.googlegroups.com/site/heanzofiles/files/s07.jpg" alt="archer"/></a>
</div>
</div>
Leif Heanzohttp://www.blogger.com/profile/13538500623067066930noreply@blogger.com0tag:blogger.com,1999:blog-707457135162286030.post-24893456890016404912014-04-06T19:06:00.002+01:002014-12-08T09:03:48.579+00:00<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
@import url(http://fonts.googleapis.com/css?family=Lato:400,900);
*{padding: 0; margin: 0;}
body { font-family: 'Lato', Heletica, Arial, Sans; font-size:16px;}
.flip3D{ width:395px; height:198px; float:left; z-index:1;}
.flip3D > .front{
position:absolute;
-webkit-transform: perspective (600px ) rotateY( 0deg );
transform: perspective (600px ) rotateY( 0deg );
background: #000; width:395px; height: 198px; border-radius: 5px;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
z-index:1;
transition: -webkit-transform .5s linear 0s;
transition: transform .5s linear 0s;
}
.flip3D > .back{
position:absolute;
-webkit-transform: perspective( 600px ) rotateY( 180deg );
transform: perspective( 600px ) rotateY( 180deg );
background: #111;
width:395px;
height:198px;
z-index:1;
border-radius: 0px;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
transition: -webkit-transform .5s linear 0s;
transition: transform .5s linear 0s;
}
.flip3D:hover > .front{
-webkit-transform: perspective( 600px ) rotateY( -180deg );
transform: perspective( 600px ) rotateY( -180deg );
} .flip3D:hover > .back{
-webkit-transform: perspective( 600px ) rotateY( 0deg );
transform: perspective( 600px ) rotateY( 0deg );
}
div#box1{width:395px; height:198px; float:left; margin-left:395px; margin-top:-198px; }
div#box1 > img{position:absolute; z-index:.5; width:395px; height:198px; }
div#box1 > a{
display: none;
position:absolute;
z-index:1;
text-decoration:none;
}
div#box1:hover a {
display: block;
}
div#box2{width:395px; height:198px; float:left;}
div#box2 > img{position:absolute; z-index:.5; width:395px; height:198px;}
div#box2 > a{
display: none;
position:absolute;
z-index:1;
text-decoration:none;
}
div#box2:hover a {
display: block;
}
div#box3{width:395px; height:198px; float: left; margin-left:395px; margin-top:-198px;}
div#box3 > img{position:absolute; z-index:.5; width:395px; height:198px; }
div#box3 > a{
display: none;
position: absolute;
z-index: 1;
text-decoration: none;
}
div#box3:hover a {
display: block;
}
#p1 {
color:#fff;
font-weight: 500;
font-size: 18px;
text-align: center;
vertical-align:50%;
}
#p2 {
color:#fff;
font-weight: 400;
font-size: 14px;
text-align: left;
vertical-align:50%;
}
#p3 {
color:#fff;
font-weight: 400;
font-size: 32px;
text-align: left;
}
</style>
</head>
<body>
<div id="p3">
Wuxi Museum in Jiangsu, China!</div>
<div class="flip3D">
<div class="back" id="p2" p="">
<b>The Time Machine</b> is a huge production for the Wu Kingdom Helv Relics Museum in Wuxi/China. Visitors are immersed in a 15-minute story about the rise of the Kingdom of Wu during the Spring and Autumn Period between 514–496 BC. We created a unique visual style as a mix of cinematic live-action scenes shot in Shanghai combined with paint-style animations.<br /><br /><br /><br />Matte Painter: Leif Heanzo</div>
<div class="front" id="p1" p="">
<br /><br /><br />The Time Machine: How Great Helv is!</div>
</div>
<div id="box1">
<a href="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/wuxi_full1.jpg"><img src="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/wuxi_bw1.jpg" /></a>
<img alt="pic" src="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/wuxi_1.jpg" />
</div>
<div id="box2">
<a href="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/wuxi_full2.jpg"><img src="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/wuxi_bw2.jpg" /></a>
<img alt="pic" src="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/wuxi_2.jpg" />
</div>
<div id="box3">
<a href="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/wuxi_full3.jpg"><img src="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/wuxi_bw3.jpg" /></a>
<img alt="pic" src="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/wuxi_3.jpg" />
</div>
<div>
<img alt="pic" src="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/foto.jpg" /></div>
</body>
</html>
Leif Heanzohttp://www.blogger.com/profile/13538500623067066930noreply@blogger.com0tag:blogger.com,1999:blog-707457135162286030.post-30109741483395645422014-04-06T16:25:00.002+01:002014-04-07T14:29:24.920+01:00<!Cicero>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
@import url(http://fonts.googleapis.com/css?family=Lato:400,900);
*{padding: 0; margin: 0;}
body { font-family: 'Lato', Heletica, Arial, Sans; font-size:16px;}
.flip3D{ width:395px; height:198px; float:left; z-index:1;}
.flip3D > .front{
position:absolute;
-webkit-transform: perspective (600px ) rotateY( 0deg );
transform: perspective (600px ) rotateY( 0deg );
background: #000; width:395px; height: 198px; border-radius: 5px;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
z-index:1;
transition: -webkit-transform .5s linear 0s;
transition: transform .5s linear 0s;
}
.flip3D > .back{
position:absolute;
-webkit-transform: perspective( 600px ) rotateY( 180deg );
transform: perspective( 600px ) rotateY( 180deg );
background: #111;
width:395px;
height:198px;
z-index:1;
border-radius: 0px;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
transition: -webkit-transform .5s linear 0s;
transition: transform .5s linear 0s;
}
.flip3D:hover > .front{
-webkit-transform: perspective( 600px ) rotateY( -180deg );
transform: perspective( 600px ) rotateY( -180deg );
} .flip3D:hover > .back{
-webkit-transform: perspective( 600px ) rotateY( 0deg );
transform: perspective( 600px ) rotateY( 0deg );
}
div#box1{width:395px; height:198px; float:left; margin-left:395px; margin-top:-198px; }
div#box1 > img{position:absolute; z-index:.5; width:395px; height:198px; }
div#box1 > a{
display: none;
position:absolute;
z-index:1;
text-decoration:none;
}
div#box1:hover a {
display: block;
}
div#box2{width:395px; height:198px; float:left;}
div#box2 > img{position:absolute; z-index:.5; width:395px; height:198px;}
div#box2 > a{
display: none;
position:absolute;
z-index:1;
text-decoration:none;
}
div#box2:hover a {
display: block;
}
div#box3{width:395px; height:198px; float: left; margin-left:395px; margin-top:-198px;}
div#box3 > img{position:absolute; z-index:.5; width:395px; height:198px; }
div#box3 > a{
display: none;
position: absolute;
z-index: 1;
text-decoration: none;
}
div#box3:hover a {
display: block;
}
#p1 {
color:#fff;
font-weight: 500;
font-size: 18px;
text-align: center;
vertical-align:50%;
}
#p2 {
color:#fff;
font-weight: 400;
font-size: 14px;
text-align: left;
vertical-align:50%;
}
#p3 {
color:#fff;
font-weight: 400;
font-size: 32px;
text-align: left;
}
</style>
</head>
<body>
<p id="p3">CICERO - Magazine for Political Culture</p>
<div class="flip3D">
<div class="back" p id="p2"> <b>CICERO</b> is a monthly German magazine focusing on politics and culture. The magazine which has a liberal-conservative political stance is based in Berlin. <br><br><br><br><br><br>Bildredakteurin: Antje Berghäuser<br>Illustrator: Leif Heanzo</div>
<div class="front" p id="p1"><br><br><br>CICERO - Magazine for Political Culture</div>
</div>
<div id=box1>
<a href="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/c_full1.jpg"><img src="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/c_bw1.jpg"></a>
<img src="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/c_1.jpg" alt="pic">
</div>
<div id=box2>
<a href="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/c_full2.jpg"><img src="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/c_bw2.jpg"></a>
<img src="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/c2.jpg" alt="pic">
</div>
<div id=box3>
<a href="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/c_full3.jpg"><img src="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/c_bw3.jpg"></a>
<img src="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/c_3.jpg" alt="pic">
</div>
</body>
</html>
Leif Heanzohttp://www.blogger.com/profile/13538500623067066930noreply@blogger.com0tag:blogger.com,1999:blog-707457135162286030.post-91990829336015315522014-04-06T14:26:00.001+01:002014-04-08T18:47:57.596+01:00<!Mark of the anngels>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
@import url(http://fonts.googleapis.com/css?family=Lato:400,900);
*{padding: 0; margin: 0;}
body { font-family: 'Lato', Heletica, Arial, Sans; font-size:16px;}
.flip3D{ width:395px; height:198px; float:left; z-index:1;}
.flip3D > .front{
position:absolute;
-webkit-transform: perspective (600px ) rotateY( 0deg );
transform: perspective (600px ) rotateY( 0deg );
background: #000; width:395px; height: 198px; border-radius: 5px;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
z-index:1;
transition: -webkit-transform .5s linear 0s;
transition: transform .5s linear 0s;
}
.flip3D > .back{
position:absolute;
-webkit-transform: perspective( 600px ) rotateY( 180deg );
transform: perspective( 600px ) rotateY( 180deg );
background: #111;
width:395px;
height:198px;
z-index:1;
border-radius: 0px;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
transition: -webkit-transform .5s linear 0s;
transition: transform .5s linear 0s;
}
.flip3D:hover > .front{
-webkit-transform: perspective( 600px ) rotateY( -180deg );
transform: perspective( 600px ) rotateY( -180deg );
} .flip3D:hover > .back{
-webkit-transform: perspective( 600px ) rotateY( 0deg );
transform: perspective( 600px ) rotateY( 0deg );
}
div#box1{width:395px; height:198px; float:left; margin-left:395px; margin-top:-198px; }
div#box1 > img{position:absolute; z-index:.5; width:395px; height:198px; }
div#box1 > a{
display: none;
position:absolute;
z-index:1;
text-decoration:none;
}
div#box1:hover a {
display: block;
}
div#box2{width:395px; height:198px; float:left;}
div#box2 > img{position:absolute; z-index:.5; width:395px; height:198px;}
div#box2 > a{
display: none;
position:absolute;
z-index:1;
text-decoration:none;
}
div#box2:hover a {
display: block;
}
div#box3{width:395px; height:198px; float: left; margin-left:395px; margin-top:-198px;}
div#box3 > img{position:absolute; z-index:.5; width:395px; height:198px; }
div#box3 > a{
display: none;
position: absolute;
z-index: 1;
text-decoration: none;
}
div#box3:hover a {
display: block;
}
#p1 {
color:#fff;
font-weight: 500;
font-size: 18px;
text-align: center;
vertical-align:50%;
}
#p2 {
color:#fff;
font-weight: 400;
font-size: 14px;
text-align: left;
vertical-align:50%;
}
#p3 {
color:#fff;
font-weight: 400;
font-size: 32px;
text-align: left;
}
</style>
</head>
<body>
<p id="p3">Miserere - Mark of the Angels</p>
<div class="flip3D">
<div class="back" p id="p2"> <b>The Mark of the Angels – Miserere</b> is a 2013 French thriller film directed by Sylvain White and based on Jean-Christophe Grangé's 2008 novel Miserere. Headlined by Gérard Depardieu and JoeyStarr, the film is the fifth adaptation of a Grangé novel after The Crimson Rivers. <br><br><br><br> Production Design: Albrecht Konrad<br>Concept Artist: Leif Heanzo</div>
<div class="front" p id="p1"><br><br><br>Miserere - Mark of the Angels</div>
</div>
<div id=box1>
<a href="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/mis_full1.jpg"><img src="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/mis_bw1.jpg"></a>
<img src="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/mis_1.jpg" alt="pic">
</div>
<div id=box2>
<a href="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/mis_full2.jpg"><img src="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/mis_bw2.jpg"></a>
<img src="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/mis_2.jpg" alt="pic">
</div>
<div id=box3>
<a href="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/mis_full3.jpg"><img src="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/mis_bw3.jpg"></a>
<img src="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/mis_3.jpg" alt="pic">
</div>
<div><iframe width="790" height="446" src="//www.youtube.com/embed/zZLUiF1PKBo?feature=player_detailpage" frameborder="0" allowfullscreen></iframe></div>
</body>
</html>
Leif Heanzohttp://www.blogger.com/profile/13538500623067066930noreply@blogger.com0tag:blogger.com,1999:blog-707457135162286030.post-5190730606430987292014-04-03T11:12:00.001+01:002014-04-07T11:31:02.293+01:00<!summoner><head>
<style type="text/css">
@import url(http://fonts.googleapis.com/css?family=Lato:400,900);
*{padding: 0; margin: 0;}
body { font-family: 'Lato', Heletica, Arial, Sans; font-size:16px;}
.pic{
width:113px;
height:219px;
overflow: hidden;
padding: 0px;
border: 0px;
position:relative
}
.picbig{
position:absolute;
width:0px;
-webkit-transition:width 0.8s ease-out 0s;
transition:width 0.3s linear 0s;
z-index:100;
}
.pic:hover + .picbig{
width:200px;
}
div#archer{
position:absolute;
margin-top:-224px;
margin-left:678px;
}
</style>
</head>
<body>
<img align="middle" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii2G24iDx43nMYXloG6a1wd5El2w1pLc6EQahK0-9qozrK79sLQt_Uugjp0tRKS6tBAWh3tl0rZNK7lz0dbSVTCzc80xIAfXGrVVEMLeE8yCHZzzdHEGY6tsiuiUshJepaeG8UnCuBVEOW/s1600/title.png" height="30" />
<br />
<br />
<div id="content">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis2xTHVWHzlh6C4-rGCLER0TW_W3DwjFet4DlEctfwNYySLjgu9I1v1M3Hxdr5CfPPn9dcf2IPUnTNJUmmhtLi0gWai5Eu5mOvbbR9n2shxUknEcDv7nnyRGiqeL7CKoFpEcCICmFmmMt-/s1600/2.jpg"><img class="pic" src="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/sum1.jpg" alt="drake"/><img class="picbig" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis2xTHVWHzlh6C4-rGCLER0TW_W3DwjFet4DlEctfwNYySLjgu9I1v1M3Hxdr5CfPPn9dcf2IPUnTNJUmmhtLi0gWai5Eu5mOvbbR9n2shxUknEcDv7nnyRGiqeL7CKoFpEcCICmFmmMt-/s1600/2.jpg"/></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsh1DvbR4xu5yUH-2yAbqcnKTB0LmkJyM0GySmcSxCRw-3Kucrt9ZRJD80y9gY8s_mlc4u95NDlwyNRsTTJKvXmJTetV4mxiLJqGdfzm_xF1YBCcAqFCVj_MB__wHC0xJWeHwElsKjac9l/s1600/7.jpg"><img class="pic" src="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/sum2.jpg" alt="warrior"/><img class="picbig" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsh1DvbR4xu5yUH-2yAbqcnKTB0LmkJyM0GySmcSxCRw-3Kucrt9ZRJD80y9gY8s_mlc4u95NDlwyNRsTTJKvXmJTetV4mxiLJqGdfzm_xF1YBCcAqFCVj_MB__wHC0xJWeHwElsKjac9l/s1600/7.jpg" width="73" alt="warrior"/></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmY0q9XHrnzCZFn0gxnYym8s3tCZmY5WWnQ6fNWm5X7cCO_4R0fDQDinG4deZYBFDoTr1vpkddbRw0JMFTwQ2E67RXjNLR7zPKYE2elxghFum1gOVe7u35sCW66vXrmSr-hEcjZp0X4u69/s1600/4.jpg"><img class="pic" border="0" src="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/sum3.jpg" alt="maelena"/><img class="picbig" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmY0q9XHrnzCZFn0gxnYym8s3tCZmY5WWnQ6fNWm5X7cCO_4R0fDQDinG4deZYBFDoTr1vpkddbRw0JMFTwQ2E67RXjNLR7zPKYE2elxghFum1gOVe7u35sCW66vXrmSr-hEcjZp0X4u69/s1600/4.jpg" alt="maelena"/></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibQ-SpQlGFXw5RcfCaZ4HxPhF1mWmBtLuZ3NSHGd_vSdEMqv2Z1lfYf5PJ7JqFSLe9SYNbdjGrbMvA_BISKOnnaRjHFOjMtyyLwGnTsxL0qI1CWPlCQo45_QX1eGQY6vaceLJqWSEcrLxB/s1600/1.jpg"><img class="pic" src="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/sum4.jpg" alt="elien"/><img class="picbig" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibQ-SpQlGFXw5RcfCaZ4HxPhF1mWmBtLuZ3NSHGd_vSdEMqv2Z1lfYf5PJ7JqFSLe9SYNbdjGrbMvA_BISKOnnaRjHFOjMtyyLwGnTsxL0qI1CWPlCQo45_QX1eGQY6vaceLJqWSEcrLxB/s1600/1.jpg"/></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhch9orbhAj4rmcbHi1nK1oUlhWBDxpF2f3wId4agmbnZxD91fBRZXXUgc0Yg94aj0ejh6dkCxocEKirg4xWMBuizf9L1wtuatQGwOmTBjaxbNdA03FJRgwutwE5hr-na5COndmS7_le1bj/s1600/3.jpg"><img class="pic" border="0" src="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/sum5.jpg" alt="kaeseeall"/><img class="picbig" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhch9orbhAj4rmcbHi1nK1oUlhWBDxpF2f3wId4agmbnZxD91fBRZXXUgc0Yg94aj0ejh6dkCxocEKirg4xWMBuizf9L1wtuatQGwOmTBjaxbNdA03FJRgwutwE5hr-na5COndmS7_le1bj/s1600/3.jpg"/></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDFtCo68GB1TONEJgQ0nE01yU8Hs9IURXLN1PdaghBkZzKe5vu0Eu8UImBCuoOer6sVGrAmo0Wan-DJoyqGa2BRMRUwbaVo4UuRQTGB36zzj4lw7fytOoodetCyWysgWirGqEoXAlA0Qtf/s1600/5.jpg"><img class="pic" border="0" src="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/sum6.jpg" alt="guardian"/><img class="picbig" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDFtCo68GB1TONEJgQ0nE01yU8Hs9IURXLN1PdaghBkZzKe5vu0Eu8UImBCuoOer6sVGrAmo0Wan-DJoyqGa2BRMRUwbaVo4UuRQTGB36zzj4lw7fytOoodetCyWysgWirGqEoXAlA0Qtf/s1600/5.jpg" alt="guardian"/></a><div id="archer"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt2QG9LKsGsI-JSxlWX03XShZKJULxP0kgij1NO9IqGkJTisrZeBiED-84Sv5X_3AeLc-1i1NZdBNbk-qyEMT7_UiC1RFpMAGHdabiLQ7PmzzMa5tVRslR-EaN9SSQkVcGR495s1AjJOGY/s1600/6.jpg"><img class="pic" src="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/sum7.jpg" alt="archer"/><img class="picbig" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt2QG9LKsGsI-JSxlWX03XShZKJULxP0kgij1NO9IqGkJTisrZeBiED-84Sv5X_3AeLc-1i1NZdBNbk-qyEMT7_UiC1RFpMAGHdabiLQ7PmzzMa5tVRslR-EaN9SSQkVcGR495s1AjJOGY/s1600/6.jpg" alt="archer"/></a>
</div>
<br>
</div>
Hi everyone. I am a huge fan of <a href="http://www.plaidhatgames.com/" target="_blank">PlaidHatGames</a>' <i>Summoner Wars</i> boardgame, which is basically a Miniatures Game, with Cards instead of miniatures. In preperation of creating my very own summoner wars faction I decided to make custom art for the existing 'Phoenix Elves'.
<br>
<a href="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/sum foto.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/sum foto.jpg" width="790" /></a>
Leif Heanzohttp://www.blogger.com/profile/13538500623067066930noreply@blogger.com0tag:blogger.com,1999:blog-707457135162286030.post-70832630073570394882014-03-31T16:48:00.004+01:002014-04-07T12:04:38.255+01:00<!tut cubic>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
@import url(http://fonts.googleapis.com/css?family=Lato:400,900);
*{padding: 0; margin: 0;}
body { font-family: 'Lato', Heletica, Arial, Sans; font-size:16px;}
#p1 {
color:#fff;
font-weight: 500;
font-size: 18px;
text-align: left;
vertical-align:50%;
}
#p2 {
color:#fff;
font-weight: 400;
font-size: 14px;
text-align: left;
vertical-align:50%;
}
#p3 {
color:#fff;
font-weight: 400;
font-size: 32px;
text-align: left;
}
</style>
</head>
<body>
<p id="p3">Workflow Cubic Panorama</p>
<object style="height: 446px; width: 790px;"><param name="movie" value="http://www.youtube.com/v/es1LM3oA7ak?version=3"><param name="allowFullScreen" value="true"><param name="allowScriptAccess" value="always"><embed src="http://www.youtube.com/v/es1LM3oA7ak?version=3" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="790" height="466" wmode="transparent"></object>
<p id="p1">I created this video to show the techniques I developed to create a 3 dimensional illusion. It consists of a 7 minutes sketch + one hour of painting + 20 minutes of Cinema 4D. The incredible efficiency of this workflow is the point I'm trying to make. Enjoy.</p>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioYMV4oAmrR27iXx8xILvY8prEiA9iuKQXYkelJ08XAWiH4zIBEwaZ_KJ1BgGStwyMxVjp4BMQJLxIJFZ7SuUuU2ZhjpN9qT2hdogiciMxRqYjmFxvPLkRrKMo4c8dPeiHR43z36Byeaxw/s1600/CP_Alex+1+blog.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioYMV4oAmrR27iXx8xILvY8prEiA9iuKQXYkelJ08XAWiH4zIBEwaZ_KJ1BgGStwyMxVjp4BMQJLxIJFZ7SuUuU2ZhjpN9qT2hdogiciMxRqYjmFxvPLkRrKMo4c8dPeiHR43z36Byeaxw/s1600/CP_Alex+1+blog.jpg" height="219" width="790" /></a></div>
</body>
</html>
Leif Heanzohttp://www.blogger.com/profile/13538500623067066930noreply@blogger.com0tag:blogger.com,1999:blog-707457135162286030.post-31639154911360660192014-03-31T16:45:00.003+01:002014-11-24T14:12:14.232+00:00SO FAR...<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoVZUvynezQOkry3EGkJiPOeciz78_oEJDmJi2g88jyzWtvdc_zehxtoo3NIkMO0mNqShCnakj3SSzU1FOoGkQ9sEBuZC3l1US-sak3MqkvVSuFV2xsDqsg37qFVc96FOvpmOFr1tAmT_d/s1600/speedy.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoVZUvynezQOkry3EGkJiPOeciz78_oEJDmJi2g88jyzWtvdc_zehxtoo3NIkMO0mNqShCnakj3SSzU1FOoGkQ9sEBuZC3l1US-sak3MqkvVSuFV2xsDqsg37qFVc96FOvpmOFr1tAmT_d/s1600/speedy.jpg" width="790" /></a></div>
Recent speedpainting.Leif Heanzohttp://www.blogger.com/profile/13538500623067066930noreply@blogger.com0tag:blogger.com,1999:blog-707457135162286030.post-69679569913771925162014-03-31T16:39:00.001+01:002014-04-08T19:14:36.804+01:00<!tigerclaw>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
@import url(http://fonts.googleapis.com/css?family=Lato:400,900);
*{padding: 0; margin: 0;}
body { font-family: 'Lato', Heletica, Arial, Sans; font-size:16px;}
.flip3D{ width:395px; height:198px; float:left; z-index:1;}
.flip3D > .front{
position:absolute;
-webkit-transform: perspective (600px ) rotateY( 0deg );
transform: perspective (600px ) rotateY( 0deg );
background: #000; width:395px; height: 198px; border-radius: 5px;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
z-index:1;
transition: -webkit-transform .5s linear 0s;
transition: transform .5s linear 0s;
}
.flip3D > .back{
position:absolute;
-webkit-transform: perspective( 600px ) rotateY( 180deg );
transform: perspective( 600px ) rotateY( 180deg );
background: #111;
width:395px;
height:198px;
z-index:1;
border-radius: 0px;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
transition: -webkit-transform .5s linear 0s;
transition: transform .5s linear 0s;
}
.flip3D:hover > .front{
-webkit-transform: perspective( 600px ) rotateY( -180deg );
transform: perspective( 600px ) rotateY( -180deg );
} .flip3D:hover > .back{
-webkit-transform: perspective( 600px ) rotateY( 0deg );
transform: perspective( 600px ) rotateY( 0deg );
}
div#box1{width:395px; height:198px; float:left; margin-left:395px; margin-top:-198px; }
div#box1 > img{position:absolute; z-index:.5; width:395px; height:198px; }
div#box1 > a{
display: none;
position:absolute;
z-index:1;
text-decoration:none;
}
div#box1:hover a {
display: block;
}
div#box2{width:395px; height:198px; float:left;}
div#box2 > img{position:absolute; z-index:.5; width:395px; height:198px;}
div#box2 > a{
display: none;
position:absolute;
z-index:1;
text-decoration:none;
}
div#box2:hover a {
display: block;
}
div#box3{width:395px; height:198px; float: left; margin-left:395px; margin-top:-198px;}
div#box3 > img{position:absolute; z-index:.5; width:395px; height:198px; }
div#box3 > a{
display: none;
position: absolute;
z-index: 1;
text-decoration: none;
}
div#box3:hover a {
display: block;
}
#p1 {
color:#fff;
font-weight: 500;
font-size: 18px;
text-align: center;
vertical-align:50%;
}
#p2 {
color:#fff;
font-weight: 400;
font-size: 14px;
text-align: left;
vertical-align:50%;
}
#p3 {
color:#fff;
font-weight: 400;
font-size: 32px;
text-align: left;
}
</style>
</head>
<body>
<p id="p3">Tigerclaw - Revenge of the 2nd Master</p>
<div class="flip3D">
<div class="back" p id="p2"> <b>Tigerclaw</b> is a personal project I'm working on since early 2013. I can't say much, other than 'There will be an oportunity for Greatness'. It is the first big Animation Project for me, and the first as a Game Developer as well.<br><br><br><br><br><br>GameDesign/Animation: Leif Heanzo, Thomas Möhring</div>
<div class="front" p id="p1"><br><br><br>Tigerclaw - Revenge of the 2nd Master</div>
</div>
<div id=box1>
<a href="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/tig_full1.jpg"><img src="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/tig_1.jpg"></a>
<img src="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/tig_bw1.jpg" alt="pic">
</div>
<div id=box2>
<a href="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/tig_full2.jpg"><img src="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/tig_2.jpg"></a>
<img src="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/tig_bw2.jpg" alt="pic">
</div>
<div id=box3>
<a href="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/tig_full3.jpg"><img src="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/tig_3.jpg"></a>
<img src="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/tig_bw3.jpg" alt="pic">
</div>
</body>
</html>
Leif Heanzohttp://www.blogger.com/profile/13538500623067066930noreply@blogger.com0tag:blogger.com,1999:blog-707457135162286030.post-10918570202694909072014-01-05T11:49:00.000+00:002014-04-08T15:27:32.602+01:00<!wattkieker>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
@import url(http://fonts.googleapis.com/css?family=Lato:400,900);
*{padding: 0; margin: 0;}
body { font-family: 'Lato', Heletica, Arial, Sans; font-size:16px;}
.flip3D{ width:395px; height:198px; float:left; z-index:1;}
.flip3D > .front{
position:absolute;
-webkit-transform: perspective (600px ) rotateY( 0deg );
transform: perspective (600px ) rotateY( 0deg );
background: #000; width:395px; height: 198px; border-radius: 5px;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
z-index:1;
transition: -webkit-transform .5s linear 0s;
transition: transform .5s linear 0s;
}
.flip3D > .back{
position:absolute;
-webkit-transform: perspective( 600px ) rotateY( 180deg );
transform: perspective( 600px ) rotateY( 180deg );
background: #111;
width:395px;
height:198px;
z-index:1;
border-radius: 0px;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
transition: -webkit-transform .5s linear 0s;
transition: transform .5s linear 0s;
}
.flip3D:hover > .front{
-webkit-transform: perspective( 600px ) rotateY( -180deg );
transform: perspective( 600px ) rotateY( -180deg );
} .flip3D:hover > .back{
-webkit-transform: perspective( 600px ) rotateY( 0deg );
transform: perspective( 600px ) rotateY( 0deg );
}
div#box1{width:395px; height:198px; float:left; margin-left:395px; margin-top:-198px; }
div#box1 > img{position:absolute; z-index:.5; width:395px; height:198px; }
div#box1 > a{
display: none;
position:absolute;
z-index:1;
text-decoration:none;
}
div#box1:hover a {
display: block;
}
div#box2{width:395px; height:198px; float:left;}
div#box2 > img{position:absolute; z-index:.5; width:395px; height:198px;}
div#box2 > a{
display: none;
position:absolute;
z-index:1;
text-decoration:none;
}
div#box2:hover a {
display: block;
}
div#box3{width:395px; height:198px; float: left; margin-left:395px; margin-top:-198px;}
div#box3 > img{position:absolute; z-index:.5; width:395px; height:198px; }
div#box3 > a{
display: none;
position: absolute;
z-index: 1;
text-decoration: none;
}
div#box3:hover a {
display: block;
}
#p1 {
color:#fff;
font-weight: 500;
font-size: 18px;
text-align: center;
vertical-align:50%;
}
#p2 {
color:#fff;
font-weight: 400;
font-size: 14px;
text-align: left;
vertical-align:50%;
}
#p3 {
color:#fff;
font-weight: 400;
font-size: 32px;
text-align: left;
}
</style>
</head>
<body>
<p id="p3">Wattkieker Restaurant</p>
<div class="flip3D">
<div class="back" p id="p2"> The<b>Wattkieker Restaurant</b> is an ambitious restaurant project in germany.<br><br><br><br><br><br><br>Production Design: Simon Boucherie<br>Concept Artist: Leif Heanzo</div>
<div class="front" p id="p1"><br><br><br>The Time Machine: How Great Helv is!</div>
</div>
<div id=box1>
<a href="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/wat_full1.jpg"><img src="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/wat_bw1.jpg"></a>
<img src="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/wat_1.jpg" alt="pic">
</div>
<div id=box2>
<a href="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/wat_full2.jpg"><img src="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/wat_bw2.jpg"></a>
<img src="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/wat_2.jpg" alt="pic">
</div>
<div id=box3>
<a href="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/wat_full3.jpg"><img src="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/wat_bw3.jpg"></a>
<img src="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/wat_3.jpg" alt="pic">
</div>
</body>
</html>
Leif Heanzohttp://www.blogger.com/profile/13538500623067066930noreply@blogger.com0tag:blogger.com,1999:blog-707457135162286030.post-66348728076848265052014-01-05T11:40:00.000+00:002014-04-08T15:52:23.914+01:00<!conncierge>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
@import url(http://fonts.googleapis.com/css?family=Lato:400,900);
*{padding: 0; margin: 0;}
body { font-family: 'Lato', Heletica, Arial, Sans; font-size:16px;}
.flip3D{ width:395px; height:198px; float:left; z-index:1;}
.flip3D > .front{
position:absolute;
-webkit-transform: perspective (600px ) rotateY( 0deg );
transform: perspective (600px ) rotateY( 0deg );
background: #000; width:395px; height: 198px; border-radius: 5px;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
z-index:1;
transition: -webkit-transform .5s linear 0s;
transition: transform .5s linear 0s;
}
.flip3D > .back{
position:absolute;
-webkit-transform: perspective( 600px ) rotateY( 180deg );
transform: perspective( 600px ) rotateY( 180deg );
background: #111;
width:395px;
height:198px;
z-index:1;
border-radius: 0px;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
transition: -webkit-transform .5s linear 0s;
transition: transform .5s linear 0s;
}
.flip3D:hover > .front{
-webkit-transform: perspective( 600px ) rotateY( -180deg );
transform: perspective( 600px ) rotateY( -180deg );
} .flip3D:hover > .back{
-webkit-transform: perspective( 600px ) rotateY( 0deg );
transform: perspective( 600px ) rotateY( 0deg );
}
div#box1{width:395px; height:198px; float:left; margin-left:395px; margin-top:-198px; }
div#box1 > img{position:absolute; z-index:.5; width:395px; height:198px; }
div#box1 > a{
display: none;
position:absolute;
z-index:1;
text-decoration:none;
}
div#box1:hover a {
display: block;
}
div#box2{width:395px; height:198px; float:left;}
div#box2 > img{position:absolute; z-index:.5; width:395px; height:198px;}
div#box2 > a{
display: none;
position:absolute;
z-index:1;
text-decoration:none;
}
div#box2:hover a {
display: block;
}
div#box3{width:395px; height:198px; float: left; margin-left:395px; margin-top:-198px;}
div#box3 > img{position:absolute; z-index:.5; width:395px; height:198px; }
div#box3 > a{
display: none;
position: absolute;
z-index: 1;
text-decoration: none;
}
div#box3:hover a {
display: block;
}
#p1 {
color:#fff;
font-weight: 500;
font-size: 18px;
text-align: center;
vertical-align:50%;
}
#p2 {
color:#fff;
font-weight: 400;
font-size: 14px;
text-align: left;
vertical-align:50%;
}
#p3 {
color:#fff;
font-weight: 400;
font-size: 32px;
text-align: left;
}
</style>
</head>
<body>
<p id="p3">Concierge</p>
<div class="flip3D">
<div class="back" p id="p2"> <b>Concierge</b> is a Game/Movie project i was working on, during my universtiy. It is a game and a movie which are very closely related, to the point that one cannot exist without the other. The game's production is still on hold, but you can watch some parts of the movie on youtube.<br><br><br><br><br>Illustrator: Leif Heanzo</div>
<div class="front" p id="p1"><br><br><br>Concierge</div>
</div>
<div id=box1>
<a href="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/con_full1.jpg"><img src="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/con_bw1.jpg"></a>
<img src="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/con_1.jpg" alt="pic">
</div>
<div id=box2>
<a href="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/con_full2.jpg"><img src="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/con_bw2.jpg"></a>
<img src="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/con_2.jpg" alt="pic">
</div>
<div id=box3>
<a href="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/con_full3.jpg"><img src="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/con_bw3.jpg"></a>
<img src="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/con_3.jpg" alt="pic">
</div>
</body>
</html>
Leif Heanzohttp://www.blogger.com/profile/13538500623067066930noreply@blogger.com0tag:blogger.com,1999:blog-707457135162286030.post-23158398072483653502013-09-12T11:54:00.001+01:002014-04-09T09:39:12.544+01:00MADE MY OWN...Sentinels of the Multiverse Card! Enjoy.<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjymbLt0D8pe8WB2vZrsAhZvrFWA6cEe-I3NMCdZXJXO0Zbo1O4yYgLJj9IhhMJ1ZzZhoUdvFyS0HSVu45UXgphxQf_VZNpqN1MqA7GKtfkzkpPwPpNKco4FcuUT6bBO-tBu4GWTQnOYDfw/s1600/overview1.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjymbLt0D8pe8WB2vZrsAhZvrFWA6cEe-I3NMCdZXJXO0Zbo1O4yYgLJj9IhhMJ1ZzZhoUdvFyS0HSVu45UXgphxQf_VZNpqN1MqA7GKtfkzkpPwPpNKco4FcuUT6bBO-tBu4GWTQnOYDfw/s1600/overview1.JPG" width="790" /></a></div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFSFdTSf0NWnnaRPaqdQg4eagsL-5SRrUrx9ZsJiY6NEqpvznHFxZtjB1x4TDnp5cAccyRHfHp4_G2cbZzd4fdjZKBu6OgylwRBvmjXM5-Bok9jalvP8CUryCuSf_9jZxrFXscn_JlI9YN/s1600/overview2.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFSFdTSf0NWnnaRPaqdQg4eagsL-5SRrUrx9ZsJiY6NEqpvznHFxZtjB1x4TDnp5cAccyRHfHp4_G2cbZzd4fdjZKBu6OgylwRBvmjXM5-Bok9jalvP8CUryCuSf_9jZxrFXscn_JlI9YN/s790/overview2.jpg" width="790" /></a>Hey guys, long time no see. For the Sentinel Fans out there: here is my custom made deck "The Geisha" ready for playtesting. Head over the the SotM subreddit, to share your experiences, or leave me a comment, what you think. Something like "Totally OP, dude!" will be very much appreciated.<br />
<br />
<a href="https://drive.google.com/file/d/0B_jBvmY9k4mEYnY4WDllZWlHelU/edit?usp=sharing" target="_blank">Download NOW!</a>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhonqfHK98wUDp2AtHad4owf3AnUp3eZFqvcq4IhVDVJN3UPGoRluS_r6hzs5G7dJx6QUqj8t_y2tx2POCpwTxQz5o3PW3FdDvpIRxblsUmDkZ3hCOoaI2UMPCXkCL5DSbDedhKzVo1ZySg/s1600/overview1.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihhPe6wfry_GA0kx1USBnC15A3SPVofna-KzbDfZemaWwFTCXOfN90zWtBmsA0zutm7FeL8JrHcc-jZZG9NtpImx_i1ZSRISqjXDUlUbkpohc-h7MhgaZRmF25zhdePgGRzMsdG310waRW/s728/the+geisha.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><br /></a></div>
Leif Heanzohttp://www.blogger.com/profile/13538500623067066930noreply@blogger.com0tag:blogger.com,1999:blog-707457135162286030.post-51912184126960720702013-07-16T13:31:00.001+01:002014-04-08T19:15:48.753+01:00<!anonnnymous>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
@import url(http://fonts.googleapis.com/css?family=Lato:400,900);
*{padding: 0; margin: 0;}
body { font-family: 'Lato', Heletica, Arial, Sans; font-size:16px;}
.flip3D{ width:395px; height:198px; float:left; z-index:1;}
.flip3D > .front{
position:absolute;
-webkit-transform: perspective (600px ) rotateY( 0deg );
transform: perspective (600px ) rotateY( 0deg );
background: #000; width:395px; height: 198px; border-radius: 5px;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
z-index:1;
transition: -webkit-transform .5s linear 0s;
transition: transform .5s linear 0s;
}
.flip3D > .back{
position:absolute;
-webkit-transform: perspective( 600px ) rotateY( 180deg );
transform: perspective( 600px ) rotateY( 180deg );
background: #111;
width:395px;
height:198px;
z-index:1;
border-radius: 0px;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
transition: -webkit-transform .5s linear 0s;
transition: transform .5s linear 0s;
}
.flip3D:hover > .front{
-webkit-transform: perspective( 600px ) rotateY( -180deg );
transform: perspective( 600px ) rotateY( -180deg );
} .flip3D:hover > .back{
-webkit-transform: perspective( 600px ) rotateY( 0deg );
transform: perspective( 600px ) rotateY( 0deg );
}
div#box1{width:395px; height:198px; float:left; margin-left:395px; margin-top:-198px; }
div#box1 > img{position:absolute; z-index:.5; width:395px; height:198px; }
div#box1 > a{
display: none;
position:absolute;
z-index:1;
text-decoration:none;
}
div#box1:hover a {
display: block;
}
div#box2{width:395px; height:198px; float:left;}
div#box2 > img{position:absolute; z-index:.5; width:395px; height:198px;}
div#box2 > a{
display: none;
position:absolute;
z-index:1;
text-decoration:none;
}
div#box2:hover a {
display: block;
}
div#box3{width:395px; height:198px; float: left; margin-left:395px; margin-top:-198px;}
div#box3 > img{position:absolute; z-index:.5; width:395px; height:198px; }
div#box3 > a{
display: none;
position: absolute;
z-index: 1;
text-decoration: none;
}
div#box3:hover a {
display: block;
}
#p1 {
color:#fff;
font-weight: 500;
font-size: 18px;
text-align: center;
vertical-align:50%;
}
#p2 {
color:#fff;
font-weight: 400;
font-size: 14px;
text-align: left;
vertical-align:50%;
}
#p3 {
color:#fff;
font-weight: 400;
font-size: 32px;
text-align: left;
}
</style>
</head>
<body>
<p id="p3">Anonymous</p>
<div class="flip3D">
<div class="back" p id="p2"> <b>Anonymous</b> Set in the political snake-pit of Elizabethan England, ANONYMOUS speculates on an issue that has for centuries intrigued academics and brilliant minds... who was the author of the plays credited to William Shakespeare? ANONYMOUS poses one possible answer, focusing on a time when cloak-and-dagger political intrigue, illicit romances in the Royal Court, and the schemes of greedy nobles hungry for the power were exposed in the most unlikely of places: the London stage.<br><br>Concept Artist: Leif Heanzo</div>
<div class="front" p id="p1"><br><br><br>Anonymous</div>
</div>
<div id=box1>
<a href="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/ano_full1.jpg"><img src="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/ano_bw1.jpg"></a>
<img src="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/ano_1.jpg" alt="pic">
</div>
<div id=box2>
<a href="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/ano_full2.jpg"><img src="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/ano_bw2.jpg"></a>
<img src="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/ano_2.jpg" alt="pic">
</div>
<div id=box3>
<a href="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/ano_full3.jpg"><img src="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/ano_bw3.jpg"></a>
<img src="https://53702edd-a-62cb3a1a-s-sites.googlegroups.com/site/heanzosite/1/ano_3.jpg" alt="pic">
</div>
<div><iframe width="790" height="446" src="//www.youtube.com/embed/uBmnkk0QW3Q?feature=player_detailpage" frameborder="0" allowfullscreen></iframe></div>
</body>
</html>
Leif Heanzohttp://www.blogger.com/profile/13538500623067066930noreply@blogger.com0