WEBVTT 00:00.480 --> 00:01.800 -: Okay, we're gonna walk through 00:01.800 --> 00:05.190 how to make custom illustrations for your blog. 00:05.190 --> 00:10.190 So what we're gonna paste in here is this prompt 00:10.920 --> 00:12.660 and I'm just gonna walk you through it. 00:12.660 --> 00:16.200 So this is one that I have used in the past, 00:16.200 --> 00:17.910 something that gets pretty good results 00:17.910 --> 00:22.260 and just walk you through each part. 00:22.260 --> 00:23.670 First, we start with illustration, right? 00:23.670 --> 00:25.020 That's pretty obvious. 00:25.020 --> 00:28.200 And then what we have here is permutations. 00:28.200 --> 00:31.320 So these are different types of illustration 00:31.320 --> 00:32.340 that we want, right? 00:32.340 --> 00:35.220 Like we want for this client, 00:35.220 --> 00:39.660 it's a tool that automatically promotes products 00:39.660 --> 00:41.040 from your blog. 00:41.040 --> 00:44.490 So they want websites being linked together 00:44.490 --> 00:45.420 as an illustration, 00:45.420 --> 00:47.670 they want a website being examined, 00:47.670 --> 00:50.220 people solving a problem together, right? 00:50.220 --> 00:52.140 Like they want a mobile advertisement, 00:52.140 --> 00:54.120 they want a blueprint being reviewed. 00:54.120 --> 00:56.970 So these are the types of things they want illustrations of. 00:56.970 --> 00:59.370 And permutations is gonna generate a new prompt 00:59.370 --> 01:00.210 for every single one of them. 01:00.210 --> 01:03.900 So I have been generating multiple prompts at the same time. 01:03.900 --> 01:08.550 We'll be able to see how well this specific prompt does 01:08.550 --> 01:11.100 across lots of different edge cases. 01:11.100 --> 01:16.100 And if it works, then we know that it's worth using. 01:16.710 --> 01:20.433 It's much more robust than if we just tried one at a time. 01:21.600 --> 01:22.680 Then the rest of the prompt, 01:22.680 --> 01:26.010 is relatively straightforward prompt engineering 01:26.010 --> 01:27.780 for a B2B company blog 01:27.780 --> 01:29.460 that kind of means something 01:29.460 --> 01:31.350 in the style of Corporate Memphis. 01:31.350 --> 01:34.020 So if you haven't seen Corporate Memphis, 01:34.020 --> 01:35.040 you're about to see it. 01:35.040 --> 01:36.480 But you'll recognize it, 01:36.480 --> 01:40.080 because there's a lot of corporate blogs. 01:40.080 --> 01:44.370 Intercom's blog is one of the main ones that comes to mind 01:44.370 --> 01:45.420 for Corporate Memphis. 01:45.420 --> 01:47.760 So you're gonna see that style 01:47.760 --> 01:50.910 and it's like a pretty standard style. 01:50.910 --> 01:53.190 Then you have white background. 01:53.190 --> 01:54.960 The reason why I use white background, 01:54.960 --> 01:57.150 is just that it makes it easier to remove the background, 01:57.150 --> 01:59.760 so we have that under the illustration. 01:59.760 --> 02:01.710 What we're saying, it's professional, clean lines, 02:01.710 --> 02:03.930 warm pastel colors. 02:03.930 --> 02:06.480 So let me just hit Enter 02:06.480 --> 02:07.717 and it's saying, 02:07.717 --> 02:10.170 "We're gonna generate five prompts." 02:10.170 --> 02:12.540 You can actually see the prompts here. 02:12.540 --> 02:15.060 So you can see of websites being linked together, 02:15.060 --> 02:18.390 of a website being examined, of people solving a problem. 02:18.390 --> 02:21.600 Yeah, so it's kind of unbundled those permutations 02:21.600 --> 02:23.790 that we entered in before. 02:23.790 --> 02:25.980 All right, now it's generating 02:25.980 --> 02:27.660 and it's gonna generate the first three 02:27.660 --> 02:29.430 and then it's gonna generate the next two. 02:29.430 --> 02:32.043 So we'll see how this does. 02:33.690 --> 02:36.060 It's starting to generate them, 02:36.060 --> 02:37.140 starting with a white screen. 02:37.140 --> 02:38.037 That's always useful. 02:38.037 --> 02:39.480 (Instructor laughs) 02:39.480 --> 02:41.880 But yeah, like this, 02:41.880 --> 02:43.350 yeah, this is the type of thing, 02:43.350 --> 02:44.760 you can work on multiple times. 02:44.760 --> 02:47.640 But I think the key here, 02:47.640 --> 02:49.530 is like once you have a prompt that's working, 02:49.530 --> 02:51.450 you can keep using it, right? 02:51.450 --> 02:53.910 This is really part of your brand's style guide 02:53.910 --> 02:55.140 if you think about it. 02:55.140 --> 02:58.110 And I think a lot of companies in the future, 02:58.110 --> 03:01.290 will have prompts as part of their brand's style guides. 03:01.290 --> 03:02.550 'Cause once you get it working, 03:02.550 --> 03:04.440 then you can have a consistent tone of voice. 03:04.440 --> 03:09.120 You can have a consistent design, feel, 03:09.120 --> 03:11.790 so people, when they come to the blog, they'll recognize it. 03:11.790 --> 03:13.470 They'll know that this is you. 03:13.470 --> 03:15.990 Now why have illustrations in the first place? 03:15.990 --> 03:18.120 I think stock photos are one thing 03:18.120 --> 03:21.300 and actually we have, of course, some AI stock photos 03:21.300 --> 03:22.133 as well. 03:22.133 --> 03:26.340 But I actually prefer illustrations for B2B, 03:26.340 --> 03:28.470 just because it's a bit more abstract, 03:28.470 --> 03:31.050 a bit more interesting visually, I think. 03:31.050 --> 03:33.810 And it looks a bit more professional, of course. 03:33.810 --> 03:34.890 So here we go. 03:34.890 --> 03:37.140 Here's our Corporate Memphis style. 03:37.140 --> 03:38.010 You can kind of see, 03:38.010 --> 03:39.840 it looks like it's almost like cut out from paper 03:39.840 --> 03:40.920 and put in here. 03:40.920 --> 03:43.800 It's a bit of a Bauhaus style as well. 03:43.800 --> 03:45.150 But yeah, you can see 03:45.150 --> 03:47.550 that they're all visually very consistent, right, 03:47.550 --> 03:48.510 which is cool. 03:48.510 --> 03:50.100 And here we go. 03:50.100 --> 03:50.943 So we have, 03:52.860 --> 03:55.680 this one is people solving a problem, right? 03:55.680 --> 03:58.560 And I quite like this one at the top. 03:58.560 --> 04:00.420 I think that's pretty cool. 04:00.420 --> 04:01.470 And then we have, here we go, 04:01.470 --> 04:04.320 we have this more kind of 3D design. 04:04.320 --> 04:06.873 So this is a website being examined. 04:08.160 --> 04:12.180 And here, it's generating the mobile advertisement one. 04:12.180 --> 04:15.030 Here, we have websites being linked together. 04:15.030 --> 04:16.500 That's really cool. 04:16.500 --> 04:17.550 That's really interesting. 04:17.550 --> 04:21.843 And then a blueprint being reviewed. 04:22.980 --> 04:25.530 So one of the things we could do here, 04:25.530 --> 04:27.390 or what I recommend doing, 04:27.390 --> 04:30.030 is kind of upscale the ones that you like. 04:30.030 --> 04:33.990 So I actually really like this 3D one here 04:33.990 --> 04:35.370 where people are sitting. 04:35.370 --> 04:37.530 So I can upscale that. 04:37.530 --> 04:39.210 And then what else do I like? 04:39.210 --> 04:40.770 I like this one here 04:40.770 --> 04:43.200 where the computers are being linked together. 04:43.200 --> 04:44.240 I think that's pretty cool. 04:44.240 --> 04:46.440 Or actually, maybe this one on the bottom-right. 04:46.440 --> 04:50.523 So this is number four and upscale that. 04:51.630 --> 04:54.573 And then, let me see, they're reviewing the blueprints. 04:55.890 --> 04:58.200 Yeah, I think like this top-right one here. 04:58.200 --> 05:00.513 So that's upscale two. 05:01.980 --> 05:03.780 All right, how did we do with the mobile phone? 05:03.780 --> 05:04.613 Oh, this is cool. 05:04.613 --> 05:07.023 I like the fourth one here. 05:08.070 --> 05:09.888 That's really good. 05:09.888 --> 05:12.570 And now I have some of my upscales coming through, 05:12.570 --> 05:13.590 which is great. 05:13.590 --> 05:15.333 So I've kind of got one of each. 05:16.200 --> 05:17.913 Anything I didn't upscale yet? 05:19.800 --> 05:21.750 Yeah, I didn't upscale one of these ones, right? 05:21.750 --> 05:26.463 So I'm gonna say I quite like this top one, top-right. 05:27.450 --> 05:32.160 All right, so now we have our different illustrations. 05:32.160 --> 05:34.020 They're all slightly different styles. 05:34.020 --> 05:36.600 What I would say is you could potentially pick one 05:36.600 --> 05:38.940 of these styles that you really like. 05:38.940 --> 05:41.610 Like for example, I really like this style. 05:41.610 --> 05:42.900 This is my favorite one. 05:42.900 --> 05:46.830 Looking at these in a bit of a bigger image. 05:46.830 --> 05:50.560 So what I could do is I could now copy the link 05:52.380 --> 05:55.292 and then I can use that in my next prompt. 05:55.292 --> 05:56.490 (keyboard keystrokes) 05:56.490 --> 05:59.410 So that one, if I just paste in there 06:00.360 --> 06:03.240 and then I'm gonna go grab my prompt. 06:03.240 --> 06:04.740 So what I'm gonna do is that, 06:04.740 --> 06:06.243 this is my least favorite, 06:09.720 --> 06:12.240 what I'm gonna do is I take my favorite 06:12.240 --> 06:13.680 and use that as the base image. 06:13.680 --> 06:15.930 And then I'm gonna take my least favorite, 06:15.930 --> 06:17.280 which is the prompt here. 06:17.280 --> 06:20.190 And then I'm just gonna run that 06:20.190 --> 06:23.700 and see if it helps me get to what I want. 06:23.700 --> 06:27.360 So this is using the base image here, 06:27.360 --> 06:30.090 but then we're using the prompt from the other one. 06:30.090 --> 06:33.030 So hopefully, it'll keep the same style. 06:33.030 --> 06:37.170 The other thing you can do here is you can use describe, 06:37.170 --> 06:39.120 so if I, 06:39.120 --> 06:43.083 let me just open this up and then I'll save the image, 06:45.480 --> 06:46.920 okay and then you can kind of use this 06:46.920 --> 06:48.570 to zero in on your prompts. 06:48.570 --> 06:51.220 So while that's running, I'm just gonna use describe. 06:54.360 --> 06:57.873 And then where is it? 06:59.550 --> 07:03.480 This one, yeah, just gonna paste that in. 07:03.480 --> 07:07.290 So describe helps you reverse-engineer the prompt 07:07.290 --> 07:08.123 from the image. 07:08.123 --> 07:10.290 So yeah, we already know what the prompt is obviously. 07:10.290 --> 07:12.480 But this is gonna give us a little bit 07:12.480 --> 07:14.820 of a more interesting read, right? 07:14.820 --> 07:16.470 So we might pick up some things, 07:16.470 --> 07:19.860 so like isometric concept, like, yeah, that's good, 07:19.860 --> 07:22.710 isometric, warm color palette, 07:22.710 --> 07:24.600 maybe we could use that instead of pastels. 07:24.600 --> 07:26.253 I think that's kind of useful. 07:28.080 --> 07:31.693 The style of graphic-design-inspired illustrations, 07:31.693 --> 07:33.212 webcore, letterboxing. 07:33.212 --> 07:34.290 (Instructor laughs) 07:34.290 --> 07:36.660 So some of these things are interesting, right? 07:36.660 --> 07:38.670 Warm tones, organic and flowing forms, 07:38.670 --> 07:40.470 light navy and light crimson, 07:40.470 --> 07:42.120 charming character illustrations, 07:42.120 --> 07:44.550 so we can pick up some of these (indistinct), right? 07:44.550 --> 07:45.750 Like we can pick some of these up 07:45.750 --> 07:47.430 and use them in our prompt 07:47.430 --> 07:50.610 and start to zero in on a style guide we like. 07:50.610 --> 07:52.980 But I mean, it looks like we've already solved the problem, 07:52.980 --> 07:54.420 which is very cool. 07:54.420 --> 07:57.153 So this, if I wanna remind you, 07:58.140 --> 08:02.400 so that is what the image looked like before. 08:02.400 --> 08:04.710 And this was people solving a problem, 08:04.710 --> 08:06.300 this is my least favorite one. 08:06.300 --> 08:09.750 And then we fed it the base image, this one. 08:09.750 --> 08:11.220 And look what it came back with. 08:11.220 --> 08:12.870 It actually matches the base image. 08:12.870 --> 08:13.703 It looks really cool. 08:13.703 --> 08:18.150 So now we can generate multiple different prompts. 08:18.150 --> 08:21.990 We can generate many different illustration styles. 08:21.990 --> 08:23.970 But there are illustration scenarios, 08:23.970 --> 08:25.560 but we're all gonna have the same style 08:25.560 --> 08:27.450 as long as we use this base image. 08:27.450 --> 08:30.450 So now we have I think a really good basis 08:30.450 --> 08:31.503 for moving forward. 08:32.400 --> 08:33.233 All right? 08:33.233 --> 08:35.220 Hopefully, that kind of gives you an understanding 08:35.220 --> 08:36.053 of the workflow 08:36.053 --> 08:37.800 and how you kind of build a brand 08:37.800 --> 08:40.890 from this type of prompting 08:40.890 --> 08:43.983 and kind of zero in on that brand style guide.