1<!DOCTYPE html> 2<html class="no-js" lang="en"> 3<head> 4 5 <!--- basic page needs 6 ================================================== --> 7 <meta charset="utf-8"> 8 9 <title>Tobias Müller // motion designer | 3D artist</title> 10 11 <meta name="description" content=""> 12 13 <meta name="author" content="Tobias Müller"> 14 15 <!-- mobile specific metas 16 ================================================== --> 17 <meta name="viewport" content="width=device-width, initial-scale=1"> 18 19 <!-- CSS 20 ================================================== --> 21 <link rel="stylesheet" href="css/base.css"> 22 23 <link rel="stylesheet" href="css/vendor.css"> 24 25 <link rel="stylesheet" href="css/tmu.css"> 26 27 <link rel="stylesheet" href="css/jquery.popVideo.css"> 28 29 <link rel="stylesheet" href="css/lity.min.css"> 30 31 32 <!-- script 33 ================================================== --> 34
34<script src="js/modernizr.js"></script>
34 35
35<script src="js/pace.min.js"></script>
35 36 37 <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 65 bytes, lines 37-38
37 38 <script async src="https://www.googletagmanager.com/gtag/js?id=
38UA-3306230-3
vendor: 13 bytes, lines 38-39
38"></script> 39
39<script> 40
vendor: 138 bytes, lines 40-44
40window.dataLayer = window.dataLayer || []; 41 function gtag(){dataLayer.push(arguments);} 42 gtag('js', new Date()); 43 44 gtag('config', '
44UA-3306230-3
vendor: 5 bytes, lines 44-45
44'); 45
45</script>
45 46 47 48 49 <!-- favicons 50 ================================================== --> 51 <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> 52 53 <link rel="icon" href="favicon.ico" type="image/x-icon"> 54</head> 55<body id="top"> 56 57 <!-- header 58 ================================================== --> 59 <header class="s-header"> 60 <div class="row section-header" data-aos="fade-up"> 61 <div class="col-full"> 62 <div class="header-logo"><a class="site-logo" href="index.html"> 63 <img src="images/logo_tmueller_01.svg" alt="Homepage"> 64 </a></div> <!-- end header-logo --> 65 <p class="info">Obligatorisch an dieser Stelle gut sichtbar der Link zum <a href="impressum.html" title="Impressum">Impressum mit Datenschutzhinweisen</a>.</p> 66 </div> 67 </div> 68 </header> <!-- end s-header --> 69 70 <!-- about 71 ================================================== --> 72 <section id='about' class="s-about"> 73 <div class="row section-header add-bottom" data-aos="fade-up"> 74 <div class="col-ten md-full"> 75 <h3 class="subhead">warum überhaupt?</h3> 76 77 <aside class="pull-quote"> 78 <blockquote> 79 <p>Getrieben von der Faszination für Grafik und Typografie, mit einem Faible für Analoges, geleitet vom Gespür für Komposition und Timing und meinem Herz für Bewegtbild bin ich Motiondesigner aus Leidenschaft.</br> 80 Als projekterfahrener Allrounder mit fundiertem Wissen über Designprinzipien kann ich meinen hohen handwerklichen Anspruch zuverlässig umsetzen. Neugierig erspüre ich immer wieder den Puls der Zeit, auf der Suche nach interdisziplinären Herausforderungen und innovativen Styles. 81 </p> 82 </blockquote> 83 </aside> 84 </div> 85 </div> <!-- end about-desc --> 86 87 <div class="row section-header" data-aos="fade-up"> 88 <div class="col-full"> 89 <h3 class="subhead">und das kommt dabei raus</h3> 90 </div> 91 </div> <!-- end section-header --> 92 93 <div class="row add-bottom" data-aos="fade-up"> 94 <div class="col-ten md-full"> 95 <video poster="images/showreel_play_02.jpg" webkit-playsinline playsinline data-video="download/Showreel_2020_01.mp4" src="download/Showreel_2020_01.mp4" id="reel">Your browser does not support the video tag.</video> 96 </div> 97 98 <div class="col-ten md-full"> 99 <p>Das Showreel zeigt einen ausgewählten Querschnitt aus kommerziellen Projekten - überwiegend entstanden während meiner Zeit bei Opium Effect in München.</p> 100 101 <p class="info">Ich möchte darauf hinweisen, dass alle Videoinhalte und Dokumente auf dieser Seite urheberrechtlich geschützt sind und nur zu meiner persönlichen Präsentation dienen. Der Gebrauch, die Veröffentlichung oder Vervielfältigung dieser Videos und Dokumente bzw. der darin enthaltenen Daten und persönlichen oder geschäftlichen Informationen sind in ihrer Gesamtheit oder auch teilweise verboten. Auch die Bereitstellung und Weitergabe an Dritte, gleich zu welchen Zwecken, ist nicht erlaubt.</p> 102 </div> 103 </div> <!-- end about-desc --> 104 105 <div class="row section-header add-bottom" data-aos="fade-up"> 106 <div class="col-full"> 107 <h3 class="subhead">skills und fakten</h3> 108 </div> 109 110 <div class="col-six md-seven tab-full"> 111 112 <p class="shout"><b>Fakt ist:</b> Ich mache das, was ich mache, verdammt gerne! Und ich bin Freelancer. </p> 113 <p class="shout"><strong>Also los - lasst uns was zusammen machen!</strong></p> 114 <p>Was dafür spricht? Erwähnte ich das mit dem vielseitigen Motiondesigner schon? <strong>Strukturiert</strong> wäre auch noch so ein Schlagwort. Und so Sachen wie <strong>Deadlinesicher</strong> und <strong>Stressresistent</strong>.</p> 115 116 117 118 119 120 </div> 121 122 <div class="col-four md-five tab-full"> 123 <ul class="skill-bars"> 124 <li> 125 <div class="progress percent100"><span>Vollgas!</span></div> 126 <strong>motiondesigner 2D-/3D</strong></li> 127 <li> 128 <div class="progress percent85"><span>Oh ja!</span></div> 129 <strong>3D Generalist</strong></li> 130 <li> 131 <div class="progress percent90"><span>Alter Hase!</span></div> 132 <strong>Grafiker</strong></li> 133 <li> 134 <div class="progress percent75"><span>Kann er!</span></div> 135 <strong>Colorgrader</strong></li> 136 <li> 137 <div class="progress percent80"><span>Solide!</span></div> 138 <strong>
138editor</strong></li> 139 </ul> 140 141 <p class="info">Die Balken sind natürlich nur aus rein optischen Gründen nicht alle voll gefüllt.</p> 142 143 <p>Achja... hiermit wird hauptsächlich gezaubert:</p> 144 145 <div class="tooltip"> 146 <img src="images/apps/icon_AfterEffects.png" class="appIcon" /><span class="tooltiptext">After Effects</span></div> 147 148 <div class="tooltip"> 149 <img src="images/apps/icon_Photoshop.png" class="appIcon" /><span class="tooltiptext">Photoshop</span></div> 150 151 <div class="tooltip"> 152 <img src="images/apps/icon_Illustrator.png" class="appIcon" /><span class="tooltiptext">Illustrator</span></div> 153 154 <div class="tooltip"> 155 <img src="images/apps/icon_Cinema4D.png" class="appIcon" /><span class="tooltiptext">Cinema 4D</span></div> 156 157 <div class="tooltip"> 158 <img src="images/apps/icon_MediaEncoder.png" class="appIcon" /><span class="tooltiptext">Media Encoder</span></div> 159 160 <div class="tooltip"> 161 <img src="images/apps/icon_Premiere.png" class="appIcon" /><span class="tooltiptext">Premiere</span></div> 162 163 <div class="tooltip"> 164 <img src="images/apps/icon_DaVinciResolve.png" class="appIcon" /><span class="tooltiptext">DaVinci Resolve</span></div> 165 166 <div class="tooltip"> 167 <img src="images/apps/icon_FinalCutProX.png" class="appIcon" /><span class="tooltiptext">Final Cut Pro X</span></div> 168 169 <div class="tooltip"> 170 <img src="images/apps/icon_AffinityDesigner.png" class="appIcon" /><span class="tooltiptext">Affinity Designer</span></div> 171 172 <div class="tooltip"> 173 <img src="images/apps/icon_Procreate.png" class="appIcon" /><span class="tooltiptext">ProCreate</span></div> 174 175 </div> 176 </div> 177 178<!-- <div class="row section-header add-bottom" data-aos="fade-up"> 179 <div class="col-full"> 180 <h3 class="subhead">und was will er?</h3> 181 </div> 182 </div>--> 183 184 <div class="row section-header" data-aos="fade-up"> 185 <div class="col-ten md-full"> 186 <h3 class="subhead">und sonst so...?</h3> 187 188 <p>Eine kleine Auswahl an erwähnenswerten Projekten.</p> 189 </div> 190 </div> 191 192 <div class="row add-bottom" data-aos="fade-up"> 193 <div class="about-process process block-1-3 block-m-1-2 block-tab-full"> 194 195 <!-- <div class="process__vline-left"></div>--> 196 <!-- <div class="process__vline-right"></div>--> 197 198 <div class="col-block process__col" data-item="WOW" data-aos="fade-up"> 199 <div class="process__text"> 200 <h4>UNITED MOTION LABS // brand launch âMAGENTAâ</h4> 201 202 <p><a href="https://vimeo.com/376323593" data-lity> 203 <img src="images/835372987_590x332.jpg" /></a></p> 204 205 <p>Launch-Event der Marke "Magenta" in der Marx Halle in Wien vor 3000 geladenen Gästen. Videobespielung der 50x9m Bühne.<br><small><strong>Aufgabenbereich:</strong> 3D-Modeling, Animation, VFX<br><a href="http://unitedmotionlabs.com" target="_blank" title="UML" alt="UML">unitedmotionlabs.com</a></small></p> 206 </div> 207 </div> 208 209 <div class="col-block process__col" data-item="BÃM" data-aos="fade-up"> 210 <div class="process__text"> 211 <h4>NEON GOLDEN VS. ELEKTRO FERRIS</h4> 212 213 <p><a href="https://vimeo.com/26016695" data-lity> 214 <img src="images/171641597_590x332.jpg" /></a></p> 215 216 <p>Live-Visual-Set für DJ Elektro Ferris auf dem Urban Art Forms Festival 2011 in Österreich<br><small><strong>Aufgabenbereich:</strong> Content Creation, Live-VJ<br><a href="http://neongolden.net" target="_blank" alt="Neongolden">neongolden.net</a></small></p> 217 </div> 218 </div> 219 220 <div class="col-block process__col" data-item="YEAH" data-aos="fade-up"> 221 <div class="process__text"> 222 <h4>THE AUGMENTED GRAFFITI PROJECT</h4> 223 224 <p><a href="https://vimeo.com/43267001" data-lity> 225 <img src="images/300380863_590x332.jpg" /></a></p> 226 227 <p>Interdisziplinäres Mapping-Projekt. Entstehung eines analogen Graffitis - unterstützt und ergänzt durch digitale Projektion.<br><small><strong>Aufgabenbereich:</strong> Content Creation, Videoschnitt<br><a href="http://neongolden.net" target="_blank" alt="Neongolden">neongolden.net</a></small></p> 228 </div>
229 </div> 230 </div> <!-- end process --> 231 </div> <!-- end about-stats --> 232 233 <div class="row section-header" data-aos="fade-up"> 234 <div class="col-ten md-full"> 235 <h3 class="subhead">und natürlich Instagram</h3> 236 237 <p>kleine private Spielereien - muss man nicht allzu ernst nehmen...</p> 238 </div> 239 </div> 240 241 <div class="row add-bottom" data-aos="fade-up"> 242
242<script src="https://apps.elfsight.com/p/platform.js" defer></script>
242 243 <div class="col-ten md-full"> 244 <div class="elfsight-app-4458d025-e501-4db1-94c8-4faa66a78ff6"></div> 245 </div> 246 </div> 247 </section> <!-- end s-about --> 248 249 <!-- contact 250 ================================================== --> 251 <section id="contact" class="s-contact"> 252 <div class="row"> 253 254 <!-- <div class="col-full contact-main" data-aos="fade-up">--> 255 <div class="col-full contact-main"> 256 <p><a href="mailto:[email protected]" class="contact-email">[email protected]</a> 257 <span class="contact-number">+49 177 7176494</span></p> 258 259<!-- <p class="contact-address">Rüdengasse 7/36 260 <br>A-1030 Wien 261 </p>--> 262 </div> <!-- end contact-main --> 263 </div> <!-- end row --> 264 265 266 <div class="row"> 267 <div class="col-full cl-copyright"><span><!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --> 268 Copyright ©
268<script>document.write(new Date().getFullYear());</script>
268 All rights reserved | This template is made with <i class="fa fa-heart" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a> 269 <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --></span></div> 270 </div> 271 </section> <!-- end s-contact --> 272 273 274 <!-- preloader 275 ================================================== --> 276 <div id="preloader"> 277 <div id="loader"></div> 278 </div> 279 280 281 <!-- Java Script 282 ================================================== --> 283
283<script src="js/jquery-3.2.1.min.js"></script>
283 284
284<script src="js/plugins.js"></script>
284 285
285<script src="js/main.js"></script>
285 286
286<script src="js/jquery.popVideo.js"></script>
286 287
287<script src="js/lity.min.js"></script>
287 288 289 290</body> 291</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.