Photoshop Tutorial - skinning/texturing

The point of this tutorial is to teach you how to create a fantastic image where none existed before (yes, we're going to use magic). We'll take a pattern from one image and apply it to another image--in this case, we'll give an old car a new color--zebra! Photoshop is the program of choice for this wizardry.

To follow along, you'll need Photoshop or some form of decent paint program. You'll also need a basic knowledge of Photoshop tools (stamp, selector, transform, etc...) Finally, you'll need the two original files to follow along exactly, but I recommend using different images for fun and originality's sake.

Originals:

http://www.foundmyself.com/tutorials/carmr2_skintutorial.jpg
http://www.foundmyself.com/tutorials/zebra_skintutorial.jpg

OK, let's get started.

First, open the texture source image in Photoshop.



The most important starting tip is to use high quality images. If you have to scale up the photo to make it the size you want (unless you start with a high DPI) you need to get better source images.

Now that you've got your texture image open, figure out which part will make the best pattern for your skin. It should be relatively consistent in size of detail and values. You can add more shading and modify the scale, rotations, perspective later if you want. Save this selection to a file. Call it texture.psd or something a little less creative if that's confusing.



Great! So now you've got a selection, but we don't really want that dirt or those legs showing up, at least in this example.

Using the stamp tool (better) or by cutting and pasting (less better), create a "flat" texture. Edit it until you're happy. Try using a solid-edged brush rather than a fading-edge brush to create defined lines, then blend in "choppy" spots with the fading-edger. Use a small brush with the stamp tool to clean up edges to your liking.

Zoom in! The zoom tool and the stamp tool are long lost uncles.



Now you can apply an Unsharp Mask if needed, or a Levels/Colors adjustment (the latter was done here to make the yellow fur look whiter). Don't overdo, though, unless you're going for an effect of some sort.



Notice that I've got stripes going in mainly one direction, but on the right there I've got some almost horizontal stripes. If you leave a bit of variety in your texture you'll be able to pull from it like a palette later.

Tomorrow: How to apply your texture in crazy phat style.

Now that we've got this spiffy texture, we're going to apply it to our image.

Open the image to be skinned and make a copy of the main layer. This will be the one we play with, and we'll always have the original as a backup and a reference.

Next, drag the texture image layer over the image to be edited to check the size of the pattern on the car.



If you have to scale up, I'd suggest creating more pattern using the stamp tool so you don't get a pixilated texture.

The next step is important if you want to create a realistic look. Use the selection tools (I used the Polygon Lasso tool and the Magic Wand tool) to select the part of the car that you want skinned. Every place that you select will be editable, and everything else won't. This way you can go crazy with the brush and still have clean lines. Leave out small features like door handles and lights if you don't want the car to look "flat". Try different tolerances on the magic wand tool to make the job easier for you. Save your selection periodically under Select > Save Selection.



Now it's time to apply the texture. For those of you that are unfamiliar with how the stamp tool works, it just copies pixels from an image using a start point and a brush. So if you ALT-click on a stripe, then click down again somewhere else you'll copy the same stripe you set as your start point to the new image. I usually align it with the layer, but you can try it un-aligned if you'd like. An aligned layer just means that every time you click, the stamp tool will pull off a spot on the original image relative to where you last clicked, so point A on your original will always be point A on your new image. Un-aligned means that every time you re-click the stamp tool it pulls from the original start point. Play with the settings to see what I mean.



It's easiest for me to have the pattern in a separate file next to the original image so that I can see them both at once. This lets me know where the stamp tool is pulling from. If you haven't already, ALT-click the texture to make a starting point, then switch to the main image. At the top of the screen you'll see an option that says "MODE: Normal". (In PS 7.0 at least. Older versions might be different.) Try different blending modes and opacities until you find something you like. I'm going to use the Overlay blending mode at 100% opacity.



Stamp along until you're getting to someplace you like, and be sure to save often.



We've got the side of the car done now, and the original texture worked well. Part of the reason is because the zebra's side where we got the texture was on more or less the same plane as the car's side. The hood of the car, however, isn't on a vertical axis. Use the distort, perspective, and rotate tools under Edit > Transform to align a copy of the original texture with the plane of the car hood. If you're having trouble, try dragging the layer to the car image, then adjusting it there. When you're done, bring it back to the texture file.



Apply this texture the same way you did with the original. Edit the photo until you're happy with it and there you go! You just skinned a car with a zebra.



I hope you found this tutorial useful. I'd like to hear comments and especially see some of your skins which will no doubt put this one to shame.

That's really clever trevor, don't tend to do much with my digital photos other than open, close, save and resize.... I shall start looking for one to mess around with. Hope you'll do some more tutorials, it's good to get tips from other people. You can save yourself hours of trial and error time.

Woooooo...it is very good. I only use photoshop to do some small job like resizing, color correction and fixing old photos. I definitely will try this skill

I thought that this was really good.and it kinda of inspired me to try Photoshop,which I duly accquired,but all to no avail,I just dont have the skills or the understanding to do this,but hey it does not stop me from looking at all this digitail art and admiring,

cool beans
I'll give it a try with me and some kitty and see if I can't look more like a feline
I'm sure it'll look completely strange, but hey, what can I say
zebra-stripes on someone's face would look stranger!

Very cool effect - something I'd never even thought of trying! I love Photoshop - there's always new things to try and about 7 ways of achieving any given result.

I love Photoshop - there's always new things to try and about 7 ways of achieving any given result.

At LEAST 7! Infinite combinations really. I think that's why it's frustrating to people sometimes when they're first learning, but considering the power it has the learning curve really isn't that steep. I'm looking forward to seeing what you come up w/ Lori.

Is there anyway to print this page for future reference? I tried to, a couple times, but something prevents it . Didn't know if printing is blocked here. Reason being, I want to experiment with this technique, but in order to follow the directions, I have to keep going back and forth between this page and photoshop. Also, is there a way to make the patterns semi-transparent, so they don't obliterate the contours of the sub-surface?

Is there anyway to print this page for future reference? I tried to, a couple times, but something prevents it . Didn't know if printing is blocked here. Reason being, I want to experiment with this technique, but in order to follow the directions, I have to keep going back and forth between this page and photoshop. Also, is there a way to make the patterns semi-transparent, so they don't obliterate the contours of the sub-surface?

Print should work fine - try a new version of IE or Firefox, and if you're on a Mac, Opera or better yet Safari. The patterns don't need to be transparent if you use the blend mode, which is mentioned in the tootie.

Is there anyway to print this page for future reference?

what about copy and paste?


Trevor, I was wondering how in the finished pic, the pattern picked up the green reflection of the grass on the side of the car?

Trevor, I was wondering how in the finished pic, the pattern picked up the green reflection of the grass on the side of the car?

The reflection was already there in the car, so the overlay blend mode on the texture allowed it to show through. Otherwise you could clone some grass reflections in with the rubber stamp tool on a lower opacity I guess.

I use MS Anniversary, and I'm not sure what you mean by the stamp feature. is there another name for it? I'm trying to get almost a tattooed look on surfaces, not just an overlay of another image. Good idea on the copy and paste, by the way, lynnielu.

I'll need the two original files to follow along exactly.

pret auto

This car now is better