 All right, I think we're live. Let's go ahead and see what's up everyone Freshness I want to see How do we turn ads off with the lives all right everyone if anybody is there and they can't hear me Say something inside the chat. Let me know Trying to That's not good You tell I live in Thailand, right? Hey, I'm Joey and I'm one of the 30 AI voices from speechless. You listen to this video until now and you probably Can't hear me Okay, something inside the chat. Let me know. All right. So I see there is a bit of a delay. All right. I better turn You tell I live in Thailand, right? All right Inside Hey, I'm Joey and I'm one of the 30 AI. Okay, let's see. All right, everyone. What's up I'm just getting started with these lives. You're gonna have to bear with me for a moment It's gonna take a bit to kind of get used to this using the software. I want to see how Work so I have something for the chat so that way you can see comments. I definitely want to open this up So that way, uh, it's fully engaging as questions Housewives delight. What's up? Right. Well, what a what an intro to uh This is sort of like my first live. What an intro, right? The ads I get some funny ads out here Yo, ben. What's up, man? How you doing? Okay, cool Awesome. Awesome. Good to see you here ben and I'm glad to see that Uh, this is working. I think you guys are seeing a screen share, right? Yeah, there we go. All right. I'm getting the hang of this I think maybe after the second or third live, uh, it's going to be a lot more smoother What's up? Carrie post curry posts. Ah, I know I'm going to put your names. Please. Uh, don't be offended. All right So, uh, yeah, get it all set up here. I just wanted to open this up and uh, I want to just be able to connect with everyone, especially since it's going more into the design focus I thought it would be great to start doing some of these lives Where we can start looking a little bit more at web design and, you know, showing a bit more of the processes behind it and open it up So that way we can have, you know, dialogue go back and forth and talk a bit more All right. What's up Yo, David, no pressure at all. I'm going to totally mess up, but it's all good. I'm going to have fun doing it Oh, man. I'm so excited to see everyone here. Awesome. Awesome So, I hope you all are doing good wherever you're at Oh, thanks Sumita. I hope I say that right. Thank you. I appreciate it So I am digging this. I'm really digging this. All right So if you see me kind of swiveling my head a bit is because of my setup Just the way that everything is and like the flow of the room I have my main monitor right here Then I got my second monitor, but I have it vertically right here I feel like having the vertical monitor on the side has helped out my workflow I could see more of like the website when I'm building it or if I put a design It's a lot easier for me to put my mock up right there and then work on the design Then my camera is right here because Yeah, my camera won't fit on top All right Taz Taz we're what's up From pakistan. What's up? Oh, man. I'm so glad to see you here. I'll hit definitely Yeah, you know what we're going to start doing these. I want to start doing these more frequently I just want to have a chance to connect with everyone Plus I'm always geeking out and I'm always figuring stuff out and You know And then I'm also connecting with a lot of other designers developers creatives agency owners And I thought like let's just open it up. So that way I look at it for me I know what it was like like starting off. I used to watch a bunch of videos, but I was alone I was by myself for years doing this And I figured out that we don't have to be by ourselves when we're doing this So I definitely want to change that And yeah, yeah, I'm still inside Thailand. Oh, this is my home. I'm up in Chiang Mai Thailand. That's north of Thailand All right. What's up as like for me? Cool cool. Hey, so I want to see who's interested in checking out how I find some of my graphics To use on my website. So I wanted to do on this first one Like I'm just recently I was creating some graphics for my website I just had the idea because I remember Like I don't know if you could relate to this But like when creating a website for a client or designing it Like it's sometimes difficult enough to get pictures from the client Usually I'd have to find our own pictures and go through like unsplash and like other You know sources to find images. It was always hard to get Photos from the client or content from the client. But then what about graphics? You know, what about those things and then you look at websites and see designs on dribble b hands We see websites icon awards and even you know on the element or For like the sites of the month they have these really dope graphics and how to get those So I found out some ways of getting them. I've been doing them now for years And I'm gonna show you some of the things that I do To get my graphics All right, experto. What's up, man from spain. All right. Hey, that's hugo, right? I think that's hugo. It looks like it looks like your profile pictures a little tiny, but I think so All right, so check it out. If anybody has any questions to I'm going to be keeping a close eye on this Anyone has Questions definitely drop them in there drop them in the chat Dude mid journey for sure. So right now like I do have some stuff coming out about mid journey about chat gpt I'm like doing a lot of testing I really want to do some testing to see how I can make it work in a real world Use like I could see already like just playing with mid journey And and other tools as well. They're a little bit similar. Nothing as good as mid journey or close to that That I found so far. I could see like The possibilities, but I really want to put it to you. So I got something about that coming out really soon Yeah, mid journeys super dope Ah, hugo. I knew it was you cool Ah, thanks gana Ah, man, it means so much to hear that that makes uh That makes me just motivated to keep on doing this. All right, so Really quick. I'm just going to show a few things that I do. So, uh, if I go over here Oh, wait, I gotta Say it's going to take me a minute To get used to this, but it's all good Now if I go here, I just want to show like an example This is just like a good starting point and just a few tricks That I do and definitely I want to hear from all of you as well If you have other tricks or questions as well as far as getting graphics Like this right here. This is just a basic, uh, Like homepage right here How do you resolve Elementor server error 500? Oh, dude, that's hosting Anything in the 500s uh errors. That's usually, uh server related. That's what the hosting So first off mohead, I'm going I'm going to deviate a bit because this is a really, uh, easy problem to fix Uh, whenever you get hosting make sure you got good support support You can contact that can take a look at it right away. And if you don't got that you got to change, uh, hosting Uh Having that support for hosting is an absolute must And that'll solve your server 500 errors having hosting support that could go in and find out. Why is this happening? All right, so check it out. So we got something like this right here And you know when you have something like this, we got to be able to put a graphic here Got to find icons stuff for the backgrounds Side-by-side graphics backgrounds right here Now usually what I like to do is I like to look around and kind of think of like a theme that I want to do Like what kind of direction that I'm going in And what's up mohead? Man, good to see you. Good to see you. All right All right, cool I said this is my first time. Hey, I told you I was going to mess up a bit. It's going to happen Good thing I got my t All right, so when I am looking for graphics now first thing have you guys ever Started building a website putting everything together and like trying to get super creative with it You build it out. You finish up the page, but something looks off Have you ever had that happen where the design or just something about the look of it looks off? But it's hard to put a finger on it. Well, I learned a trick From a design friend of mine And the trick that I do is you start removing things one at a time from the design And usually once you remove enough stuff Then all of a sudden it'll start to look good a lot of times when the design looks off is because Either too much as being added to it or the stuff being added to it is not right or it's not positioned right So that's how I like to start. I always like to start off with a very clean minimal slate Having something clean and minimal is going to win always more than something that has too much on it So like something like this right here now, I would like to look for a theme and some of the resources that I use I'm not going to go to mid-journey yet. I'm testing mid-journey mid-journey is now a new resource that I'm using I'll do another live coming up with mid-journey. I just want to be more prepared for it I want to do more testing and have more of a design flow with it. But some of them, uh, let's Oh, I lost one One of my favorites right now is this one. I just got this over Uh black friday I paid something. It was like 40 dollars for like half the year or something It's like a really reasonable price But what I'm looking for when I'm looking for graphics. I'm looking for things that You know illustrations, but ones that Look usable like right here if I go, where's my illustrations as branding Go here to Uh The full one for the illustrations. So when I'm looking at this, uh, now, I don't see these as really being usable except for like rare cases But then I'll get to something like this right here like this. This uh grains is abstract blurry I could totally see this work in the side of design Same thing for these contours. This could be super dope. Like I could see this right here working In fact, we're going to try using this right here Now I'll show you how I'll take this and put this into a design These right here are super dope. I love like these kind of graphics right here These are fun to use same thing for these, uh These blurry grainy gradients. These are all like really cool right here Now I could see these being used And now these over here. These could be used for other things. I don't really see them being used for web Not like in the current days. Maybe Several years ago. It could have worked Uh, then we got things like, you know, 3d elements now if we're going to go into like the direction Of using 3d icons, it could really work well Yeah, mohit a uh for something like this like this right here You could uh get unlimited access. I believe it's like $9 a month or something You could just pay for it and like, you know, use what you need to use at the for the time And uh, you know, you're good with it another one I use and now this one All right Vento elements who uses a vanto. All right. I have a love hate relationship with vanto elements first, uh There's so much garbage to go through you gotta go through So many bad things but if you go through the bad things and start to look for Start to look for the right stuff. You could find some really cool stuff in here Like I'll go to the graphics and I'll go to objects right here And I could go through the objects and I could start to look for stuff Maybe I'll add like figma right here and like start to narrow down the searches He's just this takes a little bit more time. I remember I actually used this before In some graphics that I did, you know, these are like really decent icons Now if you're going to go inside this direction right here, these could be great icons to use in a section like this You know, that could be super dope Yeah, ask ask ask like for me. Yeah, I know. I know a vanto They got a lot of good stuff in here. They do have a lot of good stuff now. I keep Going with the vanto for a few reasons one. I do find Good elements that I could use inside my designs. It does take a bit of time Because you got to download a lot of stuff and some of it is just old or it's just like really not built that well One thing I wish they had I wish they had like a reviews thing like where we could give like stars to it So that way it could help us filter through what's good And what should probably be cleaned up and removed out of it But they do have a lot of other good things like photos Stock videos and stuff that I use for my youtube channel as well Another one. This is one that I really like right here Ui8 now it costs a bit. It's not cheap, but it is definitely worth it like let's go over here to Illustrations Now illustrations has got some really good ones and it's constantly being updated Like if I'm going through it Trying to look for something I could see Uh, that'll work on the web Let's see. I know he got some stuff in here this right here like this could be super dope Geometric a mask Now they're using it for posters and stuff like this, but Let me see we could use it in figment. I'm sure we could tweak it around Where we're only using like this mask right here. That could look really cool Wow, this is dope right here. Actually. Yeah, something like this could definitely be used now I could see this being used on like an elegant site like a site that maybe would be for like Like a woman's fashion that needs that more elegant type of look and feel All right, everyone and I'm checking the chat too just to see, you know, if there's any questions or things like that that pop up So that's pretty dope right there. Let me go back and we can see okay more mask right here so good icons, you know Uh Again, you just got to kind of go through stuff and the same thing. Let me see here I know the 3d assets are pretty dope and 3d is I feel like it's kind of like this is cool right here Like I could definitely see something like this being used You know, like you could use something like this not just as not just as like, uh As as an icon I can see this being used as a bigger graphic. Let me show I'm going to go ahead and find A 3d one in fact, uh, let me go here to our graphics. I'm gonna put 3d I'm just going to try one out. Oh, should we do something with science? I want something more minimal more simplified nothing too complicated That looks kind of dope. All right, we're going to do this megaphone real quick Because I think it's going to be a light down low Yo, emron. What's up, man? I got to give it up to emron because uh, he has been one of the biggest inspirations for me to get off my You know what and start doing these Definitely definitely, uh Setting the bar high. It's good to see you here, man. All right. Let's go ahead and Uh, maybe that won't work so great on it, but let's go ahead and give it a try Let me go ahead and remove that background You know, I'd probably put something like this going off the screen right here But then on top of it Go ahead and lock all this in I like to work with overlays a lot So you probably have to put the overlay a bit more or make that smaller Yeah, I probably would fix that one up right there I don't know I'm geeking out and I'll check back over here. All right Of course, of course then Ron is working on videos for sure, man Hey, good to see you dropped in for sure And you know, that's just one way to come up with a graphic. I mean This is just I just want to show my source and the reason why I wanted to show this was because Let me stop the screen share really quick and I'm gonna jump back into it Because I definitely want to explore a couple other things to show you Uh, the thing is I'm not a graphic designer. I don't use AI a little bit of AI to tweak things and to like, you know Do a few things I need and if I need to do more Uh, I could go ahead and follow a few youtube videos, but I don't use like AI and do graphic design I found there's a way to come up with graphics A much different way There's a way to do it without being like, you know, getting into graphic design and do it just for web Things like background images another resource. I like to use if we go over here to big mom We could go over to the community and okay. I already started playing around with it We go over here to visual assets and start finding stuff in here Like I like to sure search for shapes So if we go here to shapes then we can see a lot of resources over here that we could use inside our graphics Like this right here. I could totally see this one being used. This is super dope Now there was one. Let me go down Right here. So you can see like this right here Like when I look at this, I see all the possible. Oops. I'm not screen sharing All right, my bad. I wasn't screen sharing the figma. All right Backtrack real quick Go to figma go to your community You could check out visual assets right here. You can search them. I like to look for shapes Then you could go down and you could find all these kinds of shapes that you could use for your project This right here. This is super dope In fact, I want to get a copy of it because I could see this using inside the background For sure. This is really really cool right here. So let me get a copy of that All right Let me go back to my community A tab right over here. Oh, is it being shared now? Can you guys see my screen? Let me know if you can see my screen. I'll keep going. I don't I don't want to Well, I can see over here. I can see my live screen with it. Okay, it should be on now All right, cool. Just want to make sure if not, please let me know inside the chat if it's not uh sharing All right, cool. So I just showed this one right here I just grabbed this one from uh the community But another one as well Let me go back here to the community like this one I can see the geometric shapes and totally can see how this can work Now it's a bunch of little shapes, but if we go over and check out uh Update a website right here. You'll see that we're using these shapes inside there So let me go here You see like for the graphics. We got these circles and squares I got this graphic piece right over here, but if you look at all the elements inside of there Let me go down. We can see these elements being used. These are all coming from here. So these shapes We just take these you change the colors around and then we could use them as svgs Let me show how I do that. So I'm going to let me see Uh Which one should we use let's go ahead and just keep it uh easy right here I'm going to download this one right here Let me make sure I can All right, let's see here Let me dismiss that I'm going to download it as a svg All right. Just want to make sure it's it's got it. Let me download that I'm going to do the same thing with this one. I could see this one being kind of cool as well. Let me export that as an svg I always do svgs because it's going to keep it really light No, I'm going to also take this I can see that one being kind of cool. I like to play with that All right, let me go ahead and export that as well Now I'm going to go over here to my image maker here. Let me duplicate this. Let me remove oops Right the headers good right there Let me go ahead and remove that All right, I'm going to take this in I'm going to go to my downloads and Huh, which one, you know, I'm just going to let me try this circle. I think this circle would be kind of cool All right. Now I would take the circle right here And I would like to change the colors up of it So I got my set colors right over here I go ahead and change them to like let's just go ahead and make them yellow Now I'm going to mask these two up. I didn't mask the way I wanted it. I want to do All right You know what? I don't even have to do that since we're going to be doing this in elements or I'm trying to do something too difficult right now. Let me go ahead and simplify this. All right I'm going to just export this as the yellow one right here And just yellow graphic then I'm going to go over to my uh page right here Let's go ahead and edit this with elements where All right for the background right here. I'm going to put the background color I'm going to use my blue right here Let me go ahead and change these colors around Make that white always got to have my global setup That is the first step that I always do and it's just for this reason right here I'm going to make this yellow now. I know these colors aren't the best right now Just want to do something uh kind of quickly I'm going to delete that right now And now inside the background right here for the container background I'm going to go to the overlay I'm going to add That yellow graphic Then here I want to make the opacity 100 I'm going to put on no repeat. I'm going to go A center right push it all the way over to the right And then I can still tweak it around but we already have like a graphic right over here, you know, I can make This is quite wide right here And I'm going to keep it wide You know another thing that could be done too as well. I use flat icon a lot as well You know like you can use an icon And find an icon and find a way to turn one of these into graphics as well You know if we're to do like a background right here I like to do a background. Let's go ahead and make this I'm going to put a gradient right here. Let's turn this yellow. So the call to action stands out And then right here we're going to turn this one Yeah, I want to make the call to action stand out now. We could pull one of our other Graphics that we got and this is like a cool graphic to use Now here I go down here and I go to my vectors and I click inside here and I just go to all of them And then I change the color you could do Now yellow wouldn't work here. I'd use white But then here's a graphic right here and same thing all you got to do with this graphic Is just drop down and export the svg. It takes a lot of Playing around with what I like to do is I like to come up with a theme. Am I going to use? Gradients am I going to use something grainy like if we were to go over here I'm experimenting with these right now because I'm really digging this one a lot Let me go to my profile to my downloads. I got a subscription over here. All right, let's see. I want to Let me get these contours Real quick. I want to play around that. I could I see this being super dope right here Splashes, I see being super dope. Let me download the svg Even though I think svg for these are going to be big now one thing I found with svgs When it's something that's got a lot of gradients in it And it's complex then it's too big and it might be better going with Going with the png even though I try not to do png's But I do have another trick for those as well And which other one there is something else I wanted to get I wanted to get these grainy backgrounds What happened to them? I feel like I'm missing something here. Let me go back over here to illustrations Yeah, these are are dope here. Uh, yeah, these ones right here Okay, let me download this I'm going to You know what I'm going to download the png for this one All right, that's a big file. That's almost a gigabyte. That's going to take a while But grains are pretty dope to use right now. I do like using them. All right, what do we got here? See, this is the only problem with svg when it does come to gradient sometimes They do run into a little bit of problems. So we have to check those out Now I'm going to go to contour right now. Let me go to those contours. Where are they at? I have my eye on one of them not the shapes. Oh, these are dope Yeah, this is dope right here. Where's this one? I just saw Yeah, let's go ahead and drop that in there I want to play with that one Yeah, this is cool right here. I can see this being a fun graphic All right, it's a solid vector. So it can only be one color Probably would turn this one. Oh, that's kind of dope right there Let me put this one a little bit green Oh, I see what's happening. It's two files All right, that's the background. We don't need that All right, I'm going to move this outside here. I'm going to play with that later Let me go back here because I have my eye on something right now that I want to try I could definitely see lots of those being used. But where is the one thing at? Okay, I think it's going to be in here All right, this is it right here. All right So I want to put that let me get rid of this Let me put this over here All right, this is cool at this angle now we could flip it horizontally But I wouldn't do it like this when I'm putting the background graphic in What I'm doing is I'm looking at where the call to actions are Like we got the call to action right over here And sometimes we'll have a call to action inside the menu like if this was like an actual website I will put a contact, you know button up here as well as well as a call to action Now when we are like creating graphics to put in there, we want the flow To angle to those call to actions because with this one right here with this Angling towards The call to action right here. We're subconsciously Driving the user we're guiding the eyes of the visitors to those actions right there It works through all of design if you like say like Nike and stuff like that, you'll see that whenever they position Like one of their athletes or something. They're all going towards like the brand name or something like that But yeah, I could definitely see this being super useful Let me do let me see something. All right. This is what I'm Imagining right now. No, that's what I want. Okay. I want this vector right here And everything else we could delete Yeah, this would be super dope right here In fact, we could do something like You know what? Let me do this right here try that one this color This one Yeah, see this could be a really dope background image and we could even like make it full out more All right, I'm going to export this one As an svg I don't know how it's going to come out now one thing about svg exports Uh, especially with gradients. They don't always come out right because it's really code inside the svg So let's see if it does come out right I could pull it up on my downloads All right, it looks good. Let's go ahead and apply this to the site I'm going to go to My container I'm going to go to the background overlay and let me upload And by the way for those uh looking for mid-journey you can see right here I'm already playing with mid-journey. I've got some stuff coming up That's gonna that's going to be next like next level coming up as far as graphics We're going to see a huge I feel like there's going to be a big, uh Design trend coming in using mid-journey, uh graphics. I could see it. All right So the size we could put cover That doesn't look right. Let's go ahead and do custom See, so this is how I find my graphics. This is part of my process right here I try out lots of things. So when I do build the site, I do go with the basic site first I do go with, uh Keeping it clean. I'd rather build out the site like this first I always use, uh placement text And when I use a placement text, I'm using, uh, the size of the text like how much text I want to use All all the client has to do and all I have to do for the client is fill it in And then for the graphics I use placement graphics then at the very end That's when I go through it like right now. This is more of a wireframe I would be changing the backgrounds. I'll be putting like maybe something here Maybe like a gradient like grainy something, you know, I'll be trying different things But it would all depend on the type of site now. This was a site for like, uh Like an elegant type of product That had a different demographic Uh that maybe uh needed something that was more classy Uh something more luxury then I would be using a different type of graphic Maybe like those masks we're looking at Uh from the other one now, I do want to Oh, what's up, uh David in Yeah, man, there's a huge psychology around this that really is And when we're putting the graphics in it's really important to look at How are we guiding that graphic to the call to action that really does work I've done a lot of heat maps throughout the years and a lot of testing Uh seeing how users behave Do a lot of conversion rate optimization Uh and it's amazing to see how we could impact that We have a big impact on how users integrate Uh interact with websites How often are they clicking on the get started and stuff like that? All right. Okay. There was something else I wanted to show. All right. I have another trick right here. All right, so let's say Let's say uh We want to put an image here, but we don't just want an image. We want to do something a bit different right here So let me go ahead and Find an image Do I have any here? I don't You know what? This might be a good time to open up mid journey. Let's go ahead and give it a try Who else is on mid journey? You know, I'm just going to go to community feed I'm going to grab one here instead of creating one All right, which one looks cool, right? They all look pretty dope I want to grab one that is a bit more portrait though I'll keep scrolling and geeking out. Let me go ahead and take this one right here Let me save that save image How's wise the light right this is the worst thing for productivity Do you want to get stuff done? Don't get started on mid journey once you crack open mid journey like Hours go by for real Ah, yeah, pez reloaded for sure for sure Uh, David, I ran out of my page. I didn't want to pay again, but I was like I had to go I had to go for it again to get another month All right, cool. So we got that one right here. Let me get that graphic Let me drop that in here And Oh, my boards are all messed up now. Normally when I'm doing this my boards are a lot cleaner But it's all good Just geeking out right now all right, let me crop this one a bit Crop it just so that way This is usually where I like it to be right here. Uh, four by 500 is pretty good now You know just a picture on its own could seem a bit plain, but we could do more With this graphic we could take let me take uh, this one actually this right here. You take this up Let me uh duplicate it. I'm going to make two of these right here And let me change the colors up on it and I'm going to make the first one mint color and then the second one I am going to Make this one I will do the blue color. We'll keep the brand consistency Now everything that I'm doing here. This is all with the free account for figma Now if you aren't like even creating mockups right now with figma It's still good to use. It's still a great tool to use For your web creation process So you can see here. We're not doing mockups, but we can use it I kind of use it like like for me my image maker is like my playground You know when I have a project, of course, it's a lot more detailed But then when I'm like just working and doing something for myself and using it for me I use it like a playground where I could create images. I could try new things And uh, it's a really good way to get started. I feel to learn figma and get into it All right, there we go It doesn't want to collapse All right, let's do something like this right here Let me make this a bit smaller and I'll do the same here. What size is this? 196 let me take it up to 200 If you guys see my channel, you guys know that odd numbers draw me bonkers. I got a bit of ocd around that Uh, I'll do the same thing here. Let me just take this down to 200 And then move this one over here Then I could you know, let me go ahead and bring that to the front right here Now we got this graphic right here. I could bring this in more. It doesn't have to be All out like this Now All right, I'm going to group these together for the graphic. So Oops all my groups are all messed up ungroup I've never done one of these live before. So this is all new right here. Now. I'm gonna Let's see our image. Let me just this so I can identify it All right, so let's say we create a graphic like this and we want to do it now Uh One of my tricks that I do with this. So If we were to export it You know, like you would have to export this as As a png in order to capture these graphics on the side and to get the transparency on it Because if we go here, let's say In this section right over here All right, Andrew. What's up man? Good to see you too. And Dave the legend. All right So good to see you Dave for sure, man. This is exciting What a what a way to do a fool like a first, uh, you know to do, uh A first life have the master Dave Foy on here have a an up and coming legend Imran up on here I never thought this when I started doing this, you know going down this journey. So it's really exciting All right, cool. So let's say here, uh We're going to change the background color on this Let's say the background color All right, it's an off-white right here. It's an off-white. Okay, we can leave it at this as an off-white. That's all good Now if we look at this graphic here, if we want to put this graphic over here, and we want to Keep these uh graphics that we put with the image Well, you know to keep that with the transparency then we would need Uh to export as a png but the png would be massive And if we do it right now as it is with a jpeg Then we're going to have a white background here Which even though this might look right, it's really off-white and it's going to look wrong Let me show you guys what I mean. So I'm going to download a png and I'm going to download a jpeg Let me just take this down to one So it's not massive. All right, which ones are they? All right, so we can see right here the jpeg. We got that white right there And then the png, you know 534 kb and that really can't be condensed this one we could condense this we could turn this into 60 kb All right, and this is what I mean by it'll look all weird. Let me go ahead and just upload that And show then I'm going to show you my fix for doing this my trick around it Yeah, it's it might be hard to see here, but let me change the background color And you can see, you know, it has that white So just for the sake of this, I'm going to make this white pink. We're going to make it a weird. No, that's too weird I can't I can't be weird. All right. We're just going to keep it the knot So why you can still see the white there now my trick to doing this is to uh, I like to put a box behind it So I just put my box behind it. I make sure the box is The right size for it. Let me go ahead and put this in my background right here Then since I already have this As part of my globals And I'm going to group this up with it. No updated image Now we could go ahead and export this one As a jpeg And then I could go ahead. I use affinity photo so I could In fact, I could do that right now Updated image I could drag this into my affinity photo And I could go ahead and drop this down to 80. Let me remove the metadata right here ICC profile And I already got this now to 81 kb I need to get this bigger though. Let me get this to 800 It's going to be a bit bigger and drop that down to 70 export Take it back to 80 and look kind of grainy. All right Export that updated image Yeah, we could replace that Now when we upload it and we put it in there it'll fit and I would all I would do is Make sure the background is the same color as the background of the site. All right Wow, I made it 50 minutes. I wasn't planning. I thought I had 30 minutes Look at everyone. I'm really grateful for everybody that showed up and joined it was part of this I do have plans to bring on other people. I want to make this more I want to make sure that when we're doing this is full of value that something's being given out of it This is just the beginning now You know, I've made the decision to go all in with content creation So you're gonna be seeing a lot more of me and one thing I want to do is I want to connect with everybody as well I know I've been getting lots of questions inside the videos I create and I try to get to all of them Sometimes I can't so what I want to do is create the space and give a you know, this opportunity for all of us To be able to connect this way you can answer questions directly to me will have some amas coming up I want to bring in some stuff that is more design focus more on design systems Improving elements or websites and other ones too It could be bricks or just Gutenberg because I am now also using bricks And this year I also have plans on doing more with Gutenberg as well I just want to connect with you all because I love WordPress web design and the community That's involved with it. It's like you guys are my people you know like I can go out to dinner with friends, but very few I could connect with on this kind of level You know, I have a couple friends that are you know, we geek out on the same things But you know all you guys we all geek out together. All right Pantola seven seven. What's up? What's up? All right, cool. So before we bounce and we wrap this one up Does anybody have any questions or would anybody else want to see something as far as? Graphics goes or questions about it. I know there's a bit of delay. So I'm going to wait for about 15 20 seconds And uh, yeah, I don't hear anything. We'll go ahead and wrap it up And then if you guys have any ideas as well, you can hit me up You know what? I need to update something on my youtube channel. I want to make it easier for people to contact me Uh, I'm going to start using uh, instagram a lot more to communicate So a good place to reach out to me would be on instagram. Send me a dm there I'll definitely get back to everyone hit me up with any kind of question. It's all good Cool partho. What's up, brother? Good to see you here, man All right, everyone. We're gonna wrap it up. Uh, I hope everybody has a good productive day or night or morning Wherever you guys are located. Wait, we do got a question. Uh What websites do I recommend for getting those graphics and contours used? Okay, so one of the websites in fact Let me put this aside the chat This is one that I just got it's pretty dope Like I found some good resources in it and the price is definitely Good for the price is right for it. So I put the link to it in here It's definitely a good one. Now if you do have the budget, uh, this one it isn't cheap Let me see all access pass it. It's not a grip either Uh You got 188 bucks for three months But usually when I get this say if I'm like really doing a lot of design, I'll pick this up You know, recently I've been doing a lot more creative direction Uh and haven't had to use it, but you know, like I I've gotten this plan Think two times already, you know, when I go through design spurts Or I just need to change things up I go with the six month plan and that's because I could download more during the day Which does uh really help out. That's going to be ui net Let me copy and paste that into the chat as well And let me see what else so avanto definitely use avanto uh For me avanto works out, you know, because it has so much more than graphics Say one of the things we had to do was photos I had to like put together something recently for a project on the photos And really quick. I'll show you guys a little trick Let's say I'm looking for a chef like say it's a uh A restaurant say we're making a restaurant A restaurant website So we go over to the restaurant. Okay, we're on photos right here One trick that I found was I could find a like a restaurant and sometimes When I go through and look at The uh person who uploaded it I could go to the Seymour And what I found was okay, this person didn't do it But what I found was a lot of the people uploading them have packs full of images So it could be like the same restaurant But like 20 different images of the restaurant So you get like download like a whole pack and it's really useful for projects Super useful So, you know, there's a lot of good stuff in here I gotta go through the fonts. I haven't really used the fonts, but trading videos They have like stuff that I can use for videos and stuff like that as well and uh Pentola looking for motion animation on elements where I'm planning. Yes. Yes. Yeah So, uh, we got some stuff with development coming in The lead developer that's been working with live box my man Stefano He's going to be coming in as well doing some of these lives We're looking to do something showing some g sap coming on Right now. I'm currently using motion dot page. I've been testing it out really digging it So I got some content with that coming out But uh for anybody who wants to learn like g sap and learn coding and stuff for motion My man, he's going to be coming on and showing a lot more of that. He's super good with that stuff He did everything for our live box agency website Cedric, what's up, man? Happy new year's bro. Good to see you. Good to see you, mate All right, how do I export the figma design to wordpress? I don't export it to to wordpress Like I know there's a way to export the code, but nothing directly to wordpress. So what I do is You know once the design is done. I'm using this design to build So like say this is the menu like you know, I go in and I have my design process and build process where we go Okay, let's build a menu and we make it just like this And same thing through and then the designs are all high fidelity designs So like it's not our designs like I'm making sure that right here Like this one, this would be 20 pixel spacing. This one will be 40 pixel spacing right here Let me get a right and that way when we do build the design It is you know, it's pixel Perfect and ready to go that way when we're developing it There's no like guesswork really to it because it's already there But as far as exporting it it would be cool. It would be cool But I feel like even if there's an export tool, I could just see something's going wrong. I don't know Maybe that's just maybe we're just not there yet. Hopefully soon. We will be Ah, for sure. David then for sure Uh, let me see. I'm trying to think of some other resources. I know there's a lot of good ones Now I do use flat icon Flat icon is really good as well I've been able to create graphics actually for websites with flat icon Just got to kind of go through it and play around the thing is Once you start to see things once you're able to like You know like go through here And after you've done this for a bit, you're able to see like I was able to look at these contours right here And see this one. I'm like do okay. I can see that fitting right there Something like this this one right here. I don't know if you can see my mouse, but this will look weird I don't see this graphic. Maybe it could be used But once you start going through you can start to see hey, this will be super dope to to use This one for sure would be really cool. In fact, uh, a designer. I work with lauren. Let me see Really quick. Uh, let me go to our website I believe she was using graphics like those on her course All right, something similar similar graphics right there as she used now. This is by lauren She's one of my teachers and that's worse when I started off building websites Uh, you can see she used those graphics here Yeah, she has been like, you know, the person I learned the most from when it comes to design Her design skills are just next level like incredible if you want to check out her work check out break factor like Lauren is one of the best designers that I know in web design I just got to show it off because she just rebuilt her site Uh, super super dope You know, so yeah, if you ever want to know about design she Okay, I'm fumbling from the mouth right now and I'm just going to start talking gibberish. It's late night over here Any other questions drop them out. I want to keep it open. I want to make sure there's there's chances for There's there's an opening for questions, even if uh, my battery is running down Hey Cedric. Yeah, so I do have the design course coming out Designing with elements for and I do have something showing process on Creating graphics and how to add them right now. What we're doing right now is pretty much just like off the top of the head Uh, and just a little bit more of the thinking part What I'm going to have though inside the course Is going to be much more detailed and structured and streamlined as well but definitely uh, creating graphics is a big part again though Like for me my process is I first create the outline of everything like My designs they're going to start off like this. They're going to start off with the outline And then after the outline I'm going to start adding on top of it Because we want to see what works. It's a lot It's a lot more productive To start with something clean and minimal And then to add bits on it instead of starting with something with a bunch of stuff on it Because if you start with a bunch of stuff on it, uh, that is where Let me uh stop the screen share That's where the the design looks off and then you get stuck and you can't figure out What's wrong with the design, you know, but start off minimal because even if it's minimal Just a little bit of graphics and a little bit of creativity a little bit of backgrounds The design is going to look super dope. It's going to look a lot better than something that is cluttered with a bunch of stuff That is randomly placed all over Ah for sure housewives alive. I'm so glad to see you here all of you Ah means a lot Samita, okay. You got a question for sure. Uh, we'd love to know more about the design psychology All right, we're going to go into that more coming up. Uh, definitely Uh, there's a whole second. There's there's almost there's a psychology and a science behind it I feel like there's a lot to it. Uh So we'll definitely do more of it. I'm really glad to hear this feedback and uh, yeah I'll plan out some more stuff and definitely hit me up too if you have ideas if you want to learn about something because uh The ideas that I get to do stuff like this. It's coming from all of you I want to make sure that I'm sharing like my experience what I do and and everything that it is something that is You know wanted and needed and that could be helpful All right, everyone if there's any questions, I want to keep it open for 20 seconds For the delay. So dropping the question. If not, uh, if not, we'll go ahead and call it and wrap up this first live What a first live. I I didn't even think anyone was gonna show up to be honest I never you know, this is all new. I just had to go for I said, uh In wrong was a big inspiration a big booster. I love what he's been doing. You know, he's been just so active He's definitely been uh inspiration and then to see a legend like Dave Foy show up You guys six years ago when I was learning, you know, five six years ago when I was learning wordpress Uh, I remember Dave Foy was one of those first guys I was learning from And you know when you're learning from one of those first guys that you see him You know, they're legends and they really uh stick with you and he's definitely one of those guys that has stuck with me And then now all these years later to be able to connect with him And I'm just super grateful for this journey All right, everyone Losing my voice right now. Thank you for uh being part of this. Thank you for showing up I'm really grateful for all of you for uh being here and uh, we got more of them coming up. All right. Cheers