Hayley Williams first broke into the music scene with her bold orange hair and in you face attitude. I've admired Paramore since "All we Know is Falling", and after "Misery Business", I was just hooked!
I decided to get into vectors. I've already started with a couple of wallpapers, but this time, the challenge was a face. The face of Hayley Williams.
This is the process of creating a vector, somewhat vintage and all around lively wallpaper. And all you need is a picture of a face, and Photoshop!
The image we're aiming for is this:
And we're using this to start with:
Let's get started!
1 - Take your image, and trace the skin area roughly or accurately if you wish. I was accurate around the shoulder area only, making a huge white blob covering the skin area. Of course when you trace with the pen tool, a layer would be created over your original image.
Looks creepy, right?
2 - Change the opacity of the skin layer, OR hide it, and trace the hair this time. Remember to make it a different color than the skin at least, but you can change it up later. So that's your second layer. Take your time with the hair, so It looks great:
3 - So how do you make the hair pretty? you make small strands (not to small) and follow the flow of the original hair blob you traced. make in a lighter shade (or a darker shade). This also doesn't have to be accurate. The smaller the strands, the more you'll need to make.
Cheat: Make a couple of strands, and duplicate them. Re-size and place where you think it's appropriate. You don't have to make each strand separately. For example, I took the strands from here, and placed it on the left side.
4 - Eyes are difficult, because of the amount of detail you choose to put in them. Here's how I made Hayley's eyes:
I worked from the outside starting with the base color of the eyeball, then the smaller details within. Total? Six layers, and that's only within the eye and lashes.
You can duplicate this eye and flip it to match the other eye. But some adjustments should be made while using the original picture as your guide.
5 - While your white blob layer is still hidden, trace the shadows in your picture (under the chin, the nose, the smile marks, shadows of the eye-lids, collar bone) ... etc. I used a brown color for the shadows, but you can use grey and lighten or darken the shade according to what you see best.
6 - The lips! Just like the eyes, I zoomed in to be accurate. It just has three layers: Lower lip, upper lip and the line in between. I tried making one huge lip blob and putting the line in between, but that didn't look good.
7 - The White blob is back! Un-hide the white blob layer to see the results of your hard work!
Now, to be a wallpaper, you need a background for the face you just made.
To do so, Open a blank new Photoshop document, and select the size you want for your wallpaper, example 1024 x 768.
We're going to be making radial strips with polka dots for a vintage-ish feel to your images.
Start of with a background color, then make some radial strips using the pen tool. Again, I just made one and duplicated it all around:
Now the question is, how to make the polka dots?
Go to your layer, then select Filter from the menu on top. After that go to Pixelate > Color Halftone.
You'll get the following box:
Change the Max Radius to 25 (Personally, I made some strips with 15 and some with 25 in rotation). The bigger the Max Radius, the bigger your circles will be.
Now to turn the white polka dotted strip you see here:
Go to the layer and change it from normal to Overlay.
Now you'll have a bunch of Radial Polka dotted Strips, so just add in Hayley to the Mix, and maybe a line or two, like so:
And there you have it!
For all the Paramore fans out there, this wallpaper is downloadable HERE. Just dive into the folder and choose the size that suits your screen, or download all of them if you're not sure from my DeviantArt gallery, HERE.
I hope you liked this one, and I'm pretty sure you can use the same techniques to create your own wallpaper, with your picture, or the celebrity of your choice.
I decided to get into vectors. I've already started with a couple of wallpapers, but this time, the challenge was a face. The face of Hayley Williams.
This is the process of creating a vector, somewhat vintage and all around lively wallpaper. And all you need is a picture of a face, and Photoshop!
The image we're aiming for is this:
 |
| The is an image I pulled up from Google. It doesn't matter if the image is clear or unclear, but personally I chose a semi high-res picture. As you can see, Hayley has red hair, but I took the liberty to change things up. |
1 - Take your image, and trace the skin area roughly or accurately if you wish. I was accurate around the shoulder area only, making a huge white blob covering the skin area. Of course when you trace with the pen tool, a layer would be created over your original image.
Looks creepy, right?
2 - Change the opacity of the skin layer, OR hide it, and trace the hair this time. Remember to make it a different color than the skin at least, but you can change it up later. So that's your second layer. Take your time with the hair, so It looks great:
3 - So how do you make the hair pretty? you make small strands (not to small) and follow the flow of the original hair blob you traced. make in a lighter shade (or a darker shade). This also doesn't have to be accurate. The smaller the strands, the more you'll need to make.
 |
| The Left side. |
 |
| Both Sides! |
4 - Eyes are difficult, because of the amount of detail you choose to put in them. Here's how I made Hayley's eyes:
I worked from the outside starting with the base color of the eyeball, then the smaller details within. Total? Six layers, and that's only within the eye and lashes.
You can duplicate this eye and flip it to match the other eye. But some adjustments should be made while using the original picture as your guide.
5 - While your white blob layer is still hidden, trace the shadows in your picture (under the chin, the nose, the smile marks, shadows of the eye-lids, collar bone) ... etc. I used a brown color for the shadows, but you can use grey and lighten or darken the shade according to what you see best.
6 - The lips! Just like the eyes, I zoomed in to be accurate. It just has three layers: Lower lip, upper lip and the line in between. I tried making one huge lip blob and putting the line in between, but that didn't look good.
7 - The White blob is back! Un-hide the white blob layer to see the results of your hard work!
Now, to be a wallpaper, you need a background for the face you just made.
To do so, Open a blank new Photoshop document, and select the size you want for your wallpaper, example 1024 x 768.
We're going to be making radial strips with polka dots for a vintage-ish feel to your images.
Start of with a background color, then make some radial strips using the pen tool. Again, I just made one and duplicated it all around:
Now the question is, how to make the polka dots?
Go to your layer, then select Filter from the menu on top. After that go to Pixelate > Color Halftone.
You'll get the following box:
Change the Max Radius to 25 (Personally, I made some strips with 15 and some with 25 in rotation). The bigger the Max Radius, the bigger your circles will be.
Now to turn the white polka dotted strip you see here:
Go to the layer and change it from normal to Overlay.
Now you'll have a bunch of Radial Polka dotted Strips, so just add in Hayley to the Mix, and maybe a line or two, like so:
And there you have it!
For all the Paramore fans out there, this wallpaper is downloadable HERE. Just dive into the folder and choose the size that suits your screen, or download all of them if you're not sure from my DeviantArt gallery, HERE.
I hope you liked this one, and I'm pretty sure you can use the same techniques to create your own wallpaper, with your picture, or the celebrity of your choice.
Wow Love your new website format...Great improvement an great tutorial. Great portrait of her too!
ReplyDeleteGee thanks for the feedback! Decided to go with a different approach for the blog this time, no darkness for a while LOL =D
Delete