-
Notifications
You must be signed in to change notification settings - Fork 0
/
studentwork.html
127 lines (116 loc) · 8.05 KB
/
studentwork.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
<!DOCTYPE HTML>
<!--
Landed by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-27467958-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-27467958-1');
</script>
<title>Ryan Baier - Video Artist</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<link rel="stylesheet" href="https://use.typekit.net/gds6oel.css">
<link href="images/favicon_192.png" rel="icon" type="image/png" >
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<div id="page-wrapper">
<!-- Header -->
<header id="header">
<h1 id="logo"><a href="index.html" class="goto-next scrolly">ryan<b>baier.com</b></a></h1>
<nav id="nav">
<ul>
<li><a href="index.html" class="goto-next scrolly">home</a></li>
<li><a href="index.html#one" class="goto-next scrolly">work<b>reel</b></a></li>
<li>
<a href="index.html#two" class="goto-next scrolly">projects</a>
<ul>
<li><a href="amazongames.html">amazon<b>games</b></a></li>
<li><a href="pymkitchen.html">pym<b>kitchen</b></a></li>
<li><a href="starwarsgalaxysedge.html">starwars<b>galaxy'sedge</b></a></li>
<li><a href="freelanceandfx.html">freelance<b>/fx</b></a></li>
<li><a href="jumpgateevolution.html">jumpgate<b>evolution</b></a></li>
<li><a href="rallysoftware.html">rally<b>software</b></a></li>
<li><a href="legouniverse.html">lego<b>universe</b></a></li>
<li><a href="studentwork.html">student<b>work</b></a></li>
</ul>
</li>
<li><a href="index.html#three" class="goto-next scrolly">about<b>me</b></a></li>
</ul>
</nav>
</header>
<!-- Main -->
<!-- <div id="main" class="wrapper style1">
<div class="container">
<header class="major">
<h2>No Sidebar</h2>
<p>Ipsum dolor feugiat aliquam tempus sed magna lorem consequat accumsan</p>
</header>-->
<!-- <section id="banner">
<div class="content">
<header>
<h2 style="text-align: inherit;">star<b>wars</b><br>galaxy's<b>edge</b></h2>
</header>
</div>
</section>-->
<section id="one" class="spotlight style1 middle project">
<span class="image fit main"><img src="images/TraditionalArt_BG.png" alt="" /></span>
<div class="content">
<header>
<h2>student<b>work</b></h2>
</header>
</div>
<a href="#content" class="goto-next scrolly">Next</a>
</section>
<!-- Content -->
<section id="content" style="margin: 1.5em">
<!-- <div><a href="#" class="image fit"><img src="images/pic07.jpg" alt="" /></a><h2 style="position: absolute; top: 50%; left: 50%; text-align: center"></h2></div>-->
<p>Even though so much of my work is done digitally, at Kenyon College my arts education was traditional art. I still try to exercise this creative muscle by drawing with my kids and going to figure drawing when I can.</p>
<span class="image left"><iframe src="https://player.vimeo.com/video/557440831?title=0&byline=0&portrait=0" frameborder="0" allowfullscreen></iframe></span>
<p>In addition to my traditional art studies at Kenyon, I studied Video Art under Professor Claudia Esslinger. Video Art was not a form of expression that I had been exposed to, so it was a process to find my way into the medium, and eventually find my voice as a Video Artist. I was all about visual effects and animation, so it came as a shock to find that Video Art was much more about expression and ideas than polish and production, although that didn’t stop me from trying. A piece called ‘Borders’ was my way of getting out of my comfort zone and attempting something that would be foreign to me, mainly composing music and collaborating with dancers Katie Capaldi and Louisa Harding in an empty warehouse in Mount Vernon, Ohio.</p>
<span class="image right"><iframe src="https://player.vimeo.com/video/557438096?title=0&byline=0&portrait=0" frameborder="0" allowfullscreen></iframe></span>
<p>As of my ten-year reunion I’ve heard that there’s a piece of mine that is still used as an example in Professor Esslinger’s Video Art classes, which is called ‘Bonding’. This was for an assignment where we were instructed to appropriate footage and turn it into a piece of our own. I decided to create my piece as a deconstruction of James Bond, his treatment of women, and the reconciliation of being a Bond fan in the modern age.</p>
<span class="image left"><iframe src="https://player.vimeo.com/video/557442499?title=0&byline=0&portrait=0" frameborder="0" allowfullscreen></iframe></span>
<p>At Kenyon all senior art majors participate in a senior art show at the end of the school year. My senior show was an interactive Video Art installation where the viewer was invited to play memory games with my childhood home movies, exploring themes of memory and childhood.</p>
<span class="image right"><iframe src="https://player.vimeo.com/video/563074345?title=0&byline=0&portrait=0" frameborder="0" allowfullscreen></iframe></span>
<p>In June 2006, after graduation, I was given the opportunity to provide a video accompaniment to a new music piece written by composer Andrew Drannon titled ‘Providence’. To create the piece I appropriated and edited public domain assembly line footage into a new media accompaniment.</p>
<p>Even though my career has taken me more into the commercial side of things, I always try to approach my projects the way I was taught at Kenyon. Pushing the limits of the tools I’m given, learning and expanding my skills whenever possible, and making even an internal-only training video interesting and visually engaging.</p>
<iframe style="width:40%; height:20em; display: block; margin-left: auto; margin-right: auto; margin-bottom: 25px" src="https://docs.google.com/presentation/d/1bVW2OOrSjRg7zKm8gRdT1K7jwsmho3I_uvtAAhVXGLI/embed?start=true&loop=true&delayms=3500" frameborder="0" width="16em" height="auto" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>
</section>
</div>
</div>
<!-- Footer -->
<footer id="footer">
<ul class="icons">
<!-- <li><a href="#" class="icon brands alt fa-twitter"><span class="label">Twitter</span></a></li>-->
<!-- <li><a href="#" class="icon brands alt fa-facebook-f"><span class="label">Facebook</span></a></li>-->
<li><a href="https://www.linkedin.com/in/ryanbaier/" class="icon brands alt fa-linkedin-in"><span class="label">LinkedIn</span></a></li>
<!-- <li><a href="#" class="icon brands alt fa-instagram"><span class="label">Instagram</span></a></li>-->
<!-- <li><a href="#" class="icon brands alt fa-github"><span class="label">GitHub</span></a></li>-->
<li><a href="mailto:[email protected]" class="icon solid alt fa-envelope"><span class="label">Email</span></a></li>
</ul>
<ul class="copyright">
<li>© Ryan Baier. All rights reserved.</li><li>Design: <a href="https://html5up.net">HTML5 UP</a></li>
</ul>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/jquery.dropotron.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>