How to use AI Art and ChatGPT to Create Web Designs (2024) Tutorial For Beginners

What is up, everybody? Let's see how we can use the chat dpd and the actual AI art to create some amazing websites

So this is real. I'm going to just be focusing into the chat dpd and just in one artificial intelligence art generator

And this one is going to be called openart.aI. So here, what I can do is to actually create my own stuff based on what I just actually

created here so what I want to do here what I want to be showing you guys it's

like going to the chat dpd.com actually go into the open a i.com hit into the chat dpd

and here into try chat dpd i'm going to leave you a link down below in the

description guys you have to look that for yourself so here I do have the chat dpd chat

now if you don't know what this chat is it's an amazing place to let's say to have like a

pushed to help us create our stuff. So here, this I like a few examples that you can ask to

the ChantyPD, so this one can be helping us to create your site. So here I'm using actually

something called Squarespace, Jira. So this one is going to be helping me to create my website

but if you want to create like another website using like Google site or Shopify, whatever you

one to two, you're actually good to go. This is just, let's see, like an example where I do want to do

I want to stuff from scratch. And I want to show you how you can create some stuff based on what the chat dpd created

for us. So what I'm going to be doing here is just to delete actually a few blocks that the computer

had generated for me because as you can see this is a template. So I'm going to delete all of the section

here I just have absolutely nothing. So what I want to do is to go into the chat DVD

And here let say that I need help to build an amazing website If you just type that the computer is going to be telling you like all right I going to be showing you what you can do in order to get started by creating a website

So here I just need to wait until the computer actually answers my question, but actually I don't have any question actually yet

I just put this so you guys can see what the computer has to tell us

So it says certainly I'll be happy to help you to build an amazing website. What kind of website are you looking to create

Do you already have a design in mind or are you looking for suggestions and how you can get started

I am looking to create a website about music blocks, but I would like to have, let's say, design suggestions

hit into the enter mark and now it's a it's a sure thing here are a few ideas

for designing website about music blocks this is something that I like just asked the computer

so use a clean minimalistic design this will allow the content to certainly

stage use high quality image videos organize your content effectively so the computer is

already telling me what I need to do to have like a really

really great website based on what the chatypd has to have on the database

So I can copy and paste this info in here, and I can start truly not from scratch

based on what the chatypd told me to. So now I'm going to ask something else to the chatypd

but first let's say that I need to have like a design

for my actual website. So what I need to do is to go into open

open a art and here as you can see there are a few images that were generated for me

so what I want to do is to go here to open art here it says prompt I want to

choose I want to create a prompt let's say a background for a music blog where I

can see instruments and a venue with people Just like that the computer is already creating an image based on the prompt that I just asked it for

So what you guys want to do is to have three elements into your prompt

The actual style, where it is from, and here you want to add some characters

So here I do have two different styles. This is something that was created for me

And this is another image. I think that is true broth. I think I'm just going to focus in this one

And in this one, if you want to see like a better version of this one

you can choose the upscale, 4K and anime. I'm going to choose this option

And the computer is going to just use the same patterns that were created for this prompt to make something a little bit more

more detailed. So just wait a couple seconds here, and voila. So now with that being said, what I do wanted to do

is to choose variations if I wanted to see more images based on what the computer has already created

And here you can just change the different models. So for example, I can choose the model of stable diffusion

number of images, let's say once you create three of them, model person, choose the number two

How strongly the amount of noise be added to the original image

You want to leave it like this. How much the image will be like your prompt

How your values keep your image closer to your prompt. So you want to input this as closer as you can

How many steps to spend generating diffusing your images? You want to leave this into, let's say 100%

And the sampler, the diffusion sampling method. You want to either choose this one or whatever you want to do

But I'm going to just dig around with the solver like this. And here are now a new variations of my image

I want to choose create with a few seconds here. And then I can just copy this image and paste it into my website that has been created

because I have nothing here And now sometimes this happens the network error You have to worrying about that just reload the page and then you can reenter the chat

support here let's say build me a HTTP of a website of a music blog and key into the

X mark to build an HDC ever for a music blog block, you will need to follow this step

First, you will need to choose a program language. Do you want to build the server

So here are a few options here and why this has been created

I can go back into my open art. Here are a few results

As you can see, it looks a little bit more better than the other tool that we used to saw

And choose the image that you'd like to. In my case, I kind of like this one

And here, I want to import the image that was generated by me

buy me. He need to edit side, hear and to replace, upload your file, choose the image that you

just generated. Let's say I want to choose this one, or I'm going to do something, this one

This is my website being created only by using some artifacts on the challenge and stuffed

And now lastly here, I need you to help me to help me create a code to start with

with my actual I'm going to tabbed music block here into the enter mark and the computer is going to be helping you to add some codes so you can copy this one and paste that in here and this is how we can get used with these amazing tools to get started into chatyPD into the artificial challenge

designs. So without being said, guys, this is the very end of the video. Thank you so much for

watching the video. Don't forget now to like and subscribe to the channel if you don't want to see more amazing tools about this. Artificial or Challenges and Designs, thank you once again

for watching the video, guys, and I'll see you on the next video. Best of luck for you