-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathart.html
151 lines (146 loc) · 9.59 KB
/
art.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
145
146
147
148
149
150
151
<!DOCTYPE HTML>
<!--
Spectral by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Art</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" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Page Wrapper -->
<div id="page-wrapper">
<!-- Header -->
<header id="header">
<h1><a href="index.html">Dalong Hu</a></h1>
<nav id="nav">
<ul>
<li class="special">
<a href="#menu" class="menuToggle"><span>Menu</span></a>
<div id="menu">
<ul>
<li><a href="index.html">Home & About</a></li>
<li><a href="cs.html">CS</a></li>
<li><a href="art.html">Art</a></li>
<li><a href="animation.html">Animation</a></li>
</ul>
</div>
</li>
</ul>
</nav>
</header>
<!-- Main -->
<article id="main">
<header>
<h2>Artistic Projects</h2>
</header>
<section class="wrapper">
<h4 style ="text-align: center;">Figure Drawing samples</h4>
<p style ="text-align: center; font-style: italic;">Reference from Bodies in Motion</p>
<div class="box alt">
<div class="row gtr-50 gtr-uniform">
<div class="col-12" style ="text-align: center; font-style: italic;"><span class="image fit"><img src="images/Sample Figure Drawings 1.jpg" alt="" /></span></div>
<div class="col-12" style ="text-align: center; font-style: italic;"><span class="image fit"><img src="images/Sample Figure Drawings 2.jpg" alt="" /></span></div>
<div class="col-12" style ="text-align: center; font-style: italic;"><span class="image fit"><img src="images/Sample Figure Drawings 3.jpg" alt="" />
</span></div>
</div>
<div><p></p> </div>
<h4 style ="text-align: center;">Stylized Art Gallery</h4>
<div class="box alt">
<div class="row gtr-50 gtr-uniform">
<div class="col-6" style ="text-align: center; font-style: italic;"><span class="image fit"><img src="images/Suisei Stellar Stellar - SmallerSize.jpg" alt="" /></span>Mural fanart promoting Vtuber Hoshimatchi Suisei's first album. <br/> She's my favorite singer!</div>
<div class="col-6" style ="text-align: center; font-style: italic;"><span class="image fit"><img src="images/Rengoku smol size.jpg" alt="" />Fanart of Rengoku Kyōjurō from the series Demon Slayer. That movie was just pure aesthetic.</span></div>
<div class="col-12" style ="text-align: center; font-style: italic;"><span class="image fit"><img src="images/Pavilion Fisherman.jpg" alt="" />I tried my hand at environment illustration as well</span></div>
<div class="col-6" style ="text-align: center; font-style: italic;"><span class="image fit"><img src="images/Gura Reflect-compressed.jpg" alt="" />Cover art remix of Vtuber Gawr Gura's song Reflect. Drawing water is hard...</span></div>
<div class="col-6" style ="text-align: center; font-style: italic;"><span class="image fit"><img src="images/Your Mori_compressed.jpg" alt="" /></span>Fanart of Vtuber Calliope Mori. Credit to Jacqueline Chambers for the cool 3D skull!</div>
<div class="col-6" style ="text-align: center; font-style: italic;"><span class="image fit"><img src="images/Portrait.png" alt="" /></span>Trying a more CG/realistic style</div>
<div class="col-6" style ="text-align: center; font-style: italic;"><span class="image fit"><img src="images/Butterfly Girl.png" alt="" /></span>Design practice</div>
</div>
</div>
<h4 style ="text-align: center;">Watercolour & Oil Painting</h4>
<div class="box alt">
<div class="row gtr-50 gtr-uniform">
<div class="col-12" style ="text-align: center; font-style: italic;"><span class="image fit"><img src="images/Watercolor 2022.png" alt="" /></span></div>
<div class="col-12" style ="text-align: center; font-style: italic;"><span class="image fit"><img src="images/Oil Painting 2022.png" alt="" />I have some experience in traditional art. Note that these are not original! For all of these I had a lot of guidance from my excellent teacher and was mimicking picture reference of masters</span></div>
</div>
</div>
<h4 style ="text-align: center;">Art Fundamentals Practice</h4>
<div class="box alt">
<div class="row gtr-50 gtr-uniform">
<div class="col-12" style ="text-align: center; font-style: italic;"><span class="image fit"><img src="images/Terminator prac.jpg" alt="" />Sample of my terminator line finding practice</span></div>
<div class="col-12" style ="text-align: center; font-style: italic;"><span class="image fit"><img src="images/Krenz L2 Elephants.png" alt="" />Elephants! (and other beasts)</span></div>
</div>
</div>
<section class="spotlight">
<div class="image"><img src="images/PoD selection.png" alt="" /></div><div class="content">
<h2>Promise of Divinity Webtoon</h2>
<p>I've been creating this as a self-directed project in Gatech's East Asian Media research group.
It originally started as a black and white manga, and I've experienced the whole process of screenwriting to storyboarding to finally drawing.
If you're interested, <a href="images/PoD1Final.jpg" target=”_blank”>here</a> is the whole first chapter. It's about a phoenix who loses her divinity and needs to retrieve it in the mortal world.
I'm planning on eventually releasing it on Webtoon!
</p>
</div>
</section>
<section class="spotlight">
<div class="image"><img src="images/RvR Chara Sheets.jpg" alt="" /></div><div class="content">
<h2>Rumor vs Reality Visual Novel</h2>
<p>I was the art director for this visual novel that aims to help educate about misinformation. Here is our
<a href="images/Rumor vs Reality Process Book.pdf" target=”_blank”>process book. </a>
We also have a demo for the <a href="https://youtu.be/5oX7Js-uGH0" target=”_blank”>good ending</a> and the <a href="https://youtu.be/Mp-yFNwaTMY" target=”_blank”>bad ending.</a> I edited the demos with Da Vinci Resolve.
</p>
</div>
</section>
<section class="spotlight">
<div class="image"><video controls style="width: 100%; height: 100%; object-fit: cover"><source src="images/YourMoriMV.mp4" type="video/mp4"></video></div><div class="content">
<h2>Your Mori advertising campaign remix</h2>
<p>Our group of myself, Jacqueline Chambers, Lee Lee Jiang, and Soham Kar designed a remixed advertising campaign for Vtuber Mori Calliope's album Your Mori.
The central part of our campaign is a 3D billboard set by the east exit of Shinjuku Station. I was mainly responsible for creating the 3D setting in Blender. <a href="images/Shinjuku 3DBill building only.png" target=”_blank”>Here</a> is a clear picture of the building I modeled.
Credit to chained_tan for Calli's 3D model!
</p>
</div>
</section>
<section class="spotlight">
<div class="image"><img src="images/Digidoor Logo V3.png" alt="" /></div><div class="content">
<h2>Digidoor brand identity creation</h2>
<p>I designed a brand identity using principles of visual and graphic design for the fictional company Digidoor, and am proud to announce that I'm a fictional CEO.
The tools I used are Adobe Illustrator, Photoshop, and InDesign.
<a href="images/Digidoor Brand Identity.pdf" target=”_blank”>Here</a> is the full brand identity report.
</p>
</div>
</section>
<section class="spotlight">
<div class="image"><img src="images/Hacking Maya Comic.jpg" alt="" /></div><div class="content">
<h2>Maya comic</h2>
<p> I created a little comic called "Hacking" using Maya and CSP. It was a good exercise in 3D modeling and visual narrative.
</p>
</div>
</section>
<section class="spotlight">
<div class="image"><img src="images/Script PoD title pic.png" alt="" /></div><div class="content">
<h2>Screenwriting</h2>
<p> I love storytelling, and have written a few short screenplays as well!</p>
<p><a href="images/Promise of Divinity - Version 5.pdf" target=”_blank”>Promise of Divinity</a></p>
<p><a href="images/Script Dreams of a Tramp V2.pdf" target=”_blank”>Dreams of a Tramp</a></p>
<p><a href="images/Script Hero's Return.pdf" target=”_blank”>Hero's Return</a></p>
<p><a href="images/Script Silent Dancer V2.pdf" target=”_blank”>Silent Dancer</a></p>
<p><a href="images/Script A Witch's Aid in Romance V3.pdf" target=”_blank”>A Witch's Aid in Romance</a></p>
</div>
</section>
</section>
</article>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.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>