Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Vector hair
  • Overview
  • Transcript

4.2 Curly-Haired Updo: Rendering the Hair

Hey all, welcome back to Creative a Vector Hair on Tuts+. My name is Sharon Milne and in this lesson I'm going to render the curly haired updo. I'm gonna start by creating a new layer and hiding the hair at the back. I want to focus on the hair which is being tied up away from the face first as this is in the foreground. With the hair tied back you need to get into the mindset of the hair being short hair but without a reference. So in that process you draw the guidelines based on the placement of the hairline and/or the tips of the hair. In this case, we only have the hairline. But we know that the hair would be gathered behind the head. So we now have a direction to draw the strokes. So I'm going to use the paint brush tool and the tapered brush set to blender mode screen, and opacity 50%. The first step is to begin out in the guide stokes. These are strokes that will help determine the direction of the hair. Once the guides hairs are placed it's time to begin creating texture to the hair by creating further strokes on the head. I tend to draw these strokes pretty freestyle and go with the flow of the direction of the hair. I find that this naturally creates areas which overlap and lighten the rest of the hair to create a realistic look to the hair. Now that I've layered these strokes, I need to work on the roots of the hair. When you add so many lighter strokes to the hair using blend and mode screen, you may be prone to having the roots too dark. And this may look like the hair is bleached or chemically treated when you're wanting to make it look more natural. So I'm going to go along the hairline and add strokes to the hair. And then group together the strokes. When the hair is tied back, it makes the hairline more of a feature. So, extra attention must be paid to make it appear more realistic. Now, the problem you may have with contrasting hair with skin tone. For example, Caucasian skin with dark brown hair or black skin with blonde hair, is that you've rendered the hair with thicker strokes than the actual scale of the hair to the head. It looks too blunt of a color change from the skin to the hair. So we use thicker strokes to render the hair simply because rendering hair to scale would be an insane amount of hair. Consider how many hairs you have on the head. And how thin those strokes would be. To make the hairline less blunt, I'm going to add dark strokes with the paintbrush tool in a darker stroke color. I'll be using the tapered brush set to blended mode multiplying opacity 10%. Now these strokes will overlap into the root area and on to the skin. So it will be certainly darkening and turning the blending mode screen strokes darker and add shadow to the areas where there are no strokes in the hair, and it will darken the skin where it meets the hairline. I then add these strokes throughout the rest of the hair to add darkened areas to give more texture. I finish off by grouping these strokes together. I'm going to add more contrast and shine to the hair by adding thicker strokes of two points set to blend and mode color dodge opacity 25%. With this low opacity stroke, that is wider than the other strokes, it will certainly change the contrast to the underlying strokes several at a time. To increase the shadow contrast of the hair around the edge of the hair base, I'm going to use transparent radial gradients. First I duplicate the hair base and then apply an inverted transparent radial gradient using the same brown used for the base. I set this to blender mode multiply. Then, with the gradient tool, I modify the ratios of the gradient, so it's just creeping in over the shape. I want to add some shadow to the root of the hair, so I add a gradient slider the current gradient by dragging and dropping a color into place. Then, with the gradient tool, I modify the ratios again until I'm happy with the placement. I then change the blender mode to color burn to help push the contrast of shadow. I then make the hair in the back visible. When initially creating this tutorial, I was going to have long hair out the back. However, given that each project has several variations once completed, I felt that the long hair out the back didn't give me as much to show you. So I decide to delete it and work with something more versatile to show you. What I'm going to be showing you is how to create a curled hairstyle in the back in the style of a bun. This is without reference, to show you how easy it is to create. So I create a new layer behind the portrait. As a quick base, I'm going to use the ellipse tool to draw a brown filled circle behind the portrait. I then use the free transform tool to modify the dimensions. Now this is a quick base, and it will be modified later. I use this base so I can begin drawing lighter strokes on top of the hair. Without it, I wouldn't be able to see what I'm drawing. Using the paintbrush tool and two point stroke set to blend and mode screen, I begin creating strokes which are in curves. Kind of like a c shape to create the curls. I build them up around the head. I use the free transform tool to modify the dimensions of the base to fit the area I'm working with. I continue to add curls until I feel the area has enough volume. You could take this process as far as you wish. Big curly hair can easily be done with this very method. Now to make the base for this hair a bit more accurate. I'm going to use the pen tool to draw around the outside of the curls. Then once done, I'm going to use pathfinder unite to combine both of the shapes. As I did with the invert a gradient on the hair at the front, I'm going to use the same process to add shadow at the bottom of the new shape. I use a duplicate of the hair base and imply a regular radial gradient to add the shadow. Then I use an inverted gradient set to blend a mode screen to add lighter tips to the edge of the shape. As I have used two point strokes for the hair. I'm going to need to make these curls a little bit more detailed by layering on top thinner strokes. So let's just group these current strokes and reduce the opacity to 50%. The strokes have a 0.5 stroke weight, and we'll go over not only the base curls I've previously created but also create some new curls in between the gaps, so I've got nice, full coverage of the hair base. These are set to blend and mode screen opacity 50%. Once I've finished adding these strokes, I will add more focused strokes for the shine on the peaks of the curls. Remember the two point strokes set to color dodge, which we used on top of the hair at the front. We'll select one of those strokes to duplicate the appearance settings, and then begin adding strokes to the curls to mimic the same color and shade and style as the hair at the front. By following the same colors, blending modes and opacities of the hair in both sections, you'll create a more consistent style. After all the hair at the front of the portrait, is the same hair which is creating the curly hair at the back. I then modify the position of the groups of hair for the back so the gradients overlap the new hair strokes I've created. Just some finishing touches now to give the hair a more realistic look and I'm going to add the fly away hairs on the curls and sides like we've done in previous chapters. These are set to blend and mode normal, opacity 70%. Using the same settings, I then play with adding curls to the side of the face and all over the forehead. Think I'll just be keeping the hair at the side. And with that, I'm done. Next time on Create a Vector Hair, I'm going to show you a few variations with this project. So thanks for listening.

Back to the top