Posts

Graphic Design: Generative AI

Designing high quality graphics is easier than ever these days with high quality and easy to use tools like Figma. But in a completely different league are tools like Midjourney and Leonardo that use stable diffusion to generate entirely new images based on images found on the internet. This process, known as Generative AI, is what I’ll be using to create cover images for my website and other projects. I’ll detail the steps of what I do and which tools I use, sharing images from the process and specific use cases.

Use Cases of Generative AI

First, I generate 1:1 images using Midjourney or Leonardo. These can be based off of an image or be completely new.

Then, I import these generated images into Leonardo Canvas to generate or extend a background.

Let's look at some examples.

Portfolio.v3 Home Cover Image

We will look into the process of how I made the cover image for the home page of this site.

I used three tools in this order:

  1. Lensa
  2. Midjourney
  3. Leonardo
1. Lensa

Lensa is a paid AI avatar tool that I first used in December 2022. To use it, you upload 5-10 selfies, pay $8, and hit generate. This app generates 200 images with 20 variations in 10 categories.

Here are some of the images I put into the app:

image block
image block
image block

After waiting 30 minutes, Lensa returned the generated images. Here are some of my favorites:

image block
image block
image block
2. Midjourney
image block

Using the 2nd image from Lensa in an image-to-image prompt, I generated this image with the following prompt:

image block
3. Leonardo

I imported the image from Midjourney into Leonardo’s Canvas tool to generate a background, using the prompt “Cyberpunk background” and the following settings:

image block

With 6 iterations, 3 on each side and 4 images per iteration, I was able to make an abstract cyberpunk esque background to display on my portfolio with only 24 images.

Overall, this process started in December 2022 and I finished it in March 2023. Although, the ideas and different tools came over time. If I were to do the process over from scratch, I could probably knock something out like this in under 2 hours.

baldorf Teams Headers

When making announcements in Microsoft Teams, I like to design custom header images. It makes the post more fun and gives an overall higher quality feel to the project.

The tools I usually use are

  1. Midjourney or Leonardo Images: To generate new characters based on old images.
  2. Mokker: To put a generated character into a new environment.
  3. Leonardo Canvas: To extend the background of a Mokker environment.

Some of my early work used Midjourney, however using Midjourney can get quite pricey. Leonardo has a generous free tier, although, it has been getting tighter lately with the huge influx of new users.

Let’s run through an example:

1. Midjourney

The first image is the original image I used in Midjourney’s image to image system. The second image is the output:

image block
A green dorf. Credit: Mystic Rhoads Proudctions
image block
A fairy tale dorf. Generated with Midjourney.

I then used this output to generate this lineup:

image block
Five dorfs lined up. Generated with Midjourney.
2. Mokker

Uploading this lineup into Mokker, resulted in the green and red characters being placed into different environments.

image block
image block
3. Leonardo Canvas

I imported some of these images into Leonardo Canvas to generate full backgrounds for them:

image block
image block

These images are what I use in Microsoft Teams Announcements. Like this one:

image block

Which is much more pleasing to look at than this:

image block
Portfolio.v1 Article Cover Image

We will look into the process of how I made the cover image for the Portfolio.v1 post on this site.

I used Canvas based on two images: A Lensa avatar and an image of pink smoke from Unsplash.

image block
Lensa AI Avatar of myself (Kalen Wallin)
image block
An image of pink smoke. Credits:

First, I resized the the pink smoke image to be twice as big as my avatar, then placed it behind my avatar. Using Leonardo’s mask tool, I replaced the blue-green-orange gradient with pink clouds.

image block

From here, I extended the background with the prompt: “pink clouds/smoke on light grey background”:

image block

I did this a bit further until I had a wide enough image:

image block

Then I cropped the image down to fit perfectly on my portfolio, using trial-and-error:

image block

Here’s the finished background with my avatar. Pretty epic right?

image block

Tools & Resources