feat: add AI art gallery

This commit is contained in:
Stefan Imhoff
2023-05-27 15:18:44 +02:00
parent d5b366a285
commit e82f5746bd
317 changed files with 1013 additions and 7 deletions

View File

@@ -39,7 +39,7 @@ const imageLength = entry.data.images.length;
alt={entry.data.title}
aspect={entry.data.aspect}
breakpoints={[300, 500, 700, 1000, 1280]}
class={cx('col-span-full w-full lg:col-span-3 lg:max-w-full', {
class={cx('col-span-full w-full !mbe-0 lg:col-span-3 lg:max-w-full', {
'justify-self-start lg:col-start-1':
randomPosition() === 'start' && imageLength > 1 && index > 0,
'justify-self-center lg:col-start-2':

View File

@@ -0,0 +1,44 @@
---
title: After Humanity
sort: 210
coverSize: medium
images:
- src: /assets/images/ai-art/after-humanity/1.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/after-humanity/2.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/after-humanity/3.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/after-humanity/4.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/after-humanity/5.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/after-humanity/6.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/after-humanity/7.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/after-humanity/8.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/after-humanity/9.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/after-humanity/10.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/after-humanity/11.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/after-humanity/12.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/after-humanity/13.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/after-humanity/14.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/after-humanity/15.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/after-humanity/16.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/after-humanity/17.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/after-humanity/18.jpeg
aspectRatio: 1
---
I used a line art diffusion model to imagine how cities could look like after all humans are gone.

View File

@@ -0,0 +1,10 @@
---
title: AI Taking Over the World
sort: 70
coverSize: medium
images:
- src: /assets/images/ai-art/ai-taking-over-the-world/1.jpeg
aspectRatio: 1.6
---
I tried this short prompt and the outcome was interesting.

View File

@@ -0,0 +1,27 @@
---
title: Alien World
sort: 40
images:
- src: /assets/images/ai-art/alien-world/1.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/alien-world/2.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/alien-world/3.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/alien-world/4.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/alien-world/5.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/alien-world/6.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/alien-world/7.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/alien-world/8.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/alien-world/9.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/alien-world/10.jpeg
aspectRatio: 1
---
Different alien worlds, planets, alien live forms, and alien ruins.

View File

@@ -0,0 +1,36 @@
---
title: Aurora
sort: 120
coverSize: large
images:
- src: /assets/images/ai-art/aurora/1.jpeg
aspectRatio: 0.67
- src: /assets/images/ai-art/aurora/2.jpeg
aspectRatio: 0.67
- src: /assets/images/ai-art/aurora/3.jpeg
aspectRatio: 0.67
- src: /assets/images/ai-art/aurora/4.jpeg
aspectRatio: 0.67
- src: /assets/images/ai-art/aurora/5.jpeg
aspectRatio: 0.67
- src: /assets/images/ai-art/aurora/6.jpeg
aspectRatio: 0.67
- src: /assets/images/ai-art/aurora/7.jpeg
aspectRatio: 0.67
- src: /assets/images/ai-art/aurora/8.jpeg
aspectRatio: 0.67
- src: /assets/images/ai-art/aurora/9.jpeg
aspectRatio: 0.67
- src: /assets/images/ai-art/aurora/10.jpeg
aspectRatio: 0.67
- src: /assets/images/ai-art/aurora/11.jpeg
aspectRatio: 0.67
- src: /assets/images/ai-art/aurora/12.jpeg
aspectRatio: 0.67
- src: /assets/images/ai-art/aurora/13.jpeg
aspectRatio: 0.67
- src: /assets/images/ai-art/aurora/14.jpeg
aspectRatio: 0.67
---
I use this long prompt of a woman with long hair that dissolve into stars to test different diffusion models.

View File

@@ -0,0 +1,17 @@
---
title: Bonsai
sort: 50
images:
- src: /assets/images/ai-art/bonsai/1.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/bonsai/2.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/bonsai/3.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/bonsai/4.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/bonsai/5.jpeg
aspectRatio: 1
---
I experimented with photo realistic macro shots to create some beautiful wallpapers with Bonsai trees.

View File

@@ -0,0 +1,10 @@
---
title: Chicken Nugget Woman
sort: 140
coverSize: medium
images:
- src: /assets/images/ai-art/chicken-nugget-woman/1.jpeg
aspectRatio: 1
---
I found this funny idea for a prompt and needed to try it out.

View File

@@ -0,0 +1,19 @@
---
title: Chimera
sort: 220
images:
- src: /assets/images/ai-art/chimera/1.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/chimera/2.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/chimera/3.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/chimera/4.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/chimera/5.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/chimera/6.jpeg
aspectRatio: 1
---
I used Stable Diffusions prompt switching capabilities to switch the prompt during the creation process between different animals, plants, and colors.

View File

@@ -0,0 +1,26 @@
---
title: Comic & Manga
sort: 360
coverSize: medium
images:
- src: /assets/images/ai-art/comic-manga/1.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/comic-manga/2.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/comic-manga/3.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/comic-manga/4.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/comic-manga/5.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/comic-manga/6.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/comic-manga/7.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/comic-manga/8.jpeg
aspectRatio: 1
---
After I trained my first [DreamBooth](https://dreambooth.github.io/) diffusion model from photos of me, I wanted to try it out with different styles and topics.
Here I am as different characters in Manga, Anime and Comic styles.

View File

@@ -0,0 +1,25 @@
---
title: Cosmic Horror
sort: 260
images:
- src: /assets/images/ai-art/cosmic-horror/1.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/cosmic-horror/2.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/cosmic-horror/3.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/cosmic-horror/4.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/cosmic-horror/5.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/cosmic-horror/6.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/cosmic-horror/7.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/cosmic-horror/8.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/cosmic-horror/9.jpeg
aspectRatio: 1
---
In this experiment, I wanted to achieve the feeling of H.P. Lovecrafts cosmic horror in the style of an old manuscript.

View File

@@ -0,0 +1,16 @@
---
title: Cyberpunk City
sort: 80
coverSize: large
images:
- src: /assets/images/ai-art/cyberpunk-city/1.jpeg
aspectRatio: 1.6
- src: /assets/images/ai-art/cyberpunk-city/2.jpeg
aspectRatio: 1.6
- src: /assets/images/ai-art/cyberpunk-city/3.jpeg
aspectRatio: 1.6
- src: /assets/images/ai-art/cyberpunk-city/4.jpeg
aspectRatio: 1.6
---
I generated these cover images for my [4-part series about AI](/artificial-intelligence-1-introduction/). I used an image upscaler to increase the size of the images.

View File

@@ -0,0 +1,10 @@
---
title: Cyberpunk Wizard
sort: 10
coverSize: medium
images:
- src: /assets/images/ai-art/cyberpunk-wizard/1.jpeg
aspectRatio: 1
---
The first prompt I ever tried in Stable Diffusion was `a cyberpunk wizard`. The result was pure luck.

View File

@@ -0,0 +1,17 @@
---
title: The Death of the Stoic Man
sort: 130
images:
- src: /assets/images/ai-art/death-of-the-stoic-man/1.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/death-of-the-stoic-man/2.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/death-of-the-stoic-man/3.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/death-of-the-stoic-man/4.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/death-of-the-stoic-man/5.jpeg
aspectRatio: 1
---
I listened to a podcast with the topic of how the ideal of the Stoic Man is dying in our current world, with whiney and pathetic men that are encouraged to behave like weaklings. These are the results when used as a prompt.

View File

@@ -0,0 +1,20 @@
---
title: Distant Galaxy
sort: 60
coverSize: medium
images:
- src: /assets/images/ai-art/distant-galaxy/1.jpeg
aspectRatio: 1.6
- src: /assets/images/ai-art/distant-galaxy/2.jpeg
aspectRatio: 1.6
- src: /assets/images/ai-art/distant-galaxy/3.jpeg
aspectRatio: 2
- src: /assets/images/ai-art/distant-galaxy/4.jpeg
aspectRatio: 2
- src: /assets/images/ai-art/distant-galaxy/5.jpeg
aspectRatio: 2
- src: /assets/images/ai-art/distant-galaxy/6.jpeg
aspectRatio: 2
---
This is how AI imagined `a dream of a distant galaxy` with Stable Diffusion.

View File

@@ -0,0 +1,29 @@
---
title: Dune
sort: 300
images:
- src: /assets/images/ai-art/dune/1.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/dune/2.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/dune/3.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/dune/4.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/dune/5.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/dune/6.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/dune/7.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/dune/8.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/dune/9.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/dune/10.jpeg
aspectRatio: 1
---
After I trained my first [DreamBooth](https://dreambooth.github.io/) diffusion model from photos of me, I wanted to try it out with different styles and topics.
Here I am as different characters from <cite>Dune</cite>.

View File

@@ -0,0 +1,19 @@
---
title: Fantasy World
sort: 30
images:
- src: /assets/images/ai-art/fantasy-world/1.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/fantasy-world/2.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/fantasy-world/3.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/fantasy-world/4.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/fantasy-world/5.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/fantasy-world/6.jpeg
aspectRatio: 1
---
Some of the fantasy themed images I created for the goodbye card of a colleague.

View File

@@ -0,0 +1,16 @@
---
title: Female Cyborg
sort: 150
coverSize: large
images:
- src: /assets/images/ai-art/female-cyborg/1.jpeg
aspectRatio: 1.6
- src: /assets/images/ai-art/female-cyborg/2.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/female-cyborg/3.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/female-cyborg/4.jpeg
aspectRatio: 1.6
---
Another long and complicated prompt I found and used to learn prompting.

View File

@@ -0,0 +1,20 @@
---
title: Futuristic Bedroom
sort: 380
coverSize: large
images:
- src: /assets/images/ai-art/futuristic-bedroom/1.jpeg
aspectRatio: 1.5
- src: /assets/images/ai-art/futuristic-bedroom/2.jpeg
aspectRatio: 1.5
- src: /assets/images/ai-art/futuristic-bedroom/3.jpeg
aspectRatio: 1.5
- src: /assets/images/ai-art/futuristic-bedroom/4.jpeg
aspectRatio: 1.5
- src: /assets/images/ai-art/futuristic-bedroom/5.jpeg
aspectRatio: 1.5
- src: /assets/images/ai-art/futuristic-bedroom/6.jpeg
aspectRatio: 1.5
---
I recently started experimenting with interior design AI art in Stable Diffusion.

View File

@@ -0,0 +1,16 @@
---
title: The Gods of the Copybook Headings
sort: 20
coverSize: medium
images:
- src: /assets/images/ai-art/gods-of-the-copybook-headings/1.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/gods-of-the-copybook-headings/2.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/gods-of-the-copybook-headings/3.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/gods-of-the-copybook-headings/4.jpeg
aspectRatio: 1
---
I tried to let the AI create images interpreting my favorite poem, [The Gods of the Copybook Headings](/interpretation-the-gods-of-the-copybook-headings/) by Rudyard Kipling. It didnt understand the concept of a copybook heading.

View File

@@ -0,0 +1,19 @@
---
title: I, Robot
sort: 310
images:
- src: /assets/images/ai-art/i-robot/1.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/i-robot/2.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/i-robot/3.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/i-robot/4.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/i-robot/5.jpeg
aspectRatio: 1
---
After I trained my first [DreamBooth](https://dreambooth.github.io/) diffusion model from photos of me, I wanted to try it out with different styles and topics.
Here I am as different Cyborgs, Robots, and Androids.

View File

@@ -0,0 +1,20 @@
---
title: Irezumi
sort: 110
coverSize: medium
images:
- src: /assets/images/ai-art/irezumi/1.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/irezumi/2.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/irezumi/3.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/irezumi/4.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/irezumi/5.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/irezumi/6.jpeg
aspectRatio: 1
---
And here are some women with Japanese Irezumi tattoos.

View File

@@ -0,0 +1,29 @@
---
title: Lord of the Rings
sort: 270
images:
- src: /assets/images/ai-art/lord-of-the-rings/1.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/lord-of-the-rings/2.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/lord-of-the-rings/3.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/lord-of-the-rings/4.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/lord-of-the-rings/5.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/lord-of-the-rings/6.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/lord-of-the-rings/7.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/lord-of-the-rings/8.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/lord-of-the-rings/9.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/lord-of-the-rings/10.jpeg
aspectRatio: 1
---
After I trained my first [DreamBooth](https://dreambooth.github.io/) diffusion model from photos of me, I wanted to try it out with different styles and topics.
Here I am as different characters from <cite>Lord of the Rings</cite>.

View File

@@ -0,0 +1,22 @@
---
title: Misty Lake
sort: 90
coverSize: large
images:
- src: /assets/images/ai-art/misty-lake/1.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/misty-lake/2.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/misty-lake/3.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/misty-lake/4.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/misty-lake/5.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/misty-lake/6.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/misty-lake/7.jpeg
aspectRatio: 1
---
I found this prompt idea somewhere on the internet and tried it over time with many different diffusion models.

View File

@@ -0,0 +1,22 @@
---
title: Mona Lisa
sort: 250
coverSize: medium
images:
- src: /assets/images/ai-art/mona-lisa/1.jpeg
aspectRatio: 0.67
- src: /assets/images/ai-art/mona-lisa/2.jpeg
aspectRatio: 0.67
- src: /assets/images/ai-art/mona-lisa/3.jpeg
aspectRatio: 0.67
- src: /assets/images/ai-art/mona-lisa/4.jpeg
aspectRatio: 0.67
- src: /assets/images/ai-art/mona-lisa/5.jpeg
aspectRatio: 0.67
- src: /assets/images/ai-art/mona-lisa/6.jpeg
aspectRatio: 0.67
- src: /assets/images/ai-art/mona-lisa/7.jpeg
aspectRatio: 0.67
---
Another challenge of Stable Diffusion was to generate Mona Lisa variants from the provided depth map with ControlNet.

View File

@@ -0,0 +1,15 @@
---
title: Mushrooms
sort: 180
images:
- src: /assets/images/ai-art/mushrooms/1.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/mushrooms/2.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/mushrooms/3.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/mushrooms/4.jpeg
aspectRatio: 1
---
This is one of the first _image to image_ generations Im really happy with. I painted a sketch in Procreate with mushrooms on a mossy forest floor next to an old tree, and the AI delivered exactly what I imagined.

View File

@@ -0,0 +1,35 @@
---
title: Photo Realism
sort: 370
images:
- src: /assets/images/ai-art/photo-realism/1.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/photo-realism/2.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/photo-realism/3.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/photo-realism/4.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/photo-realism/5.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/photo-realism/6.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/photo-realism/7.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/photo-realism/8.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/photo-realism/9.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/photo-realism/10.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/photo-realism/11.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/photo-realism/12.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/photo-realism/13.jpeg
aspectRatio: 1
---
After I trained my first [DreamBooth](https://dreambooth.github.io/) diffusion model from photos of me, I wanted to try it out with different styles and topics.
Photo realism is still one of the hardest things to achieve with AI art. I wanted to see how close I could get to a photo realistic image of me.

View File

@@ -0,0 +1,52 @@
---
title: Propaganda Poster
sort: 240
coverSize: medium
images:
- src: /assets/images/ai-art/propaganda-poster/1.jpeg
aspectRatio: 0.67
- src: /assets/images/ai-art/propaganda-poster/2.jpeg
aspectRatio: 0.67
- src: /assets/images/ai-art/propaganda-poster/3.jpeg
aspectRatio: 0.67
- src: /assets/images/ai-art/propaganda-poster/4.jpeg
aspectRatio: 0.67
- src: /assets/images/ai-art/propaganda-poster/5.jpeg
aspectRatio: 0.67
- src: /assets/images/ai-art/propaganda-poster/6.jpeg
aspectRatio: 0.67
- src: /assets/images/ai-art/propaganda-poster/7.jpeg
aspectRatio: 0.67
- src: /assets/images/ai-art/propaganda-poster/8.jpeg
aspectRatio: 0.67
- src: /assets/images/ai-art/propaganda-poster/9.jpeg
aspectRatio: 0.67
- src: /assets/images/ai-art/propaganda-poster/10.jpeg
aspectRatio: 0.67
- src: /assets/images/ai-art/propaganda-poster/11.jpeg
aspectRatio: 0.67
- src: /assets/images/ai-art/propaganda-poster/12.jpeg
aspectRatio: 0.67
- src: /assets/images/ai-art/propaganda-poster/13.jpeg
aspectRatio: 0.67
- src: /assets/images/ai-art/propaganda-poster/14.jpeg
aspectRatio: 0.67
- src: /assets/images/ai-art/propaganda-poster/15.jpeg
aspectRatio: 0.67
- src: /assets/images/ai-art/propaganda-poster/16.jpeg
aspectRatio: 0.67
- src: /assets/images/ai-art/propaganda-poster/17.jpeg
aspectRatio: 0.67
- src: /assets/images/ai-art/propaganda-poster/18.jpeg
aspectRatio: 0.67
- src: /assets/images/ai-art/propaganda-poster/19.jpeg
aspectRatio: 0.67
- src: /assets/images/ai-art/propaganda-poster/20.jpeg
aspectRatio: 0.67
- src: /assets/images/ai-art/propaganda-poster/21.jpeg
aspectRatio: 0.67
---
Here I experimented with propaganda art. I used different historic or recent ideologies to create posters for them.
I left the distorted text intentionally, because it is just a concept and the viewer can probably understand the message of the propaganda without reading additional text.

View File

@@ -0,0 +1,47 @@
---
title: The Simpsons
sort: 160
images:
- src: /assets/images/ai-art/the-simpsons/1.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/the-simpsons/2.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/the-simpsons/3.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/the-simpsons/4.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/the-simpsons/5.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/the-simpsons/6.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/the-simpsons/7.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/the-simpsons/8.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/the-simpsons/9.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/the-simpsons/10.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/the-simpsons/11.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/the-simpsons/12.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/the-simpsons/13.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/the-simpsons/14.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/the-simpsons/15.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/the-simpsons/16.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/the-simpsons/17.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/the-simpsons/18.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/the-simpsons/19.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/the-simpsons/20.jpeg
aspectRatio: 1
---
I had a fun project to recreate all the Simpsons characters using AI. Here are some of the examples. You can find all of them on my [AI Art Instagram account](https://www.instagram.com/kogakure.ai.art/).

View File

@@ -0,0 +1,18 @@
---
title: Sin City
sort: 330
coverSize: medium
images:
- src: /assets/images/ai-art/sin-city/1.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/sin-city/2.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/sin-city/3.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/sin-city/4.jpeg
aspectRatio: 1
---
After I trained my first [DreamBooth](https://dreambooth.github.io/) diffusion model from photos of me, I wanted to try it out with different styles and topics.
Here I am as in the style of the movie <cite>Sin City</cite>.

View File

@@ -0,0 +1,23 @@
---
title: A Song of Ice and Fire
sort: 280
images:
- src: /assets/images/ai-art/song-of-ice-and-fire/1.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/song-of-ice-and-fire/2.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/song-of-ice-and-fire/3.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/song-of-ice-and-fire/4.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/song-of-ice-and-fire/5.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/song-of-ice-and-fire/6.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/song-of-ice-and-fire/7.jpeg
aspectRatio: 1
---
After I trained my first [DreamBooth](https://dreambooth.github.io/) diffusion model from photos of me, I wanted to try it out with different styles and topics.
Here I am as different characters from <cite>A Song of Ice and Fire</cite> (Game of Thrones).

View File

@@ -0,0 +1,17 @@
---
title: Sons of Anarchy
sort: 320
images:
- src: /assets/images/ai-art/sons-of-anarchy/1.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/sons-of-anarchy/2.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/sons-of-anarchy/3.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/sons-of-anarchy/4.jpeg
aspectRatio: 1
---
After I trained my first [DreamBooth](https://dreambooth.github.io/) diffusion model from photos of me, I wanted to try it out with different styles and topics.
Here I am as a bad ass biker from <cite>The Sons of Anarchy</cite>. 🤘

View File

@@ -0,0 +1,15 @@
---
title: South Park
sort: 230
images:
- src: /assets/images/ai-art/south-park/1.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/south-park/2.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/south-park/3.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/south-park/4.jpeg
aspectRatio: 1
---
Following my Simpson project, I created the main characters of South Park with Stable Diffusion.

View File

@@ -0,0 +1,25 @@
---
title: Star Wars
sort: 290
images:
- src: /assets/images/ai-art/star-wars/1.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/star-wars/2.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/star-wars/3.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/star-wars/4.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/star-wars/5.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/star-wars/6.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/star-wars/7.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/star-wars/8.jpeg
aspectRatio: 1
---
After I trained my first [DreamBooth](https://dreambooth.github.io/) diffusion model from photos of me, I wanted to try it out with different styles and topics.
Here I am as different characters from <cite>Star Wars</cite>. The Wookie is my favorite. 😅

View File

@@ -0,0 +1,16 @@
---
title: The Terminator
sort: 350
coverSize: medium
images:
- src: /assets/images/ai-art/the-terminator/1.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/the-terminator/2.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/the-terminator/3.jpeg
aspectRatio: 1
---
After I trained my first [DreamBooth](https://dreambooth.github.io/) diffusion model from photos of me, I wanted to try it out with different styles and topics.
Here I am as a Terminator from <cite>The terminator</cite>. The last image is created with AI inpainting.

View File

@@ -0,0 +1,11 @@
---
title: This is John Galt Speaking
sort: 200
images:
- src: /assets/images/ai-art/this-is-john-galt-speaking/1.jpeg
aspectRatio: 1
---
This is my first use of Stable Diffusions [ControlNet](Marten Van Valckenborch). It allows for fine-grain control of the outcome of the image. I used an outline sketch created in Procreate with a prompt and ControlNet to achieve this result.
The inspiration is the main character from Ayn Rands novell <cite>Atlas Shrugged</cite>.

View File

@@ -0,0 +1,25 @@
---
title: Tower of Babel
sort: 190
images:
- src: /assets/images/ai-art/tower-of-babel/1.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/tower-of-babel/2.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/tower-of-babel/3.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/tower-of-babel/4.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/tower-of-babel/5.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/tower-of-babel/6.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/tower-of-babel/7.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/tower-of-babel/8.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/tower-of-babel/9.jpeg
aspectRatio: 1
---
The first time I tried architecture. My goal was to experiment how _Marten Van Valckenborch_ could have painted the Tower of Babel if he had lived today.

View File

@@ -0,0 +1,17 @@
---
title: Utopia & Dystopia
sort: 170
images:
- src: /assets/images/ai-art/utopia-dystopia/1.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/utopia-dystopia/2.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/utopia-dystopia/3.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/utopia-dystopia/4.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/utopia-dystopia/5.jpeg
aspectRatio: 1
---
This was one of my first tries of _image to image_ generation. I painted a green and brown Yin/Yang symbol and hoped the AI would paint in Utopia in the green area and Dystopia in the brown area. It didnt work out as expected, but I still like the result.

View File

@@ -0,0 +1,21 @@
---
title: The Walking Dead
sort: 340
images:
- src: /assets/images/ai-art/the-walking-dead/1.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/the-walking-dead/2.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/the-walking-dead/3.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/the-walking-dead/4.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/the-walking-dead/5.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/the-walking-dead/6.jpeg
aspectRatio: 1
---
After I trained my first [DreamBooth](https://dreambooth.github.io/) diffusion model from photos of me, I wanted to try it out with different styles and topics.
I had massive fun creating Zombie versions of me.

View File

@@ -0,0 +1,19 @@
---
title: Yakuza
sort: 100
images:
- src: /assets/images/ai-art/yakuza/1.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/yakuza/2.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/yakuza/3.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/yakuza/4.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/yakuza/5.jpeg
aspectRatio: 1
- src: /assets/images/ai-art/yakuza/6.jpeg
aspectRatio: 1
---
As a fan of Japanese tattoo, I wanted to create a few Yakuza with full body tattoos.

View File

@@ -63,8 +63,23 @@ const sketchnotesCollection = defineCollection({
}),
});
const aiArtCollection = defineCollection({
schema: z.object({
title: z.string(),
sort: z.number().optional(),
coverSize: z.enum(['small', 'medium', 'large']).default('small'),
images: z.array(
z.object({
src: z.string(),
aspectRatio: z.number(),
})
),
}),
});
export const collections = {
haiku: haikuCollection,
projects: projectCollection,
sketchnotes: sketchnotesCollection,
'ai-art': aiArtCollection,
};

View File

@@ -0,0 +1,13 @@
---
title: AI Art
format: 50-start
sort: 10
categories: ["Design", "Writing"]
intro: I love experimenting with the Open Source AI image generator Stable Diffusion since 2022. I constantly try new prompts, techniques, extensions and styles, and even trained my own models.
image:
src: /assets/images/projects/thumbnails/ai-art.jpg
aspectRatio: 1.43
more:
text: See AI Art
link: /ai-art/
---

View File

@@ -1,7 +1,7 @@
---
title: Journal & Blog
format: 50-end
sort: 10
sort: 25
categories: ["Writing"]
intro: I have been writing essays on this website since 2007. The topics include programming, design, self-improvement, philosophy, productivity, books, and films. The collection has been much bigger, but I deleted outdated and irrelevant essays.
more:

View File

@@ -10,5 +10,9 @@
{
"title": "Journal",
"url": "/journal/"
},
{
"title": "Projects",
"url": "/projects/"
}
]

View File

@@ -12,13 +12,17 @@
"title": "Projects",
"url": "/projects/"
},
{
"title": "Sketchnotes",
"url": "/sketchnotes/"
},
{
"title": "Haiku",
"url": "/haiku/"
},
{
"title": "AI Art",
"url": "/ai-art/"
},
{
"title": "Sketchnotes",
"url": "/sketchnotes/"
}
],
"misc": [

72
src/pages/ai-art.astro Normal file
View File

@@ -0,0 +1,72 @@
---
import cx from 'classnames';
import { getCollection } from 'astro:content';
import { sortBySortKey } from '../utils/sort-by-sortkey';
import GridLayout from '../layouts/GridLayout.astro';
import PageTitle from '../components/PageTitle.astro';
import Picture from '../components/Picture.astro';
import { Link } from '../components';
import { Content as Intro } from '../text/ai-art/intro.mdx';
import { mapping } from '../mdx-components';
const allAiArt = await getCollection('ai-art');
allAiArt.sort(sortBySortKey);
---
<GridLayout title="Sketchnotes" grid="wide" class="grid" innerGrid>
<PageTitle grid="wide" innerGrid>AI Art</PageTitle>
<article
class="col-start-1 col-end-17 grid md:col-start-4 md:col-end-12 xl:col-start-5 xl:col-end-11"
>
<Intro components={mapping} />
</article>
<nav class="md:col-start-1 md:col-end-16" aria-label="AI Art">
<ol
class="gap-[max(25px,_2vw)] md:grid md:grid-flow-row-dense md:auto-rows-gallery md:grid-cols-gallery md:grid-rows-gallery"
>
{
allAiArt.map(({ slug, data }) => (
<li
class={cx({
'md:col-span-3 md:row-span-2':
data.images[0].aspectRatio > 1 && data.coverSize === 'small',
'md:col-span-2 md:row-span-3':
data.images[0].aspectRatio < 1 && data.coverSize === 'small',
'md:col-span-3 md:row-span-3':
data.images[0].aspectRatio === 1 && data.coverSize === 'small',
'md:col-span-4 md:row-span-3':
data.images[0].aspectRatio > 1 && data.coverSize === 'medium',
'md:col-span-3 md:row-span-4':
data.images[0].aspectRatio < 1 && data.coverSize === 'medium',
'md:col-span-4 md:row-span-4':
data.images[0].aspectRatio === 1 && data.coverSize === 'medium',
'md:col-span-6 md:row-span-5':
data.images[0].aspectRatio > 1 && data.coverSize === 'large',
'md:col-span-5 md:row-span-6':
data.images[0].aspectRatio < 1 && data.coverSize === 'large',
'md:col-span-6 md:row-span-6':
data.images[0].aspectRatio === 1 && data.coverSize === 'large',
})}
>
<Link title={data.title} href={`/ai-art/${slug}/`}>
<Picture
aspect={data.images[0].aspectRatio}
src={data.images[0].src}
alt={data.title}
class="h-full mbe-10 md:w-full md:object-cover md:!mbe-0 [&_img]:!block [&_img]:!h-full [&_img]:border-solid [&_picture]:!block [&_picture]:!h-full"
format={['webp', 'avif']}
breakpoints={[300, 500, 700, 1000, 1280]}
/>
</Link>
</li>
))
}
</ol>
</nav>
</GridLayout>

View File

@@ -0,0 +1,50 @@
---
import { getCollection } from 'astro:content';
import { sortBySortKey } from '../../utils/sort-by-sortkey';
import BaseLayout from '../../layouts/BaseLayout.astro';
import PageHeader from '../../components/PageHeader.astro';
import Pagination from '../../components/Pagination.astro';
import GalleryDetail from '../../components/GalleryDetail.astro';
import { mapping } from '../../mdx-components';
export async function getStaticPaths() {
const aiArtEntries = await getCollection('ai-art');
const numberOfPages = aiArtEntries.length;
aiArtEntries.sort(sortBySortKey);
return aiArtEntries.map((entry, index) => ({
params: { slug: entry.slug },
props: {
entry,
next:
index + 1 === numberOfPages ? { slug: null, data: null } : aiArtEntries[index + 1],
prev: index === 0 ? {} : aiArtEntries[index - 1],
},
}));
}
const { entry, prev, next } = Astro.props;
const { Content } = await entry.render();
---
<BaseLayout title={entry.data.title} header={false} footer={false}>
<div class="grid h-full grid-cols-18">
<PageHeader
class="!mbe-0 z-10 col-span-full row-start-1 bg-transparent dark:bg-transparent"
navigation={false}
backLink="/ai-art/"
/>
<GalleryDetail entry={entry}>
<Content components={mapping} />
</GalleryDetail>
<Pagination
nextText={'Next'}
nextUrl={next.slug && `/ai-art/${next.slug}`}
previousText={'Next'}
previousUrl={prev.slug && `/ai-art/${prev.slug}`}
/>
</div>
</BaseLayout>

View File

@@ -39,7 +39,7 @@
p code,
li code,
samp {
@apply whitespace-normal rounded-[0.3em] bg-code-1 text-code-2 plb-1 pli-3;
@apply relative whitespace-normal rounded-[0.3em] bg-code-1 text-2 text-code-2 pli-3 pbe-1 pbs-3 -block-start-[0.2em];
}
kbd {

View File

@@ -0,0 +1,3 @@
In the fall of 2022, I began using [Stable Diffusion](https://stability.ai/stable-diffusion). Initially, I used the amazing iPad OS app [Draw Things](https://drawthings.ai/). When I purchased a new Mac mini M2 Pro in the spring of 2023, I started using the [Stable Diffusion Web UI](https://github.com/AUTOMATIC1111/stable-diffusion-webui). I experimented with text-to-image and image-to-image generation, inpainting, upscalers, and over 100&nbsp;GB of different [diffusion models](https://civitai.com/). I also experimented with [ControlNet](https://github.com/lllyasviel/ControlNet) and [LoRA](https://huggingface.co/blog/lora). In May 2023, I created my first custom diffusion model in [DreamBooth](https://dreambooth.github.io/) by using 19 images of myself to train a model with my face.
I post my best work in this gallery and even more on my [AI Art Instagram account](https://www.instagram.com/kogakure.ai.art/). If you are curious about prompts of my images, Im happy to share them, just send me a <EmailLink data-domain="stefanimhoff" data-name="hey" data-tld="de" text="message." />