*/ /* Content ----------------------------------------------- */ body { font: $(body.font); color: $(body.text.color); background: $(body.background); padding: 0 $(content.shadow.spread) $(content.shadow.spread) $(content.shadow.spread); $(body.background.override) } html body $(page.width.selector) { min-width: 0; max-width: 100%; width: $(page.width); } a:link { text-decoration:none; color: $(link.color); } a:visited { text-decoration:none; color: $(link.visited.color); } a:hover { text-decoration:none; color: $(link.hover.color); } .body-fauxcolumn-outer .fauxcolumn-inner { background: transparent $(body.background.gradient.tile) repeat scroll top left; _background-image: none; } .body-fauxcolumn-outer .cap-top { position: absolute; z-index: 1; height: 400px; width: 100%; background: $(body.background); $(body.background.override) } .body-fauxcolumn-outer .cap-top .cap-left { width: 100%; background: transparent $(body.background.gradient.cap) repeat-x scroll top left; _background-image: none; } .content-outer { -moz-box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15); -webkit-box-shadow: 0 0 $(content.shadow.spread.webkit) rgba(0, 0, 0, .15); -goog-ms-box-shadow: 0 0 $(content.shadow.spread.ie) #333333; box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15); margin-bottom: 1px; } $(content.background.color.selector) { background-color: $(content.background.color); } /* Header ----------------------------------------------- */ .header-outer { background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px; _background-image: none; } .Header h1 { font: $(header.font); color: $(header.text.color); text-shadow: $(header.shadow.offset.left) $(header.shadow.offset.top) $(header.shadow.spread) rgba(0, 0, 0, .2); } .Header h1 a { color: $(header.text.color); } .Header .description { font-size: $(description.text.size); color: $(description.text.color); } .header-inner .Header .titlewrapper { padding: 0 0 55px 0; } .header-inner .Header .descriptionwrapper { padding: 0 $(header.padding); } /* Tabs ----------------------------------------------- */ .tabs-inner .section:first-child { border-top: $(header.bottom.border.size) solid $(tabs.border.color); } .tabs-inner .section:first-child ul { margin-top: -$(header.border.size); border-top: $(header.border.size) solid $(tabs.border.color); border-left: $(header.border.horizontalsize) solid $(tabs.border.color); border-right: $(header.border.horizontalsize) solid $(tabs.border.color); } .tabs-inner .widget ul { background: $(tabs.background.color) $(tabs.background.gradient) repeat-x scroll 0 -800px; _background-image: none; border-bottom: $(tabs.border.width) solid $(tabs.border.color); margin-top: $(tabs.margin.top); margin-left: -$(tabs.margin.side); margin-right: -$(tabs.margin.side); } .tabs-inner .widget li a { display: inline-block; padding: .6em 1em; font: $(tabs.font); color: $(tabs.text.color); border-$startSide: $(tabs.border.width) solid $(content.background.color); border-$endSide: $(tabs.bevel.border.width) solid $(tabs.border.color); } .tabs-inner .widget li:first-child a { border-$startSide: none; } .tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover { color: $(tabs.selected.text.color); background-color: $(tabs.selected.background.color); text-decoration: none; } /* Columns ----------------------------------------------- */ .main-outer { border-top: $(main.border.width) solid $(body.rule.color); } .fauxcolumn-left-outer .fauxcolumn-inner { border-right: 1px solid $(body.rule.color); } .fauxcolumn-right-outer .fauxcolumn-inner { border-left: 1px solid $(body.rule.color); } /* Headings ----------------------------------------------- */ /*h2 { margin: 0 0 1em 0; font: $(widget.title.font); color: $(widget.title.text.color); text-transform: uppercase; }*/ /* Widgets ----------------------------------------------- */ .widget .zippy { color: $(widget.alternate.text.color); text-shadow: 2px 2px 1px rgba(0, 0, 0, .1); } .widget .popular-posts ul { list-style: none; } /* Posts ----------------------------------------------- */ .date-header span { /*background-color: $(date.header.background.color); color: $(date.header.color); padding: $(date.header.padding); letter-spacing: $(date.header.letterspacing); margin: $(date.header.margin);*/ font: normal bold 15px Mountains of Christmas; } .main-inner { padding-top: $(main.padding.top); padding-bottom: $(main.padding.bottom); } .main-inner .column-center-inner { padding: 0 $(main.padding); } .main-inner .column-center-inner .section { margin: 0 $(main.section.margin); } .post { margin: 0 0 $(post.margin.bottom) 0; } h3.post-title, .comments h4 { font: $(post.title.font); margin: .75em 0 0; } .post-body { font-size: 110%; line-height: 1.4; position: relative; } .post-body img, .post-body .tr-caption-container, .Profile img, .Image img, .BlogList .item-thumbnail img { padding: $(image.border.small.size); background: none; border: none; /*-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1); -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1); box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);*/ } .post-body img, .post-body .tr-caption-container { padding: $(image.border.large.size); } .post-body .tr-caption-container { color: $(image.text.color); } .post-body .tr-caption-container img { padding: 0; background: transparent; border: none; -moz-box-shadow: 0 0 0 rgba(0, 0, 0, .1); -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .1); box-shadow: 0 0 0 rgba(0, 0, 0, .1); } .post-header { margin: 0 0 1.5em; line-height: 1.6; font-size: 90%; } .post-footer { margin: 20px -2px 50px 0; padding: 5px 10px; color: $(post.footer.text.color); background-color: $(post.footer.background.color); /*border-top: 1px solid $(post.footer.border.color);*/ border-bottom: 1px solid $(post.footer.border.color); line-height: 1.6; font-size: 90%; } #comments .comment-author { padding-top: 1.5em; border-top: 1px solid $(body.rule.color); background-position: 0 1.5em; } #comments .comment-author:first-child { padding-top: 0; border-top: none; } .avatar-image-container { margin: .2em 0 0; } #comments .avatar-image-container img { border: 1px solid $(image.border.color); } /* Accents ---------------------------------------------- */ .section-columns td.columns-cell { border-$startSide: 1px solid $(body.rule.color); } .blog-pager { background: $(paging.background); } .blog-pager-older-link, .home-link, .blog-pager-newer-link { background-color: $(content.background.color); padding: 5px; } .footer-outer { border-top: $(footer.bevel) dashed #bbbbbb; } /* Mobile ----------------------------------------------- */ body.mobile { background-size: $(mobile.background.size); } .mobile .body-fauxcolumn-outer { background: $(mobile.background.overlay); } .mobile .body-fauxcolumn-outer .cap-top { background-size: 100% auto; } .mobile .content-outer { -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .15); box-shadow: 0 0 3px rgba(0, 0, 0, .15); padding: 0 $(content.shadow.spread); } body.mobile .AdSense { margin: 0 -$(content.shadow.spread); } .mobile .tabs-inner .widget ul { margin-left: 0; margin-right: 0; } .mobile .post { margin: 0; } .mobile .main-inner .column-center-inner .section { margin: 0; } .mobile .date-header span { padding: 0.1em 10px; margin: 0 -10px; } .mobile h3.post-title { margin: 0; } .mobile .blog-pager { background: transparent none no-repeat scroll top center; } .mobile .footer-outer { border-top: none; } .mobile .main-inner, .mobile .footer-inner { background-color: $(content.background.color); } .mobile-index-contents { color: $(body.text.color); } .mobile-link-button { background-color: $(link.color); } .mobile-link-button a:link, .mobile-link-button a:visited { color: $(mobile.button.color); } .mobile .tabs-inner .section:first-child { border-top: none; } .mobile .tabs-inner .PageList .widget-content { background-color: $(tabs.selected.background.color); color: $(tabs.selected.text.color); border-top: $(tabs.border.width) solid $(tabs.border.color); border-bottom: $(tabs.border.width) solid $(tabs.border.color); } .mobile .tabs-inner .PageList .widget-content .pagelist-arrow { border-$startSide: 1px solid $(tabs.border.color); } #navbar-iframe {height:0px;visibility:hidden;display:none}.title { visibility: hidden; height: 130px; } h2.title { padding-top: 15px; visibility: visible; height: 35px; } .content-inner { padding: 0px 0px 0px 0px; } .header-inner { background-image: url("http://media.nathanael3d.com/home_title.jpg"); background-repeat: no-repeat; } .tabs-outer { text-transform: uppercase; border: 1px solid #161616; } h3.entry-title { margin: 0 0 0 0; padding: 0 0 10px 0; border-bottom: 2px solid grey; width: 710px; } .post-title { margin: 0 0 0 0; } .post-footer,.blog-pager,.blog-feeds { } h1 { margin: 0 0 25px 0; font: normal bold 25px Mountains of Christmas; color: #78b01d; font-variant: small-caps; text-align: center; font-weight: bold; } h2 { margin: 10px 0 3px 0; font: normal bold 20px Mountains of Christmas; color: #78b01d; text-transform: uppercase; } h3 { margin: 30px 0 10px 0; font: normal bold 20px Mountains of Christmas; color: #ffffff; } h4 { font: normal bold 20px Mountains of Christmas; color: #78b01d; } h5 { font: normal normal 14px Verdana; text-align: left; line-height: 150%; color: #cbcbcb; } h6 { margin: 10px 0 3px 0; font: normal bold 30px Mountains of Christmas; color: #78b01d; text-transform: uppercase; } .bold_green { font: bold normal 16px Verdana; text-align: left; color: #78b01d; } .page_title { font: normal bold 30px Mountains of Christmas; color: #ffffff; text-align: center; /*font-variant:small-caps;*/ } .page_title_hidden { display: none; } ul { font: normal 14px Verdana; list-style-type: disc; /*list-style-image: url("http://media.nathanael3D.com/puce.png");*/ } .img_projects { text-align: center; } .img_gallery img{ text-align: center; } .barre { margin: 0px -30px; height: 40px; background: #101010; } .tab_about { width:710px; padding-left: 25px; } .tab_reel { width: 500px; padding-left: 25px; } .tab_stuff { width:710px; padding: 10px 0 10px 0; border-top: 1px solid #4c4c4c; } .td_about { width: 125px; font: bold 16px Verdana; color: #78b01d; } .td_project { width: 125px; font: bold 16px Verdana; color: #78b01d; } .td_reel { width: 60px; font: bold 16px Verdana; color: #78b01d; } .tr_about { vertical-align: text-top; } .green-title { font: bold 16px Verdana; color: #78b01d; } .tab_title { width: 710px; border-top: 1px solid #4c4c4c; border-bottom: 1px solid #4c4c4c; } .separator { width: 710px; border-top: 1px solid #4c4c4c; margin: 40px 0 40px 0; } .highlight img{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); -moz-opacity: 0.90; opacity: 0.90; } .highlight:hover img{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; background-color: #78b01d; } ]]>
0 -1 false false BEHIND 0

Home

▼
commentaires true Publié par true TextAndImage Réactions : false 1x1 false false 1 #292929 Liens vers ce message true #cbcbcb true #868686 Pays/territoire : false #ffffff #292929 false Libellés : false false false
</div></div> <div class="date-outer">

<div class="date-posts">
</div></div>

A quick overview of my skills and the projects I've worked on until now. Check the <a href="http://www.nathanael3d.com/p/projects.html" target="_blank" title="Project page">Projects</a> section for more information about them. Happy watching :) <br/><br/><br/> <h2>MOCAP</h2> <a href="#" onclick="show_reel('mocap');"><i>watch here</i></a> <br/><br/> I'm still working on my mocap reel. In the meantime, feel free to consult the one from <a href="https://www.mimicproductions.com/" target="_blank">Mimic Productions</a>, where I've been working as a mocap director for the past 2 years. <br/><br/><br/> <h2>KEYFRAME</h2> <a href="#" onclick="show_reel('keyframe');"><i>Watch here</i></a> <br/><br/> I have a background of keyframe animator and worked as such on many projects. Here is my last reel (2012). You will find more stuff in the <a href="http://www.nathanael3d.com/p/gallery.html" target="_blank" title="Gallery page">Gallery</a>.

<strong><a href="http://www.nathanael3D.com/p/about.html" title="About me">Alexandre D-Julin</a></strong> <p>3D animator and mocap director at <a href="https://www.mimicproductions.com/" target="_blank" title="Mimicproductions">Mimic Productions</a>, Berlin <br/><br/> <strong><a href="https://lu.linkedin.com/in/adjulin" target="_blank" title="My resume" onmouseover="document.resume.src='http://media.nathanael3D.com/about/resume_hv.png';" onmouseout="document.resume.src='http://media.nathanael3D.com/about/resume.png';">You got sth better for me? I'm listening!</a></strong> <br/><br/> <div style="text-align:center;"><a href="https://lu.linkedin.com/in/adjulin" target="_blank" title="My resume" onmouseover="document.resume.src='http://media.nathanael3D.com/about/resume_hv.png';" onmouseout="document.resume.src='http://media.nathanael3D.com/about/resume.png';"><img class="img" name="resume" src="http://media.nathanael3D.com/about/resume.png"/></a> <br/><br/></div> <h2>Key Skills</h2> <ul class="puces"> <li>Mocap systems, installation, directing, clean-up</li> <li>Autodesk HIK rig, animation networks, body and facial animation</li> <li>Modeling, Texturing, Photogrammetry</li> <li><u>Soft</u>: MotionBuilder, Maya, 3ds Max, Adobe CS, Agisoft</li> <li><u>Systems</u>: OptiTrack, Xsens, Artec EVA</li> <li><u>Engines</u>: Unity, Morpheme, in-house</li> </ul> <br/> <h2>Experience</h2> <ul class="puces"> <li>Entertainment<br/>(Games, TV)</li> <li>Sports Analysis</li> <li>Advertising</li> <li>Education</li> </ul> ...and much more! <br/><br/> <h2>Credits</h2> <ul class="puces"> <li>Gätjens großes Kino (ZDF program)</li> <li>Hit Parade (Hologram concert)</li> <li>CokeTV (Youtube channel)</li> <li>Raketenflieger Timmi (TV cartoon)</li> <li>The Raven, MM3D Maniac Mansion (PC games)</li> <li>Two Worlds II, XBlades, Battle Vs. Chess (AAA)</li> <li>Q.B.I., My Little Farmies (browser games)</li> <li>Rays, Zombie Mayhem (mobile games)</li> </ul> <br/><br/> </p>

HIERARCHY yyyy true MMMM MMM dd MM/dd false true MONTHLY

▼  ◄  ►  <h5> <a href="mailto:nathanael3D@gmail.com">nathanael3D(at)gmail.com</a> <br/><br/><a href="http://lu.linkedin.com/in/adjulin" target="none">LinkedIn page</a> <br/><br/>Skype: alexandre-julin </h5>

<div style="display: inline;"><img src="http://media.nathanael3D.com/about/me.jpg" /></div><br/> <br/> <h2>About me</h2> <ul class="puces"> <li><a href="#" onclick="show_about('me');">Rumours</a></li> <li><a href="#" onclick="show_about('cv');">My resume</a></li> <li><a href="#" onclick="show_about('thanks');">Many Thanks</a></li> </ul> <br/> <h2>Useful Stuff</h2> <ul class="puces"> <li><a href="#" onclick="show_about('rigs');">Rigs</a></li> <li><a href="#" onclick="show_about('scripts');">Scripts</a></li> <li><a href="#" onclick="show_about('books');">Books</a></li> </ul> <br/> <h2>Artists & Friends</h2> <ul class="puces"> <li><a href="http://dorianlheritier.carbonmade.com/" target="_blank">Dorian L'heritier</a></li> <li><a href="http://chaukopeps.over-blog.fr/" target="_blank">Régis Roussot</a></li> <li><a href="http://www.vincent-hauuy.com" target="_blank">Vincent Hauuy</a></li> <li><a href="http://www.hervedreyfus.com/" target="_blank">Hervé Dreyfus</a></li> </ul> <br/> <h2>Blogs I follow</h2> <ul class="puces"> <li><a href="http://journal.joshburton.com/" target="_blank">Josh Burton</a></li> <li><a href="http://seanburgoon.com/" target="_blank">Sean Burgoon</a></li> <li><a href="http://cankiral.com/" target="_blank">Firat Can Kiral</a></li> </ul> <br/>

Sometimes, I get bored and I end up doing keyframe animation. <br/><br/>I'm not proud of it... Well, maybe a little :) <br/><br/> <h2>Animations</h2> <ul class="puces"> <li><a href="#" onclick="show_gallery('game');">Game</a></li> <li><a href="#" onclick="show_gallery('mixed');">Mixed</a></li> <li><a href="#" onclick="show_gallery('lipsync');">Lipsync</a></li> </ul> <br/> <h2>Rigs</h2> <ul class="puces"> <li><a href="#" onclick="show_gallery('max_rigs');">3ds Max</a></li> </ul> <br/> <h2>Old Stuff</h2> <ul class="puces"> <li><a href="#" onclick="show_gallery('chars');">Characters</a></li> <li><a href="#" onclick="show_gallery('obj');">Scenes/Objects</a></li> </ul> <br/>

<h6>2018</h6> <ul class="puces"> <li><a href="#" onclick="show_project('siggraph');">Siggraph 2018 - Real-Time Live Performance</a></li> <li><a href="#" onclick="show_project('lancebutters');">Lance Butters</a></li> <li><a href="#" onclick="show_project('audible');">Audible</a></li> <li><a href="#" onclick="show_project('em');">Em</a></li> <li><a href="#" onclick="show_project('rha');">R'ha Nuun</a></li> <li><a href="#" onclick="show_project('bauhaus');">Bauhaus</a></li> </ul> <h6>2017</h6> <ul class="puces"> <li><a href="#" onclick="show_project('tennisWT');">Tennis World Tour</a></li> <li><a href="#" onclick="show_project('zdf');">ZDF Gätjens großes Kino</a></li> <li><a href="#" onclick="show_project('abramovic');">Marina Abramovic Rising / Jeff Koons Phryne</a></li> <li><a href="#" onclick="show_project('wwf');">WWF/Lichtblick commercial</a></li> <li><a href="#" onclick="show_project('20fates');">Twenty Fates</a></li> <li><a href="#" onclick="show_project('sophia');">Hanson robotics Sophia</a></li> <li><a href="#" onclick="show_project('staramba');">Staramba VR</a></li> </ul> <h6>2016</h6> <ul class="puces"> <li><a href="#" onclick="show_project('hitparade');">Hit Parade</a></li> <li><a href="#" onclick="show_project('coketv');">Coca-Cola CokeTV</a></li> <li><a href="#" onclick="show_project('nike');">Nike Football</a></li> <li><a href="#" onclick="show_project('cusa');">Captain America: Civil War</a></li> </ul> <h6>2014-15</h6> <ul class="puces"> <li><a href="#" onclick="show_project('tfury');">RTL Tyson Fury</a></li> <li><a href="#" onclick="show_project('robot');">The Metalian Stallion</a></li> <li><a href="#" onclick="show_project('sportsvf');">ReDesk, augmented reality, sports analysis and real-time reconstruction</a></li> </ul> <h6>2013</h6> <ul class="puces"> <li><a href="#" onclick="show_project('timmi');">Raketenflieger Timmi:<br/>TV cartoon (RBB/MDR)</a></li> </ul> <h6>2012</h6> <ul class="puces"> <li><a href="#" onclick="show_project('raven');">The Raven: Point&Click PC/Consoles</a></li> <li><a href="https://mylittlefarmies.upjers.com/en/" target="_blank">My Little Farmies:<br/> Browser game</a></li> <li><a href="#" onclick="show_project('mm3d');">MM3D Maniac Mansion:<br/> Point&Click PC</a></li> <li><a href="http://appadvice.com/appnn/2012/04/quickadvice-agopiaszombiemayhem" target="_blank">Zombie Mayhem:<br/> Mobile game</a></li> </ul> <h6>2011</h6> <ul class="puces"> <li>Rays: Mobile game</li> <li><a href="#" onclick="show_project('qbi');">Q.B.I.: Browser game</a></li> </ul> <h6>2010</h6> <ul class="puces"> <li><a href="#" onclick="show_project('2w2');">Two Worlds II:<br/> AAA PC/Consoles</a></li> <li><a href="#" onclick="show_project('avatar');">Xbox LIVE Avatars: Goodies</a></li> </ul> <h6>2009</h6> <ul class="puces"> <li><a href="#" onclick="show_project('xblades');">X-Blades:<br/> AAA PC/Consoles</a></li> <li><a href="#" onclick="show_project('phil');">Phil: Personal project</a></li> </ul> <h6>2008</h6> <ul class="puces"> <li><a href="#" onclick="show_project('couette');">Couette: Internship project</a></li> </ul>

true true #989898 #78b01d #cbcbcb #cbcbcb #ffffff #ffffff #ffffff