gui-project.html

---
layout: project
---

<div class="project-text">
  <h1 class="page-header">Solar System Monitor</h1>

  <p>
    The goal was to design a futuristic GUI, set it in motion with Adobe After Effects (with Trapcode Suite plugin), and outfit it with a proper soundtrack. The GUI was then to be embedded into a custom shot, 30 second long movie short.
  </p>
</div>

<div class="parallax-desktop"
     data-parallax="scroll"
     data-image-src="images/gui/dark-mockup.jpg"
     data-position-y="-100px"
     data-speed="0.2">
</div>
<div class="parallax-mobile">
  <img style="display: block; width: 100%"
       src="images/gui/dark-mockup.jpg">
</div>

<div class="project-text">
  <h1>
    Adobe Premiere Project
  </h1>
</div>

<div class="video-example">
  <iframe width="720" height="405" src="https://www.youtube.com/embed/308Des7FuTI" frameborder="0" allowfullscreen></iframe>
</div>

<div class="project-text">
  <h1>Story Board</h1>
</div>

<div class="image-example">
  <img src="images/gui/storyboard-1.jpg">
</div>

<div class="image-example">
  <img src="images/gui/storyboard-2.jpg">
</div>

<div class="project-text">
  <h1>Full-screen animation</h1>
</div>

<div class="video-example" style="margin-bottom: 40px">
  <iframe width="720" height="405" src="https://www.youtube.com/embed/-OlkUFGoTK0" frameborder="0" allowfullscreen></iframe>
</div>