2.10 Drawing the Kit
In this lesson we will begin coloring the kit of our quarterback reference image by selecting accurate colors for the jersey base, jersey highlight and jersey contour. Then we’ll see how to add them to our portrait.
1.Introduction1 lesson, 01:34
2.Mastering Sports Illustration11 lessons, 1:49:39
3.Mastering Sports Design7 lessons, 1:08:52
4.Conclusion1 lesson, 01:05
2.10 Drawing the Kit
Hi there, this is Simeon for Tuts+ and in this lesson, we're gonna run through the process of creating the kit. Okay, so if we create a new layer above the lightest contour layer and we'll entitle that Jersey base. Okay, excellent, and what we're gonna do, just turn on the photograph reference layer and we'll go into this corner area here. Get a Pen tool, we're gonna select the base color. So not the darkest color but the main blue, okay. So we've selected that blue. Just for reference, it is C 92, M 70, and Y and K is 0. We're just going to put that in our Swatch palette and call it jersey base. Okay, that's excellent. Now basically what we're going to do is is just draw in those portions. So, we'll turn off the visibility of all the layers below and we're gonna zoom in quite tight and literally just draw in, turn Opacity to 0, draw in this part section. Let's take it right up to here, and now when we're drawing kits, a lot of the time they're bumpy just due to the material. So especially on the outskirts of shape we'll convey that in the way that we apply our vectors to give us a more realistic look. So nice and bumpy if that is what we see and we'll just adhere to that and just give ourself a nice finish in doing that. So, we'll just go along this edge here, okay. Just right along the edge, on the outside, nice and smooth through here. And this is where our lines come in handy, because we're literally just going to go inside. Okay, so we've got a Nike tic and we come along here. It's inside our line really, for the most part. Round the outside of the tic, just groove that around nice and smooth. If it is nice and smooth, if there is certain bumps we will convey those up. Okay, brilliant and we'll just continue. Continue all the way up. That's splendid, and come back up here. And now just put our opacity to the 100. Okay. On the kit such as this, we've got three colors. We've got the base color. We've got the contour and then we've got the highlight color if we look at it. So we take away the visibility of the path we've just drawn. We've got a base color which we selected, now we'll have a darker color, which go through and shows the darker ripples and the highlight layer. So what we'll do now, we are actually going to leave that layer and complete it that a later point. Gonna create a new layer and call it Jersey Contour. Or Jersey Contours, plural. Okay that's absolutely brilliant. So we'll lock the Jersey base layer for now and turn off the visibility of it. Now we want to get a darker blue. The dark area blue, so if we go about here. We see that this is a lot darker. We've got a value of C 100, M 85, Y 12 and K, we'll call that 2. And again, we're gonna swatch this. Double-click on it and give it the name of jersey contours. Okay, that's absolutely brilliant. So what we're gonna do now, is we had our base shape drawn around this area. So, what we'll do now is literally just draw in a few of the areas and just run through how to apply the consoles later. This particular section is quite detailed in the actual jersey, but that's cool. What we'll actually do is we'll just draw in a few shapes around here. Okay. So, if we start up here, and we'll just draw as we have been doing, set Opacity to 0. And then we'll just go back around with it, okay. Nice and smooth as we go. Just come along the outer edge here, and just smoothly along here. This is where we get sort of ripple effect and this is the first point in which the kit will show evidence of realism. So just go along here like so, and just groove back in really. Now, here is where you can be expressive to how you apply your ripples. Everyone's got their own style and just have fun with it. To this point, we've done a lot of the hardest parts as far as a vector portrait goes, especially with the skin. That is one of the hardest parts. So once you can accurately draw skin, you are very much set up to be able to draw pretty much anything, in fact, just take time and practice make improvement. But we'll go around here to a little bit weave it inside. Come out on these underparts, under the line. What layer where and, Literally just groove on background now, we'll wrap that shape up there. Okay, excellent. Okay, so now if we put Opacity up to 100. And let's turn back on the visibility of the beneath layer and see how we're looking. Okay, that's looking pretty good. One thing I did notice is that I fear it could be a little bit deeper. So, what we shall do is just turn off the visibility of the Jersey base layer, I'll actually turn off the visibility of the path we just drew. We're gonna make it slightly darker, so let's come inside. And what we'll do is we'll actually blend these two colors. So we've got values of C 100, M 89, Y 26, and K 7. We're gonna swatch that and we're gonna actually call this jersey contours deep. Okay, awesome. I'm gonna get the jersey contours deep color. I'm gonna place that in our gradient to the far left so that's the deepest color. And then we're gonna get the jersey contours blue, the normal blue that we had previously. Now we're going to click onto the new path we drew, which is at the moment swatched as the jersey contours, and we're gonna apply the new gradient we've set to it. And simply just click and drag out a little bit, just to make it a little bit deeper, a little bit darker. And that should be good. Okay, that's excellent. Okay. So that is the procedure for applying the contours to the jersey and that's what we'll do. Okay, and we'll go onto turn off the Jersey base layer again. And we'll also turn off the Jersey contours layer. And now create a new layer and call it Jersey highlight. Okay, brilliant. So what we shall do now is select a light area. Around here is good. Okay, so we've got a value of C 71, M 45, Y and K at 0. And we're gonna just swatch that again and call it jersey Highlights. Okay, that's brilliant. So now what we'll do is we'll literally just choose an area, a very small area and just apply that next to where we have already put the. Jersey contours, which will sort of give us the kind of finish that we're gonna have. Okay, that's awesome, that's awesome, so if we just draw, we were in here, nice little shape, just picking out all the highlight areas. Okay. And we'll go back round and complete our shape and we'll also do another shape just within here. Again, same principles apply. Don't have to be too finitely detailed all the way through but, like I say, good evidence of realism really does help convey the realness. And these sort of texture grooves just give us a little bit more when we look into the actual illustration and it's all about impact. And actually enjoying the attention to detail that it sometimes takes to create a vector such as this, even though it's not as detailed as some. Okay, so we now complete our shape. Our Opacity, let's go up to 100. Let's turn on the three layers. Turn on the jersey base as well. And we can see that we're starting to build up a good look. One thing I would do with the Jersey base layer is again, select both of them, is blend it with the Jersey highlight layer. Should I say is blend the Jersey highlight layer with the Jersey base layer just to give it a more realistic blend. This does sometimes happen, where we don't get the best blend so what we'll do is just blend that in like so. Okay, that's awesome. That's absolutely awesome. Again, a very good realistic look now. Okay, so at this point, we've gone through all the procedure in how to draw a vector portrait. If we look at what we've actually drawn, we've drawn a lot of the actual portrait. So we're gonna do now is apply this same principle for the rest of the kit. I mean as far as the logos and the bottoms and the helmet. Okay, and the frames, obviously. And we're gonna go on to complete this vector. In the next lesson, we'll go on to creating a less detailed but impactful two-toned silhouette of the running back. I look forward to seeing you in the next lesson.