-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathediting.html
71 lines (69 loc) · 3.62 KB
/
editing.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
<!DOCTYPE html>
<html lang="en">
<head>
<title>The Waveform Generation</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/wavgen.css">
<link rel="stylesheet" href="css/fonts.css">
<style>
@media screen and (max-width: 700px) {
.responsive-div {
width: 95%;
}
}
</style>
</head>
<body>
<!-- Placeholder for the subnav component -->
<div id="videosubnav-container"></div>
<!-- The Modal -->
<div id="myModal" class="modal">
<span class="close">×</span>
<img class="modal-content" id="img01" alt="Ball1">
<div id="caption"></div>
</div>
<div class="header">
<h2><a href="editing.html">Video Editing</a></h2>
</div>
<a href="editing.html" style="text-decoration: none; background-color: #340093;">
<div class="responsive-div" style="width: 90%; background-color: #0F4C81; color: #ffffff; font-family: 'Work Sans'; padding: 20px; margin: 20px left; border: 5px solid #2c0077; background-image: url('images/textures/purplerowlong.jpg'); background-blend-mode: normal; background-size: cover;">
<h1 style="font-family: 'Work Sans'; color: #ffffff;">Video Editing & Post Production</h1>
<h2 style="font-family: 'Work Sans'; color: #ffffff;">The Evolution of Video Editing: From Linear to Non-Linear, Analog to Digital</h2>
<p style="font-family: 'Work Sans'; color: #ffffff;">
Video editing has undergone a remarkable transformation, from physical tape-based linear systems to today's sophisticated digital workflows. This evolution spans analog editing rooms with multiple decks and switchers, to modern non-linear editing suites where content can be manipulated instantly and non-destructively. Each era brings its own unique approach to crafting visual stories, from the precise timing required in live editing to the extensive creative possibilities in post-production.
</p>
<p style="font-family: 'Work Sans'; color: #ffffff;">
Contemporary editing combines multiple disciplines: traditional cut-and-splice techniques, real-time live switching for immediate output, and comprehensive post-production including color grading, visual effects, and sound design. Working with industry-standard tools like Adobe Premiere Pro, DaVinci Resolve, and Final Cut Pro, alongside specialized hardware for live production, enables the creation of compelling content across various formats and platforms. This versatility supports both immediate live production needs and meticulously crafted post-production pieces.
</p>
</div>
</a>
<div class="row">
<div class="side">
<h3>Audio Visual Exploration</h3>
<p><iframe width="320" height="180" src="https://www.youtube.com/embed/zkfQY9ct3yE?si=CsW3cEVnDt0Vl4de"
title="YouTube video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
</div>
<div class="main">
<h4>Joy - Music Video</h4>
<h4>Adobe Premiere Pro</h4>
<h4>DaVinci Resolve</h4>
</div>
</div>
<div class="row">
<div class="side">
<h3>Future Video</h3>
<p><img src="images/1.gif" alt="Video 1" style="width:320px;height:240px;"></p>
</div>
<div class="main">
<h4>Video Project</h4>
<h4>TouchDesigner 2024</h4>
</div>
</div>
<div id="footer-container"></div>
<script src="js/modal.js"></script>
<script src="js/loadComponents.js"></script>
</body>
</html>