-
Notifications
You must be signed in to change notification settings - Fork 6
/
Copy pathindex.html
144 lines (136 loc) · 9.33 KB
/
index.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
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
---
title: Gaffer | Home
---
{% include header.html %}
<!-- Carousel Section -->
<section id="carousel" class="dark-bg">
<div class="owl-carousel fullwidth-slider white o-flow-hidden">
{% include slide.html caption="Create Scenes" image="https://image-engine.com/wp-content/uploads/2018/08/JFK_BO_JFK-BO-2740_ImageEngine_JurassicWorld_cineFX_v0001.001001.jpg" style="background-position: center top;" %} <!-- Jurassic World Fallen Kingdom raptor -->
{% include slide.html caption="Build Shaders" image="https://image-engine.com/wp-content/uploads/2017/06/featuredimage.jpg" %} <!-- Lost in Space S1 heroes -->
{% include slide.html caption="Design Workflows" image="https://image-engine.com/wp-content/uploads/2017/07/WOL14.jpg" %} <!-- Logan -->
{% include slide.html caption="Automate Production" image="https://image-engine.com/wp-content/uploads/2018/01/704-0420-3500_ALT.1150.jpg" style="background-position: center 30%;" %} <!-- GoT S7 -->
{% include slide.html caption="Make Images" image="https://image-engine.com/wp-content/uploads/2018/08/JFK_NN_JFK-NN-0065_ImageEngine_JurassicWorld_cineFX_v0002.001001.jpg" style="background-position: center top;" %} <!-- Jurassic World Fallen Kingdom island -->
</div>
</section>
<!-- End Carousel Section -->
<!--About Section-->
<section id="about" class="wow fadeIn ptb-60">
<div class="container">
<div class="row">
<div class="col-md-10 col-md-offset-1">
<h1 class="text-center landing">Introducing Gaffer</h1>
<p class="lead">Gaffer is a free, open-source, node-based VFX application that enables look developers, lighters, and compositors to easily build, tweak, iterate, and render scenes. Built with flexibility in mind, Gaffer supports in-application scripting in Python and OSL, so VFX artists and technical directors can design shaders, automate processes, and build production workflows.</p>
<p class="lead">With hooks in both C++ and Python, Gaffer's readily extensible API provides both professional studios and enthusiasts with the tools to add their own custom modules, nodes, and UI.</p>
<p class="lead">The workhorse of the production pipeline at <a href="https://image-engine.com" alt="Image Engine Design Inc. homepage">Image Engine Design Inc.</a>, Gaffer has been used to build award-winning VFX for shows such as Jurassic World: Fallen Kingdom, Lost in Space, Logan, and Game of Thrones.</p>
</div>
</div>
</div>
</section>
<!-- End About Section-->
<!-- Tour Section-->
<section id="tour" class="container ptb-60 wow">
<div class="row ptb-15 wow">
<div class="col-xs-12 col-md-6">
<!-- Lost in Space S1 forest robot grey -->
<a class="cbox-gallary1" href="https://image-engine.com/wp-content/uploads/2018/04/101_040_600_AO.1006.jpg">
<div class="bg-img" style="height: 300px; background-image: url(https://image-engine.com/wp-content/uploads/2018/04/101_040_600_AO.1006.jpg);"></div>
</a>
</div>
<div class="col-xs-12 col-md-6">
<h3 class="mt-60 text-center">Create Scenes</h3>
<p>Import, build, and manipulate scenes non-destructively. Duplicate, combine, join, prune, split, and inspect scenes of arbitrary complexity using the robust node graph and scene hierarchy interfaces.</p>
</div>
</div>
<div class="row ptb-15 wow">
<div class="col-xs-12 col-md-6 pull-right">
<!-- Shader graph -->
<a class="cbox-gallary1" href="/img/headers/header_graph.jpg">
<div class="bg-img" style="height: 300px; background-image: url(img/headers/header_graph.jpg); background-position: right"></div>
</a>
</div>
<div class="col-xs-12 col-md-6">
<h3 class="mt-60 text-center">Build Shaders</h3>
<p>With full support for <a href="https://www.arnoldrenderer.com" alt="Arnold homepage">Arnold</a>, <a href="https://www.cycles-renderer.org" alt="Cycles homepage">Cycles</a>, and <a href="https://www.3delight.com" alt="3Delight homepage">3Delight's</a> powerful industry-standard shaders, use the robust node plug-outs to quickly build compelling looks. For extra customization, arrange and write custom shaders using <a href="https://openshadinglanguage.org" alt="Open Shading Language homepage">Open Shading Language</a> nodes and code.</p>
</div>
</div>
<div class="row ptb-15 wow">
<div class="col-xs-12 col-md-6">
<!-- Gaffy IPR -->
<a class="cbox-gallary1" href="/img/headers/carousel_bot.jpg">
<div class="bg-img text-center" style="height: 300px; background-image: url(img/headers/carousel_bot.jpg); background-position: left"></div>
</a>
</div>
<div class="col-xs-12 col-md-6">
<h3 class="mt-60 text-center">Design Workflows</h3>
<p class="">Whether for 3D sequences, 2D image processing, or pipeline processes, design workflows all within a single tool. Use logic, filters, and expressions to make scalable node networks for automated and responsive VFX solutions.</p>
</div>
</div>
</section>
<!-- End Tour Section -->
<!-- Video Section -->
<section id="video" class="container-fluid ptb ptb-sm-80 text-center dark-bg wow">
<div class="row">
<div class="col-xs-12">
<div class="page-icon-top ptb-0"><i class="fa fa-film"></i></div>
<h2 class="mtb-30">An Introduction to Gaffer</h2>
<div class="container">
<div class="embed-responsive embed-responsive-16by9">
<iframe src="https://player.vimeo.com/video/739829903" class="embed-responsive-item" frameborder="0" scrollable="no" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
</div>
</div>
</div>
</section>
<!-- End Video Section -->
<!-- Features Section -->
<section id="service" class="container ptb ptb-sm-80 wow">
<div class="row text-center">
<h2>Features</h2>
</div>
<div class="row">
<div class="col-md-4 mb-30 mt-60">
<div class="page-icon-top pb-0"><i class="far fa-smile"></i></div>
<h4>Free</h4>
<p>Released under the BSD License. Free to use – at home or in a studio – and modify – be it a simple configuration tweak, or a complete application.</p>
</div>
<div class="col-md-4 mb-30 mt-60">
<div class="page-icon-top pb-0"><i class="fas fa-tachometer-alt"></i></div>
<h4>Powerful</h4>
<p>Gaffer's multi-threaded, deferred evaluation engine enables work with large 3D and 2D data sets without slow-down.</p>
</div>
<div class="col-md-4 mb-30 mt-60">
<div class="page-icon-top pb-0"><i class="fa fa-cogs"></i></div>
<h4>Flexible</h4>
<p>A renderer abstraction layer enables common workflows between several renderers. Supports <a href="https://www.arnoldrenderer.com" alt="Arnold homepage">Arnold</a>, <a href="https://www.cycles-renderer.org" alt="Cycles homepage">Cycles</a>, <a href="https://www.3delight.com" alt="3Delight homepage">3Delight</a>, and <a href="https://renderman.pixar.com/products/tools/tractor.html" alt="Tractor homepage">Tractor</a>.</p>
</div>
</div>
<div class="row pt-15">
<div class="col-md-4 mb-30 mt-60">
<div class="page-icon-top pb-0"><i class="fa fa-code"></i></div>
<h4>Extensible</h4>
<p>Add UI, nodes, and modules. Integrate with new renderers and your render farm. Implement new datatypes to flow through the node graph.</p>
</div>
<div class="col-md-4 mb-30 mt-60">
<div class="page-icon-top pb-0"><i class="fa fa-users"></i></div>
<h4>Open Source</h4>
<p>Built on a wealth of tested open-source VFX libraries, including <a href="https://www.openexr.com" alt="OpenEXR homepage">OpenEXR</a>, <a href="https://sites.google.com/site/openimageio/home" alt="OpenImageIO homepage">OpenImageIO</a>, <a href="https://opencolorio.org" alt="OpenColorIO homepage">OpenColorIO</a>, <a href="https://openshadinglanguage.org" alt="Open Shading Language homepage">Open Shading Language</a>, and <a href="https://github.com/ImageEngine/cortex" alt="Cortex GitHub project">Cortex</a>.</p>
</div>
<div class="col-md-4 mb-30 mt-60">
<div class="page-icon-top pb-0"><i class="fa fa-road"></i></div>
<h4>Ongoing</h4>
<p>With new features constantly added by industry experts, development is further enhanced by VFX artists from around the world on <a href="https://github.com/gafferHQ/gaffer" alt="Gaffer GitHub project">GitHub</a>.</p>
</div>
</div>
</section>
<!-- End Features Section -->
<!-- Call to Action Section -->
<section id="download" class="container ptb-80 wow">
<div class="row">
<div class="col-xs-12 text-center">
<a class="btn btn-lg btn-color-b" style="width: 16em; font-size: 16px" href="{{ site.baseurl }}/download/"><i class="fa fa-download"></i>Get Gaffer</a>
<a class="btn btn-lg btn-color-b mt-5" style="width: 16em; font-size: 16px; margin-top: 5px" href="https://github.com/gafferHQ/gaffer"><i class="fab fa-github"></i>Follow Gaffer</a>
</div>
</div>
</section>
<!-- End Call to Action Section -->
{% include footer.html %}