Peeling a Hand in Photoshop

Wdd Logo.
November 22, 2008

Today we're going to demonstrate how to peel a hand in Photoshop. You can use this technique to peel other objects of course. This is the final image preview..

Step 1

Let's get started, first download this picture of an open hand. You can use any other if you want to. Start extracting the hand from the background and pasting it into a new document, 1280 x 1024 pixels. Then create a new Black Fill Layer below "Hand" layer.

Step 2

Now, what we need is to make all the fingers larger. Using the Lasso Tool, select only the thumb on "Hand" layer, then press V key to activate the transform options and distort the thumb a little bit, you can Command (Ctrl) - Click one of the selection corners and transform the shape.

Step 3

With the Clone Stamp Tool fix the distortions on the finger, also Erase the bad areas.

Step 4

Repeat the same process than step 2, but this time select the rest of the fingers, distort them and fix the details.

At this point you must have a nice hand with long fingers. Now it's time to start the peeling process.

Step 5

Duplicate the "Hand" layer, hide the original for a while and then adjust the Hue / Saturation values of "Hand copy" layer, set Saturation: +20 and Lightness: -40.

Step 6

Now select "Hand" layer on Layers palette and go to Layer > Layer Mask > Reveal All.

Step 7

Now start peeling, select a 20px brush (Hardness 100%), set a black foreground and start painting on the hand's layer mask.

Step 8

Paint more stripes on hand's layer mask across the finger.

Step 9

Now select "Hand copy" layer and apply to it a Layer Mask > Reveal all.

Step 10

On "hand copy" layer mask, paint some black stripes. Check the tiny red circles, those will be the visual join points between the two hand layers.

Step 11

Repeat the previous steps as many times as needed, try to get something like the images below. Remember, take care of the join points because those will give realism to our design.

Step 12

Now repeat the peeling on all other fingers, wrist and palm.

Step 13

Then select the Burn tool, set the brush to 20px Hardness 0% and Exposure to 50%. And paint over "Hand copy" layer, burn all the areas next the joins. Burn some areas of "Hand" layer aswell.

Step 14

To improve the torn sensation select the Dodge Tool, set an irregular brush and paint on "Hand" layer edges.

Step 15

Burn with a huge brush, the palm and fingers on "Hand copy" layer, also Burn the fingers and palm of "Hand" layer to increase the deep sensation.

Step 16

We're close to finish. After burning here and there you should have something like this.

Step 17

Now, draw a Radial Gradient background below "Hand" layer, use these colors (#996938 - #000000). Then change the "Gradient" layer Opacity to 35%.

Step 18

These are optional steps. Create a new layer above "Hand copy" layer and name it "Red Veins". Then with the Pen tool (just the paths), draw lines across the fingers. Then select a red Brush (Hardness 100%), hit the A key, then Right click (or Control Click on a Mac), click on Stroke Path option, select Brush - Simulate Pressure and then OK, do the same for all the fingers.

As an additional detail, just Burn some shadows over the "Red Veins" layer.

Finally Repeat this step but with "Blue Veins" this time.

Step 19

Now apply the following layer styles to "Veins" layers.

Final result

And that's it! just try peel another stuff, or add more interesting things inside a peeled object. Good luck!.

DOWNLOAD PSD FILE

Feel free to post links and examples of stuff you peeled and leave us some feedback. Thanks...

WDD Staff

WDD staff are proud to be able to bring you this daily blog about web design and development. If there's something you think we should be talking about let us know @DesignerDepot.

Read Next

3 Essential Design Trends, May 2024

Integrated navigation elements, interactive typography, and digital overprints are three website design trends making…

How to Write World-Beating Web Content

Writing for the web is different from all other formats. We typically do not read to any real depth on the web; we…

20 Best New Websites, April 2024

Welcome to our sites of the month for April. With some websites, the details make all the difference, while in others,…

Exciting New Tools for Designers, April 2024

Welcome to our April tools collection. There are no practical jokes here, just practical gadgets, services, and apps to…

How Web Designers Can Stay Relevant in the Age of AI

The digital landscape is evolving rapidly. With the advent of AI, every sector is witnessing a revolution, including…

14 Top UX Tools for Designers in 2024

User Experience (UX) is one of the most important fields of design, so it should come as no surprise that there are a…

What Negative Effects Does a Bad Website Design Have On My Business?

Consumer expectations for a responsive, immersive, and visually appealing website experience have never been higher. In…

10+ Best Resources & Tools for Web Designers (2024 update)

Is searching for the best web design tools to suit your needs akin to having a recurring bad dream? Does each…

3 Essential Design Trends, April 2024

Ready to jump into some amazing new design ideas for Spring? Our roundup has everything from UX to color trends…

How to Plan Your First Successful Website

Planning a new website can be exciting and — if you’re anything like me — a little daunting. Whether you’re an…

15 Best New Fonts, March 2024

Welcome to March’s edition of our roundup of the best new fonts for designers. This month’s compilation includes…

LimeWire Developer APIs Herald a New Era of AI Integration

Generative AI is a fascinating technology. Far from the design killer some people feared, it is an empowering and…