WEBVTT 00:00.420 --> 00:04.550 Welcome to the introduction to the image editor in this video. 00:04.560 --> 00:07.470 You will make the iris for our bunny. 00:07.470 --> 00:12.150 You'll learn how to export an image with transparency. 00:12.150 --> 00:13.770 Only use Blender. 00:13.830 --> 00:20.070 So there will be some limitations and understand that there are better programs for image creation and 00:20.130 --> 00:23.820 editing such as Photoshop gimp et cetera. 00:24.210 --> 00:26.770 So let's hop straight on over into blender. 00:27.990 --> 00:33.020 So previously on blender we had our eyes that we just created here. 00:33.030 --> 00:37.230 Now I just want to highlight one thing before we go any further because we won't be working on these 00:37.230 --> 00:44.940 guys directly at the moment but if we go to flat shading in the tall shelf here you'll notice that I've 00:44.940 --> 00:49.290 actually angled these eyes facing outwards from the bunny. 00:49.290 --> 00:57.540 So we've used a u v sphere and this will act as the centre of our eye of our pupil and then the Iris 00:57.540 --> 00:59.270 will go around here. 00:59.340 --> 01:04.350 So it's worthwhile if you haven't done already rotating your eyes around so they're actually facing 01:04.380 --> 01:06.730 outwards from your rabbit. 01:06.750 --> 01:11.510 Of course if necessary turn the rabbit mesh back on unhide it so you can do that. 01:11.670 --> 01:17.310 And then once you've done that we can hop into a brand new blender file so let's go ahead and open one 01:17.310 --> 01:17.870 now. 01:20.700 --> 01:27.360 Now just before we get going a few of you may be wondering well why are we just creating the geometry 01:27.360 --> 01:33.690 we need straight away on the eye rather than going ahead and creating an image to put on the eye. 01:33.690 --> 01:40.770 Well it's all to do with the level of detail required and the processing power required to make a realistic 01:40.860 --> 01:41.450 Iris. 01:41.460 --> 01:46.770 As you're about to see is going to add lots and lots of polygons to our scene. 01:46.770 --> 01:51.640 If we were to make it real and have geometry to it. 01:51.810 --> 01:58.410 But what we are going to do is create the geometry that we need to create the effect we want and we 01:58.410 --> 02:00.140 go to do what's called baking. 02:00.150 --> 02:08.890 We're going to solidify that into a picture and then use that picture by texture with in our model itself. 02:08.910 --> 02:13.090 So let's carry on now and go ahead and make that Iris. 02:13.260 --> 02:18.360 Okay so with a brand new start let's go ahead and create an iris. 02:18.450 --> 02:23.030 So what is an iris Well it's a circle so let's get rid of our cube. 02:23.550 --> 02:29.020 And what we're going to do here is add a circle in to our scene. 02:29.100 --> 02:30.960 We're going to have to fill it. 02:31.080 --> 02:33.140 Now it's entirely up to you. 02:33.140 --> 02:38.970 But be as artistic if not free rein basically you can make this how you like but we do need to fill 02:38.970 --> 02:39.900 it. 02:40.200 --> 02:45.170 And I'm going to fill it with a triangle fan and I'm only going to fill it with 16 32. 02:45.180 --> 02:52.080 The first is fine and I'm going to make the radius of three so that's quite a big circle and we're going 02:52.080 --> 02:53.540 to look at it from the top. 02:53.580 --> 02:58.240 Now I've got an option turned on I briefly mentioned it before. 02:58.410 --> 03:04.890 When I go into topside front etc. It automatically switches to orthographic projection and that's just 03:04.890 --> 03:11.850 to remind you guys is under user preferences interface and hear auto perspective very powerful. 03:11.850 --> 03:13.770 I find it incredibly useful. 03:13.770 --> 03:16.940 You may or may not like that turn on and off. 03:16.950 --> 03:18.150 Do experiment with it. 03:18.150 --> 03:19.870 Great little tip there. 03:20.120 --> 03:25.590 Okay so now we've got our circle Let's hop over into edit mode and just have a quick look. 03:25.590 --> 03:27.400 It looks pretty good so far. 03:27.390 --> 03:32.100 I'm going to subdivide it's a little so I'm going to go down here on the tool shelf and father might 03:32.100 --> 03:33.420 as well make that a bit bigger. 03:33.490 --> 03:34.140 Oh no argument. 03:34.170 --> 03:35.730 The operator panel in a moment. 03:35.730 --> 03:40.230 All choices choices can have just hit some of the viant Twice there. 03:40.540 --> 03:47.700 So you've got this wiggly pattern going round and I'm going to increase the level of fractals round 03:47.700 --> 03:51.300 here so this makes it a bit more jagged. 03:51.540 --> 03:52.350 Excellent. 03:52.350 --> 03:54.320 So now that I've done that. 03:54.420 --> 03:59.400 If we just render obviously the camera's not in the right position at the moment when wherever we render 03:59.400 --> 04:04.590 something it appears here in the image editor and we will need to do this. 04:04.590 --> 04:08.120 This is going to be our image that's going to become our texture shortly. 04:08.160 --> 04:12.420 This is what we're going to be working on so we can see straightaway by going through to the end be 04:12.420 --> 04:15.260 in line about it that the camera's not in the right place. 04:15.300 --> 04:18.880 So let's go ahead and shift the camera to the right view. 04:18.990 --> 04:20.360 Now where you see something here. 04:20.370 --> 04:22.390 I'm going to hop back to the 3D view. 04:22.450 --> 04:27.450 We'll give you something here that we've done in the past and that is switch to the camera. 04:28.640 --> 04:31.110 Change the view to the camera as well. 04:32.350 --> 04:39.850 And once we've done that I'm going to open up the propertys panel here and lock the camera to view once 04:39.850 --> 04:40.740 we've done that. 04:40.780 --> 04:48.150 I'm going to use the manual options here to position the camera right above our object as Z cordiant 04:48.160 --> 04:51.660 head doesn't matter and I'll tell you why it doesn't matter in a second. 04:51.790 --> 04:53.230 The rotation. 04:53.530 --> 04:57.100 0 0 and 90. 04:57.460 --> 04:57.940 Okay. 04:57.940 --> 04:58.780 Brilliant. 04:58.780 --> 05:01.000 So this is how we would view it. 05:01.030 --> 05:04.930 Otherwise it's facing directly down on us seen at the moment. 05:04.930 --> 05:10.450 Now before we do anything else the next thing we need to do is go to the camera properties and then 05:10.480 --> 05:12.270 change it to orthographic. 05:12.400 --> 05:17.920 And that's why this distance here the z coordinate doesn't matter because in orthographic projection 05:18.280 --> 05:19.900 there is no zoom level. 05:19.900 --> 05:23.230 It's all the appropriate signs. 05:23.290 --> 05:30.620 We will also need to go over to the render properties here and change the resolution. 05:30.730 --> 05:41.320 So I'm going to change the resolution here to 1 0 2 4 by 1 0 2 4 0 of mistyped something they're 1 0 05:41.320 --> 05:41.940 2 4. 05:41.950 --> 05:42.560 There we go. 05:42.700 --> 05:46.540 So is Kred a square around our circle that we've made. 05:46.540 --> 05:53.040 Finally I'm going to give our circle a bit of colour so I'm going to remember to unlock this option 05:53.050 --> 05:59.850 down here on the properties because I'm going to move around in the moment and I'm going to go to circle 06:00.040 --> 06:06.660 add a material to that circle and make its orange in this case. 06:06.670 --> 06:10.150 And let's go and render and see how that's looking. 06:10.150 --> 06:12.960 That's looking pretty good so far. 06:13.270 --> 06:16.050 Probably need a few more highlights and things like that in there. 06:16.090 --> 06:22.180 I'm actually going to use Blender render in a moment but I want to show you now before we go any further 06:22.180 --> 06:29.140 how to make this grey background actually transparent because it's different in cycles and it's different 06:29.170 --> 06:33.840 in blender render some and she cycles first since he's actually on the screen. 06:34.360 --> 06:37.640 So we need to go to our render tab over here. 06:38.020 --> 06:42.850 And when we scroll down there are two sections to be aware of. 06:42.850 --> 06:48.010 First of all I'm always going to be rendering as a p engy it's a lossless format. 06:48.310 --> 06:54.690 I'm going to make sure that it's r.g. be red green blue and a it will be like that by default. 06:54.700 --> 06:58.780 But if you've changed it for some reason in the past it will need to be that way because we need this 06:58.780 --> 07:05.200 final one which is the alpha channel which tells us the pasty of something or the opacity of something 07:05.530 --> 07:07.060 which eventually of its set. 07:07.060 --> 07:09.720 Zero means it's see through and transparent. 07:09.820 --> 07:13.190 But of course there's no transparent option in this area here. 07:13.210 --> 07:19.050 Under the outputs However further down under film there's a button that says transparent. 07:19.120 --> 07:19.940 If we tick. 07:19.960 --> 07:23.080 That's and then do the render. 07:23.820 --> 07:28.370 We get as we can see here a transparency on the background. 07:28.380 --> 07:35.700 Finally once you've done that with your rendering what you will need to do is save it so you go down 07:35.700 --> 07:37.340 here to where it says image. 07:37.440 --> 07:39.180 And we could save as image. 07:39.180 --> 07:44.370 And when you do that I'm not in the right area at the moment someone close to my fluffy bunny folder 07:45.030 --> 07:46.160 which is this one here. 07:46.170 --> 07:46.560 Yeah. 07:46.770 --> 07:50.530 And I'm going to call it Iris cycles. 07:52.350 --> 07:53.650 And click save. 07:53.660 --> 07:59.640 Now if I was doing the same thing in blender render then of course I would need to do slumping slightly 07:59.640 --> 08:02.620 different song and switch to blend render at the top here. 08:02.790 --> 08:07.860 I'm going to click render and is not going to work talker's the materials are different. 08:08.040 --> 08:10.920 So let's go and add a material I'm still on circles. 08:10.920 --> 08:13.490 I'm going to remove the material that was there. 08:13.530 --> 08:20.970 I'm going to create a new material and again make it orange and just see how that comes out perfect. 08:21.030 --> 08:26.580 There we go we've got ourselves another Iris but it doesn't have a transparent background. 08:26.670 --> 08:33.060 So back over in the rendering tab over here there's a nother option it's on the shading So all of this 08:33.060 --> 08:35.330 you still need r.g. be a. 08:35.670 --> 08:40.070 And up here and the shading under. 08:40.090 --> 08:43.430 And you need to change that to transparent. 08:43.590 --> 08:47.890 And then if we go and render again we've got a transparent background. 08:47.970 --> 08:53.380 And once again you can go to image and save as an image and go to Iris. 08:53.430 --> 09:02.040 And I'm going to call this not cycles but be are short for blend render in this case and save the image. 09:02.040 --> 09:07.500 Now a couple of other things when you do your final image of course you can change its resolution at 09:07.500 --> 09:14.430 the moment it's 50 percent of one to four by one to four pixels so you could up that for a higher quality 09:14.700 --> 09:15.780 play about with this. 09:15.780 --> 09:22.320 Obviously I've gone from this jagged thing here you could make yourself a ball as I type I if you wanted 09:22.320 --> 09:28.100 to add a couple of other things to consider before you finish off the rendering. 09:28.260 --> 09:31.100 So let's talk about the image editing itself. 09:31.110 --> 09:32.210 So it's down here. 09:32.280 --> 09:35.740 You ve an image editor just there that's where it is. 09:35.850 --> 09:41.190 And this is the view we've got now further along we've got our render result here we've got a series 09:41.190 --> 09:42.170 of slots. 09:42.210 --> 09:52.620 So if I switch to slot 2 and let's say change the material here from this orange to more of a read let's 09:52.620 --> 09:55.290 say and render the image again. 09:55.560 --> 10:01.620 I can now directly compare things because in slots one we're going to have our orange one in slots two 10:02.010 --> 10:03.990 we're going to have our red one. 10:03.990 --> 10:08.790 So it's a great way of doing lots of different renders very quickly and seeing which one you'd like 10:08.790 --> 10:10.050 for most. 10:10.050 --> 10:11.070 So that's great. 10:11.070 --> 10:18.750 I think it's time to give you guys a challenge and your challenge is to create this texture using our 10:18.750 --> 10:21.310 geometry to go ahead and create an iris. 10:21.360 --> 10:26.060 I've gone through one particular way you can choose another if you want. 10:26.070 --> 10:31.920 Now once you've done that you need to save your render with an image that has transparency so make sure 10:31.920 --> 10:33.960 you pick the right file type. 10:33.960 --> 10:36.530 And then finally be creative. 10:36.530 --> 10:38.010 That is incredibly important. 10:38.010 --> 10:40.920 Don't just follow along exactly what I'm doing. 10:40.920 --> 10:42.860 Go ahead and create your own Iris. 10:42.870 --> 10:44.060 Perhaps use different colours. 10:44.060 --> 10:45.260 That's a good first step. 10:45.330 --> 10:47.960 Or even a slightly different shape. 10:47.970 --> 10:53.450 Share your results in the discussions and boer's the video now and give that a go. 10:55.750 --> 10:56.390 Okay guys. 10:56.400 --> 10:57.780 Welcome back. 10:57.780 --> 11:00.290 Let's go ahead and create an iris. 11:01.150 --> 11:08.170 Right so the first thing I want to do is looking at my model there are some sharp divisions here. 11:08.350 --> 11:14.800 When I in-between these areas here so I don't mind that so much but I really do what I'm going to do 11:14.800 --> 11:17.200 mine in blender render by the way I am. 11:17.290 --> 11:22.810 I don't want those sharp divisions so and I want a bit more of a shadow as it goes in. 11:22.810 --> 11:29.970 So in order to do that shadow I'm going to hop into edit mode only use these select everything hit the 11:29.970 --> 11:36.520 C key and I'm going oh I don't want virtex selects I probably won't face select for this and select 11:36.520 --> 11:43.570 those in areas there and I'm literally going to drag them down to create more of a dip. 11:43.600 --> 11:46.010 I'm going to do circle select again. 11:46.110 --> 11:52.030 Oh no I'm not I'm going to clear my selection first then I'm going to do circle select and select this 11:52.030 --> 12:01.370 middle area hop around to the top view yeah that's the right area an owner and a extrude that downwards. 12:03.660 --> 12:05.750 By not much but enough. 12:05.930 --> 12:11.870 Yes there are some faces left up here which we could deal with but let's see if it adds or detracts 12:11.930 --> 12:12.740 from our rent. 12:12.740 --> 12:15.680 So let's go to render image and see how it looks. 12:15.830 --> 12:20.660 Yes it does make it look a bit a bit worse for wear when that comes through. 12:20.660 --> 12:29.030 I think I'm going to have to apply a subdivision surface modifier to our circle and it's going to render 12:29.030 --> 12:29.870 it straight again. 12:29.900 --> 12:31.400 All that much better. 12:31.580 --> 12:32.640 I do like that. 12:32.660 --> 12:39.230 It's not so jagged any more bit more natural but of course I'm going to have to deal with these nasty 12:39.260 --> 12:40.570 edges racing up here. 12:40.580 --> 12:45.520 So let's go to the 3D view and go to here. 12:45.590 --> 12:53.150 Do circle select again and I'm going to change the z coordinate here of the things I've just selected 12:53.880 --> 12:59.180 appropriately sangam a set it let's try minus point 5 initially. 13:00.610 --> 13:03.140 Global setting of minus point five. 13:03.140 --> 13:04.480 See if it moves it. 13:04.700 --> 13:11.670 No that hasn't worked so let's go in and manually select these edges here and pull them down. 13:12.930 --> 13:17.330 Let's go back and render and see how that looks real. 13:17.340 --> 13:21.210 Actually thinking about it I don't care too much about this middle because theres going to be a black 13:21.210 --> 13:22.330 pupil there. 13:22.350 --> 13:27.990 So really this outside edge that I really care about have a let's just need to add it up ever so slightly 13:27.990 --> 13:30.680 and those black lines aren't a bad thing. 13:31.170 --> 13:32.890 So back to the 3D view. 13:34.260 --> 13:40.040 There are few other bits sticking up shouldn't concern ourselves too much with them. 13:40.130 --> 13:41.080 There we go. 13:43.260 --> 13:44.930 How's it all looking. 13:46.100 --> 13:51.380 Would be interesting to see it from the other side actually raised rather than lowered. 13:51.400 --> 13:53.590 I'm liking the look of vatter with a select. 13:53.590 --> 14:00.400 It's all I'm just going to add another subdivision's surface another subdivision here and render that 14:00.400 --> 14:01.230 out. 14:02.210 --> 14:07.640 In fact I need to do the render one not just the one we're looking at render that's much better much 14:07.640 --> 14:08.030 more smooth. 14:08.030 --> 14:09.670 I dont like this red colour. 14:09.830 --> 14:11.630 So was a circle still selected here. 14:11.630 --> 14:14.120 I dont have to go back to the 3-d view. 14:14.120 --> 14:19.910 I can actually do it here when a name my material Iris am not sure which colours go for I quite like 14:19.910 --> 14:22.160 the orange from earlier actually. 14:22.610 --> 14:30.110 So let's just try that and render the image only play with the specular colour here and make that a 14:30.110 --> 14:37.130 red rather than a have it starting to look a bit better and then each increase the intensity. 14:37.130 --> 14:41.810 And of course you can play with this to your heart's content and just go backwards and forwards and 14:41.810 --> 14:44.760 t get what you want out of it. 14:44.900 --> 14:47.370 It's obviously different for everybody. 14:47.430 --> 14:55.970 Now I'm quite liking that texture of there so what I'm going to do is going to go file and save as an 14:56.150 --> 14:59.450 image and I am going to name this one. 14:59.460 --> 15:02.910 Iris final There we go. 15:03.140 --> 15:04.430 And save the image. 15:04.580 --> 15:11.390 So great if you've not done already please share your iris in the discussions and I will see you guys 15:11.600 --> 15:12.870 in the next lecture.