art74-github.io/ai-art.html at main · ALostEggroll/art74-github.io · GitHub

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
<!DOCTYPE html>
<html>
<head>
<title>AI Art</title>

<meta name="index" content="width=device-width, initial-scale=1">
 <!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">

<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<!-- Popper JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>

<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</head>


<body>

  <!-- Navbar (note: href doesn't link)-->
  <nav class="navbar navbar-expand-sm bg-success navbar-dark justify-content-center">
    <a class="navbar-brand" href="#">
      <img src="me.jpg" class="rounded-circle" alt="Me-echo" style="width:40px;">
    </a>
  <!-- Navbar links -->
   <ul class="navbar-nav">
   	<li class="nav-item"><a class="nav-link" href="index.html">Home</a></li>
  	<li class="nav-item"><a class="nav-link" href="glitch.html">glitch-art</a></li>
  	<li class="nav-item"><a class="nav-link" href="meme.html">meme-art</a></li>
    <li class="nav-item"><a class="nav-link" href="minecraft-art.html">minecraft-art</a></li>
    <li class="nav-item"><a class="nav-link" href="netart.html">net-art</a></li>
    <li class="nav-item"><a class="nav-link" href="selfie.html">selfie-art</a></li>
    <li class="nav-item"><a class="nav-link" href="diyps.html">DIYPS</a></li>
    <li class="nav-item"><a class="nav-link" href="ai-art.html">ai-art</a></li>
    <li class="nav-item"><a class="nav-link" href="final.html">final</a></li>
  </ul>
  </nav>

  <div class="jumbotron jumbotron-fluid">
    <div class="container">
          <h1 class="text-center"><u>AI Art</u></h1>
    </div>
  </div>

  <div class="jumbotron jumbotron-fluid">
  <div class="container">
      <h1 class="text-center">Spade Coco</h1> <br>
    <img src="ai-art/ai-beach.png" class="mx-auto d-block img-fluid" alt="ai-beach" width="500" height="800"> <br>
    <img src="ai-art/ai-beach-render.png" class="mx-auto d-block img-fluid" alt="ai-beach-render" width="500" height="800"> <br>
    <p class="text-center">This was a test run using spade coco. I was trying to understand how the ai would draw certain items based on their original shape and perpective.</p>
    <img src="ai-art/ai-isles.png" class="mx-auto d-block img-fluid" alt="ai-isles" width="500" height="800"> <br>
    <img src="ai-art/ai-isles-render.png" class="mx-auto d-block img-fluid" alt="ai-beach-isles" width="500" height="800"> <br>
    <p class="text-center">This is my attempt at recreating the hundred islands from the Philippines. The AI did fairly well even adding atmospheric perspective on some images, but not perfectly as boats and planes stand out. Overall the AI did better than I expected by working with perspective.</p>
  </div>
  </div>
  <br>

  <div class="jumbotron jumbotron-fluid">
  <div class="container">
      <h1 class="text-center">Ross x Roerich (Style GAN 2)</h1> <br>
    <img src="ai-art/beach.jpeg" class="mx-auto d-block img-fluid" alt="beach" width="500" height="800"> <br>
    <img src="ai-art/deer.jpeg" class="mx-auto d-block img-fluid" alt="deer" width="500" height="800"> <br>
    <img src="ai-art/faye.jpeg" class="mx-auto d-block img-fluid" alt="faye" width="500" height="800"> <br>
    <p class="text-center">This series was to see how my favorite digital illustrator Ross Tran's work would look like created in the style of Nicholas Roerich. What's interesting is that Roerich was interested in "spiritual practices" and in Ross' art work, he often draws these mythical and spiritual-like beings which I thought Roerich would be interested in. Roerich was also fond of painting mountains and I used similar scenes from Ross to further link the two.</p>
  </div>
  </div>


</body>
</html>