Angelina Jolie as a Na'vi from Avatar Movie

120
Background Ears Hair Prep Install the brush. If you need help doing so you can follow this tutorial: Install Fonts and Brushes [2] Open Photoshop. Go to Edit>Preferences>Performance. Where is says "History && Cache" Change the history states to "1000". Chances are you will mess up A LOT and you want to be able to go as far back as you need to. Press OK. Go to File>Open and locate your file. If you are experienced with Photoshop, I recommend a very large image with a resolution of 300 pixels per inch. This way you can go in and add detail to make the final result look even more real! Also, the process will Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol... 3 of 31 6/13/10 4:03 PM

description

Tutorial originally from http://www.webdesign.org/photoshop/photo-editing/angelina-jolie-as-a-na-vi-from-avatar-movie.18062.html

Transcript of Angelina Jolie as a Na'vi from Avatar Movie

Page 1: Angelina Jolie as a Na'vi from Avatar Movie

BackgroundEarsHair

Prep

Install the brush. If you need help doing so you can follow thistutorial: Install Fonts and Brushes[2]

Open Photoshop. Go to Edit>Preferences>Performance. Where issays "History && Cache" Change the history states to "1000".Chances are you will mess up A LOT and you want to be able to goas far back as you need to. Press OK.

Go to File>Open and locate your file.

If you areexperienced withPhotoshop, Irecommend avery large imagewith a resolutionof 300 pixels perinch. This wayyou can go in andadd detail tomake the finalresult look evenmore real! Also,the process will

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

3 of 31 6/13/10 4:03 PM

Page 2: Angelina Jolie as a Na'vi from Avatar Movie

go a lot smootherif you can see thetexture of the skinin the image.However, myimage is large

enough to see the skin texture and it's at 72 pixels per inch. So eitherway… make what choice you feel is best.

Create a New Layer

Click on the background layer. Use the selectiontool to select the image on the backgroundlayer. Select Layer 1 and paste the image. Namethe Layer.

You should currently have two layers. ABackground Layer, and the Original Layer on top of it.

Eyes

, select one eye. You want a large portion of theeye and the face around it as seen below.

Click Ctrl+C andthen Ctrl+V(copy/paste) topaste the eye ontoanother layer.

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

4 of 31 6/13/10 4:03 PM

Page 3: Angelina Jolie as a Na'vi from Avatar Movie

After painstakingresearch, I havediscovered thecalculation for theeyes. I have testedthis method usingthe actors fromAvatar and theirNa'vied selvesand these stepsseem correct.

Still on that eyelayer, go to

Edit>Free Transform or Ctrl+T to open the FreeTransform tool.

Change the Width, Height, and Rotate numbersto that shown below. If you are working on theright eye (the one I'm working on) then you

rotate the eye -10. If you're working on the left eye, it's +10.

DO NOTQUIT THE

FREETRANSFORMYET!

Still in the

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

5 of 31 6/13/10 4:03 PM

Page 4: Angelina Jolie as a Na'vi from Avatar Movie

Transform Tool…go to theReference PointLocation andchange it fromthis to if you areworking on theright eye, and ifyou're working onthe left eye.

Turn off the linkbetween thewidth and height.

Change the width to 115%.

Exit Transform Tool. Repeat for the other side. Again, select theeye, copy and

paste it onto anew layer.

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

6 of 31 6/13/10 4:03 PM

Page 5: Angelina Jolie as a Na'vi from Avatar Movie

eye is and rotate +10. Right eye is and rotate-10. Only change the Reference Point LocationAFTER you blow up the eye to 130%.

Exit Free Transform Tool. Select an Eye Layer.

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

8 of 31 6/13/10 4:03 PM

Page 6: Angelina Jolie as a Na'vi from Avatar Movie

Select Eraser Tool . With the settings shown below, erase aroundthe eye just enough that it blends in. Try to erase as little as

possible.

Repeat for other Eye.

Lower the opacityof the Eraser to30% and carefullyerase harsh edgesand fix blending.

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

9 of 31 6/13/10 4:03 PM

Page 7: Angelina Jolie as a Na'vi from Avatar Movie

Select both eyelayers by clickingone, holding Shift,and then clickingthe other.

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

10 of 31 6/13/10 4:03 PM

Page 8: Angelina Jolie as a Na'vi from Avatar Movie

Layer>MergeLayers OR Ctrl+E.Select OriginalLayer, duplicatethe layer bydragging it downto the "Create aNew Layer" icon

Select the Eyes Layer and the Original Copyand hit Ctrl+E. Duplicating and merging layersis necessary when working on something likethis. If you mess up, you need a back up copy. Ire-named the file as "manipulated".

Now you have the original image and the"manipulated" one. We will continue to workwith the Manipulated Layer.

Eye Brows

Select the Patch tool

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

11 of 31 6/13/10 4:03 PM

Page 9: Angelina Jolie as a Na'vi from Avatar Movie

and circle an eye brow.

Drag the selection to a large openarea of skin (such as the forehead

or cheek).

Select Eraser tooland erase the skinaround the eyebrow so that itlooks moreblended. TheOriginal imagewill show throughas you erase.

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

12 of 31 6/13/10 4:03 PM

Page 10: Angelina Jolie as a Na'vi from Avatar Movie

(See the emptywhite area in thefirst image?)

Now select thehealing brush hold Alt and click on a large patch of empty skin.

Try to even it out a bit like so:

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

13 of 31 6/13/10 4:03 PM

Page 11: Angelina Jolie as a Na'vi from Avatar Movie

Repeat with theother eye. Use the

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

14 of 31 6/13/10 4:03 PM

Page 12: Angelina Jolie as a Na'vi from Avatar Movie

Patch tool again,and if there is hairin your way justwork around it or

through it.

If You have Hairin the Way:

Skip the next stepif your imagedoes not have hairin the way. Justrepeat the stepsfor the first eyebrow.

My image hashair in the way -to even it out Iused the Clonetool .

Change the opacity to 10%, hold Alt, and click on a large area ofplain skin (again I used the forehead). Use this tool on the eye browa couple times to make it look like there is more skin.

Select the Spot

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

15 of 31 6/13/10 4:03 PM

Page 13: Angelina Jolie as a Na'vi from Avatar Movie

Healing Brush .Make sure"Sample AllLayers" is NOTchecked. Hold Altand click a largearea of skin again,and use it underthe eye browregion to even itout like so.

Back to Healing

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

16 of 31 6/13/10 4:03 PM

Page 14: Angelina Jolie as a Na'vi from Avatar Movie

Brush andcontinue to

smooth and even out, including the other eye so that they lookmore uniform.

Erase the harshlines with aSmooth RoundBrush to smooth itout.

Duplicate theOriginal Layer

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

17 of 31 6/13/10 4:03 PM

Page 15: Angelina Jolie as a Na'vi from Avatar Movie

Hold Shift, andclick on theManipulatedLayer.

Ctrl+E to MergeLayers. Again youhave the

Manipulated and Original Layer.

Skin Color

The Na'vi skin has blue-green skin withpurple-blue undertones. I tried to create thislook by making a couple layers of color. Createa new layer and fill it in blue. I'm using color#00407f. Change the Blending Mode to HardLight.

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

18 of 31 6/13/10 4:03 PM

Page 16: Angelina Jolie as a Na'vi from Avatar Movie

Create another Layer, color it Blue as well. I'musing #00819b. Change the Blending Mode toOverlay.

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

19 of 31 6/13/10 4:03 PM

Page 17: Angelina Jolie as a Na'vi from Avatar Movie

This will bring alight blue light to

the face. Of course you can adjust the colorlayers if you do not like the effect. I usually useHue/Saturation and play with it a bit.

Nose Shape

This is the hardest part because the Na'vi nosehas a very unique look. Creating it depends onthe angle of your picture.

The nose curvesat the top,creating a littlebulge if you arelooking at it fromthe front. I haveoutlined thecurves of the noseand how the eyebrow is a littledeeper than mosthumans. Thecircle is where thebulge is. Also,notice how thecurves of the nosemeet up with the

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

20 of 31 6/13/10 4:03 PM

Page 18: Angelina Jolie as a Na'vi from Avatar Movie

eye. The more youstudy this and

take the anatomy into mind, the more Na'vi-like the face and nosewill be!

Duplicate the Manipulated Layer. Create a new Layer and make sure

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

21 of 31 6/13/10 4:03 PM

Page 19: Angelina Jolie as a Na'vi from Avatar Movie

it's placed at the top of all the layers.

Select a color that is easy to see (I used Yellow)and mark the same parts of the nose and eyesas I did. The little dot under the nose is going tobe where the new nose ends, eye ball thisaccording to your references of the nose.

Click on the Manipulated Copy, go toFiler>Liquify. In the Liquify menu, locate andclick on "Show Backdrop". And Change thesetting to the following.

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

22 of 31 6/13/10 4:03 PM

Page 20: Angelina Jolie as a Na'vi from Avatar Movie

Now Change thebrush settings tothe following

And carefully take the darkshadows of bridge of theeyes, and move them to meetup with the Yellow marks:

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

23 of 31 6/13/10 4:03 PM

Page 21: Angelina Jolie as a Na'vi from Avatar Movie

Do not worry about thesquished eyes.

Make the brush abit smaller. Takethe light from thecenter of the noseand moved it upto create a"bump". This

should also deepen the brow just a little bit.

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

24 of 31 6/13/10 4:03 PM

Page 22: Angelina Jolie as a Na'vi from Avatar Movie

Zoom into the bottom of the nose. Change the settings as shownbelow:

Stretch the bottom of the nosedown to the yellow dot.

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

25 of 31 6/13/10 4:03 PM

Page 23: Angelina Jolie as a Na'vi from Avatar Movie

Make the brush a bit smaller and stretch the nose to look morecat-like, like so:

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

26 of 31 6/13/10 4:03 PM

Page 24: Angelina Jolie as a Na'vi from Avatar Movie

Adjust the light from the tip of the nose so that it is down and spreadout a little bit more. Move the point of the nose lower.

Click Ok. Erase the squished eyes delicately sothat the eyes from the Manipulated Layer belowcome through. Be careful not to erase the creasewe just made from the Liquify. I find turning offthe blue helps.

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

27 of 31 6/13/10 4:03 PM

Page 25: Angelina Jolie as a Na'vi from Avatar Movie

Zoom into the nose and you will notice a littleweirdness with the skin pores being stretchedout.

Select the Blur tool

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

28 of 31 6/13/10 4:03 PM

Page 26: Angelina Jolie as a Na'vi from Avatar Movie

and blur the area for now.

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

29 of 31 6/13/10 4:03 PM

Page 27: Angelina Jolie as a Na'vi from Avatar Movie

Delete Yellow Layer. SelectManipulated and Manipulated Copy

and Ctrl+E.Changed Layername.

Next page >>[3]

References

^ Skin texture(www.brusheezy.com)

1.

^ Install Fonts andBrushes(www.webdesign.org)

2.

^ Next page >>(www.webdesign.org)

3.

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

30 of 31 6/13/10 4:03 PM

Page 28: Angelina Jolie as a Na'vi from Avatar Movie

Angelina Jolie as a Na'vi from Avatar Movie

Pupil Size

Select the Pen tool and outline the pupil

Right click in theselection andselect "MakeSelection…".

Click OK. Ctrl+Cthen Ctrl+V tocopy and pastethe pupil as a newLayer.

Edit>FreeTransform or

Ctrl+T. Select the topmiddle of the ReferencePoint Location and blow itup to 150%

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

1 of 29 6/13/10 4:06 PM

Page 29: Angelina Jolie as a Na'vi from Avatar Movie

Close the Free Transform Tool. Nudge the pupilso that the light spot is in the same place. Justtry to make it look natural.

Repeat with the other eye. And then merge thetwo eye layers together.

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

2 of 29 6/13/10 4:06 PM

Page 30: Angelina Jolie as a Na'vi from Avatar Movie

Select the Manipulated Layer and turn thePupils Layer off

Filter>Liquify. Uncheck "Show Backdrop" andadjust to the settings show below. The BrushSize should have a similar size relation to theeye as what I have. Select the Bloat Tool andslightly bloat the eye so that the bottom half is alittle fuller, trying not to affect the upper lid.

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

3 of 29 6/13/10 4:06 PM

Page 31: Angelina Jolie as a Na'vi from Avatar Movie

Click OK. Turn the Pupil Layer back on. See theslight bubble on the lower lid?

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

4 of 29 6/13/10 4:06 PM

Page 32: Angelina Jolie as a Na'vi from Avatar Movie

Erase the excess Pupil.

Pupil Color

Duplicate the ManipulatedLayer. Select theManipulated Copy Layer,hold Shift, and select thePupils, and both BlueLayers. Ctrl+E.

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

5 of 29 6/13/10 4:06 PM

Page 33: Angelina Jolie as a Na'vi from Avatar Movie

You should now have the Original image, aNon-Blue Manipulated image, and the finalManipulated image with the blue skin. Irenamed the newly merged Layers tomanipulatedBlue.

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

6 of 29 6/13/10 4:06 PM

Page 34: Angelina Jolie as a Na'vi from Avatar Movie

Still on the manipulatedBlue layer, erase thePupil and the part of the eye ball that is in theouter corners with a Soft Round Brush. Leavethe inner corner blue.

Make a NewLayer, using the

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

7 of 29 6/13/10 4:06 PM

Page 35: Angelina Jolie as a Na'vi from Avatar Movie

Paint Brush tool and thecolor # fddc00, paint thePupil yellow.

Change the Layer'sBlending Mode to Overlay

Repeat for the other eye. Ilowered the opacity of theyellow layer so that it isn'tso saturated. Adjust thelayer as you see fit.

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

8 of 29 6/13/10 4:06 PM

Page 36: Angelina Jolie as a Na'vi from Avatar Movie

Duplicate "manipulated"layer, and merge withmanipulatedBlue andyellow Layers.

I outlined the eyes, crease,and Iris a bit with the PaintBrush (using black color) sothey looked more defined.

Before

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

9 of 29 6/13/10 4:06 PM

Page 37: Angelina Jolie as a Na'vi from Avatar Movie

After

Still on manipulatedBlue Layer. UseEyedropper tool to select a green color (I'musing ##095605). Select the Paint Brush tool andchange it to the settings below. Carefully paint a

couple layers of color around the Iris.

Select SmudgeTool change

Strengthto 60%and zigzagaroundthe Irislike this:

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

10 of 29 6/13/10 4:06 PM

Page 38: Angelina Jolie as a Na'vi from Avatar Movie

Select the Burn tool , change to the settings below and streakaround the Iris.

Select the Dodge tool , adjust thesettings as follows, and make somehighlights.

StillusingtheDodgetool,make a

few speckles in the inside corners of the eyes.

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

11 of 29 6/13/10 4:06 PM

Page 39: Angelina Jolie as a Na'vi from Avatar Movie

SelecttheSmudgeTool ,changesettingsto the

following, stroke along the top of the bottom lid as shown belowto make it bigger

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

12 of 29 6/13/10 4:06 PM

Page 40: Angelina Jolie as a Na'vi from Avatar Movie

Select the Dodge tool and add

highlights along the outer edge

And lastly, select the Paint Brush tool and carefully paint in extralong lashes. This takes patience… alternatively; you can use the

pen tool if you don't have a tablet.

Lips

Select the Burn tool and slightly burn the side of the noseupwards to appear more cat-like

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

13 of 29 6/13/10 4:06 PM

Page 41: Angelina Jolie as a Na'vi from Avatar Movie

I also used the Clone toolwith Opacity set to 10% andlightened the bottom of thenose a bit by selecting thearea of skin right below thenose, and stroking along thedark areas.

Select the Burn tool onceagain and change thesetting that shown below.The dark streak on the noseis always right below thepointiest part of the tip.

Select the Smudge tool smudgethe streak slightly

Create a New Layer, Select

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

14 of 29 6/13/10 4:06 PM

Page 42: Angelina Jolie as a Na'vi from Avatar Movie

the Paint Brush and with apink color (I'm starting with#dd23ff), paint the nose andlips

Change the Layer BlendingMode to Color. Go to Image>Adjustments>Hue/Saturation or

press Ctrl+U. Adjust the color to what looksright to you.

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

15 of 29 6/13/10 4:06 PM

Page 43: Angelina Jolie as a Na'vi from Avatar Movie

Lower the Layer Opacity to 75%. Select theEraser Tool lower the Opacity to 15% and Erasearound the edges of the Pink so that it blends inmore.

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

16 of 29 6/13/10 4:06 PM

Page 44: Angelina Jolie as a Na'vi from Avatar Movie

If the lips have lip gloss orlipstick: I suggest taking some of

that shine away.

On the manipulatedBlueLayer, use the Eyedroppertool to select the color Blueused on the skin. Select thePaint Brush tool Lower theOpacity to 12% and swipesome blue over the lips.

Select the Burn tool andwith the following settings,

darken the darkest area of lips (where the lips meet) to put thecontrast back in.

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

17 of 29 6/13/10 4:06 PM

Page 45: Angelina Jolie as a Na'vi from Avatar Movie

Create a New Layer, Selectthe Paint Brush Tool, lowerits Opacity and paint thelips where the light hits theouter edges with White

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

18 of 29 6/13/10 4:06 PM

Page 46: Angelina Jolie as a Na'vi from Avatar Movie

Lower the Layer Opacityand Fill. Use the Smudgetool to smudge along thecontours until you reach adesired look. Change theLayer Blending Mode toOverlay

On the manipulayedBlueLayer, select the Dodge tooland put in just a couple of

little highlights.

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

19 of 29 6/13/10 4:06 PM

Page 47: Angelina Jolie as a Na'vi from Avatar Movie

Select the burn tool, andwith the settings below,

darken some of the creases in the lips if youwant more contrast.

(I changed my skin tone slightly while I wasworking. I did this by going to Hue/Saturation)

Select the Lasso tool and select the lips

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

20 of 29 6/13/10 4:06 PM

Page 48: Angelina Jolie as a Na'vi from Avatar Movie

Go toImage>Adjustments>Levelsor hit Ctrl+L and adjust thecontrast slightly.

Nose Tip

Select the BurnTool, make acrease in thecenter of the nose.Also burn the

bottom of the nose todeepen it.

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

21 of 29 6/13/10 4:06 PM

Page 49: Angelina Jolie as a Na'vi from Avatar Movie

Use the Dodgetool at a lowopacity to make

littlehighlights on each side ofthe crease. I made moredetail with Clone Tool aswell.

Create a New Layer. Selectthe Paint Brush tool. Locatethe Skin Brushes you

loaded earlier and select theone that says "330". Lowerthe Opacity to 50%, Select adark blue color (I'm using #08213e) and click once oneach side of the nose.

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

22 of 29 6/13/10 4:06 PM

Page 50: Angelina Jolie as a Na'vi from Avatar Movie

Erase everywhere except for where the pink is.

Make a New Layer, select Paint Brush tool.Locate the Skin Brushes and select the fourthone. With a Light Blue color (I'm using #008fff)click once on the nose.

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

23 of 29 6/13/10 4:06 PM

Page 51: Angelina Jolie as a Na'vi from Avatar Movie

Erase everything but thepink.

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

24 of 29 6/13/10 4:06 PM

Page 52: Angelina Jolie as a Na'vi from Avatar Movie

Carefully erase around theoutsides of the nose so thereare more speckles towardsthe front of the nose.

Continue to mess with thenose until you are satisfied. I

went back tomanipulatedBlue and usedthe Burn tool to make nosea bit deeper.

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

25 of 29 6/13/10 4:06 PM

Page 53: Angelina Jolie as a Na'vi from Avatar Movie

Go back to the Nose1 Layer(the DARK spots) andchange the Blending toOverlay

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

26 of 29 6/13/10 4:06 PM

Page 54: Angelina Jolie as a Na'vi from Avatar Movie

Adjust both the Nose layersuntil you arrive at a lookthat seems natural. Selectthe Smudge tool and withthese settings, define thenose if you need to.

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

27 of 29 6/13/10 4:06 PM

Page 55: Angelina Jolie as a Na'vi from Avatar Movie

Keep adjusting until you find a look that youagree with.

<< Previous page[1] Next page >>[2]

References

^ << Previous page (www.webdesign.org)1.^ Next page >>

(www.webdesign.org)

2.

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

28 of 29 6/13/10 4:06 PM

Page 56: Angelina Jolie as a Na'vi from Avatar Movie

Angelina Jolie as a Na'vi from Avatar Movie

Face

There are several ways of handling this. I prefer contrast, and enjoyusing the shiny skin of the Na'vi in all my manipulations. Their skinis smooth and slick… reflecting a little more light than the humanface.

Duplicate the manipulatedBlue layer. Leave the rest of the layers asthey are in case you want to change them later.

Select the Dodge tool, and with the settingsbelow, put in highlights where the light touchesreflects off the face. Adjusting brush sizes forthe area your working on.

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

1 of 41 6/13/10 4:07 PM

Page 57: Angelina Jolie as a Na'vi from Avatar Movie

Create a NewLayer. Locate theSkin Brush thatsays "330" andwith White or avery light bluecolor, cover thewhole face.

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

2 of 41 6/13/10 4:07 PM

Page 58: Angelina Jolie as a Na'vi from Avatar Movie

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

3 of 41 6/13/10 4:07 PM

Page 59: Angelina Jolie as a Na'vi from Avatar Movie

Erase Extra. Leave just enough tomake it look like the skin sparkleswhen being hit by the light.

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

4 of 41 6/13/10 4:07 PM

Page 60: Angelina Jolie as a Na'vi from Avatar Movie

Using the Burn too with the followingsettings, go in and contour the face a

bit. Make sure the sides of thenose are dark enough tosuggest a bump.

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

5 of 41 6/13/10 4:07 PM

Page 61: Angelina Jolie as a Na'vi from Avatar Movie

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

6 of 41 6/13/10 4:07 PM

Page 62: Angelina Jolie as a Na'vi from Avatar Movie

Eye Brows (Na'vi Style)

Remember that the Na'vihave very organic features.The eye brows taper at theends, so no matter whatyour original eye browshape is, try to keep inmind that the end shouldprobably be pointy.

Create a New Layer. Turnoff the "Blue" layers. Use thePen tool to trace the EyeBrows. When the paths areboth closed, right click andselect "Make Path". Accept

the default settings.

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

7 of 41 6/13/10 4:07 PM

Page 63: Angelina Jolie as a Na'vi from Avatar Movie

Turn the "Blue" Layers back on. Change theLayer Blending Mode to Overlay. Fill in theselections with a light blue (I'm using #8c9aed)

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

8 of 41 6/13/10 4:07 PM

Page 64: Angelina Jolie as a Na'vi from Avatar Movie

Open

Image>Adjustments>Hue/Saturation or hitCtrl+U and edit the Hue/Saturation to makethem a dark blue

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

9 of 41 6/13/10 4:07 PM

Page 65: Angelina Jolie as a Na'vi from Avatar Movie

Press OK. Use theRectangularMarquee tool toselect one EyeBrow and move itup to where itwould naturallybe.

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

10 of 41 6/13/10 4:07 PM

Page 66: Angelina Jolie as a Na'vi from Avatar Movie

Repeat for other side.

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

11 of 41 6/13/10 4:07 PM

Page 67: Angelina Jolie as a Na'vi from Avatar Movie

Select the Smudgetool and with thesettings belowsmudge along theoutline of theeyebrows as seenin this example:

(This is how Imove my brushwhile smudging)

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

12 of 41 6/13/10 4:07 PM

Page 68: Angelina Jolie as a Na'vi from Avatar Movie

Optional: I made a coloradjustment for the eyebrows.

Face Stripes

Create a New Layer.Change the Layer BlendingMode to Overlay. Select the

PenTool.Startmakingstripeson theface.

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

13 of 41 6/13/10 4:07 PM

Page 69: Angelina Jolie as a Na'vi from Avatar Movie

Following the contours of the face, and make the stripes slightlylonger than the hair line.

I put a guide in the middle of the face so I knewwhere to stop. To do this go to View>NewGuide. Click on Vertical. Click Ok. Look to theLEFT and drag the guide to the center of theface.

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

14 of 41 6/13/10 4:07 PM

Page 70: Angelina Jolie as a Na'vi from Avatar Movie

Still using the PenTool, RightClick>MakeSelection. Fill inthe selection witha light blue (Iused #7686b9).

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

15 of 41 6/13/10 4:07 PM

Page 71: Angelina Jolie as a Na'vi from Avatar Movie

Deselect. Open

Image>Adjustments>Hue/Saturation or hit Ctrl+U and edit the

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

16 of 41 6/13/10 4:07 PM

Page 72: Angelina Jolie as a Na'vi from Avatar Movie

Hue/Saturation to make them closer to the skin color, only a littledarker.

Repeat the Smudging Technique used on the Eyebrows.

The Na'viStripes are

not completely opaque. They aredarker on the edges than they are in

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

17 of 41 6/13/10 4:07 PM

Page 73: Angelina Jolie as a Na'vi from Avatar Movie

the center. Select the Eraser tool andwith the setting below, carefully erasethrough the middle of each stripe,starting at the ends closer to thecenter of the face. I do notrecommend erasing parts of themiddle head stripe yet.

Optional: I changed theHue/Saturation of the stripes a fewtimes. Here are the changes I made.

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

18 of 41 6/13/10 4:07 PM

Page 74: Angelina Jolie as a Na'vi from Avatar Movie

If you are unhappy with the shape ofyour stripes you can easily changethem by using liquify.

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

19 of 41 6/13/10 4:07 PM

Page 75: Angelina Jolie as a Na'vi from Avatar Movie

Duplicate theStrips either byselecting them,copy and pasting,or by duplicatingthe layer itself. Goto

Edit>Transform>Flip Horizontal. Move the Flipped stripes over tothe other side of the face.

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

20 of 41 6/13/10 4:07 PM

Page 76: Angelina Jolie as a Na'vi from Avatar Movie

If you have a guide still up, go to View>ClearGuides. If there is a break in between yourstripes, nudge the seconds Stripe layer towardsthe other until thy meet.

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

21 of 41 6/13/10 4:07 PM

Page 77: Angelina Jolie as a Na'vi from Avatar Movie

If you have two"Stripe" layers,select one, hold

shift, and select the color.Go to Layer>Merge Layersor Ctrl+E to merge the"Stripe" layers. Adjust theirblending mode back toOverlay.

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

22 of 41 6/13/10 4:07 PM

Page 78: Angelina Jolie as a Na'vi from Avatar Movie

Select the Eraser tool andwith the following settings,use the same Eraser methodfrom earlier on the middlesection.

Select the Burn tool and with the settings below,Burn the stripes where the shadow falls so theyblend in better.

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

23 of 41 6/13/10 4:07 PM

Page 79: Angelina Jolie as a Na'vi from Avatar Movie

Glow Dots

Duplicate

manipulatedBlue2.

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

24 of 41 6/13/10 4:07 PM

Page 80: Angelina Jolie as a Na'vi from Avatar Movie

Select the Dodgetool. Click on theBrushes Icon andadjust the tool tothe settingsshown:

Use the Brush settings below. Use varyingdegrees of pressure. If you mess up, you canjust erase the dots you don't want and themanipulatedBlue2 layer will show underneath.

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

25 of 41 6/13/10 4:07 PM

Page 81: Angelina Jolie as a Na'vi from Avatar Movie

Body

Repeat theprocess used forthe face stripes.The bodystripes arelarger andrequire a bit ofcreativity whendealing with thesize shape. Theone's I'mmaking are verybasic.

You need thecolor of the face stripes. Go to

the Stripes Layer,change theopacity to"Normal" and usethe Eye Dropperwhere the color isthe most opaqueor the darkest.

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

26 of 41 6/13/10 4:07 PM

Page 82: Angelina Jolie as a Na'vi from Avatar Movie

Restore the LayerOpacity toOverlay.

Create a NewLayer. Change itsOpacity toOverlay. Select thePen tool, make

stripes the same way you did for the face.

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

27 of 41 6/13/10 4:07 PM

Page 83: Angelina Jolie as a Na'vi from Avatar Movie

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

28 of 41 6/13/10 4:07 PM

Page 84: Angelina Jolie as a Na'vi from Avatar Movie

Right Click>Make Selection. Click Ok. Fill inthe Lines with the color we selected earlier.

Deselect. Select the Smudge tool and smudgealong the lines. Here is an Example of how I

move my brush:

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

29 of 41 6/13/10 4:07 PM

Page 85: Angelina Jolie as a Na'vi from Avatar Movie

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

30 of 41 6/13/10 4:07 PM

Page 86: Angelina Jolie as a Na'vi from Avatar Movie

Select the

Eraser Tool and erase like you did earlier.

Duplicate the stripes.Edit>Transform>Flip

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

31 of 41 6/13/10 4:07 PM

Page 87: Angelina Jolie as a Na'vi from Avatar Movie

Horizontal.

Merge the two Body Stripes layers.

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

32 of 41 6/13/10 4:07 PM

Page 88: Angelina Jolie as a Na'vi from Avatar Movie

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

33 of 41 6/13/10 4:07 PM

Page 89: Angelina Jolie as a Na'vi from Avatar Movie

Erase the stripes where the hair is covering thebody.

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

34 of 41 6/13/10 4:07 PM

Page 90: Angelina Jolie as a Na'vi from Avatar Movie

Change layer Blending Modeback to Overlay.Select the Burntool and burn thestripes where theshadows hit tomake them blendin more.

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

35 of 41 6/13/10 4:07 PM

Page 91: Angelina Jolie as a Na'vi from Avatar Movie

If you are unhappy with the shape of thestripes, again, you can use the Liquify tool tomove them around as I did.

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

36 of 41 6/13/10 4:07 PM

Page 92: Angelina Jolie as a Na'vi from Avatar Movie

Use the Burn toolon the stripeswhere the shadowhits to make themblend in more.

Return to theglowDots Layer.

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

37 of 41 6/13/10 4:07 PM

Page 93: Angelina Jolie as a Na'vi from Avatar Movie

Select the Dodgetool. Click on the

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

38 of 41 6/13/10 4:07 PM

Page 94: Angelina Jolie as a Na'vi from Avatar Movie

Brushes Icon and adjust the tool to the settingsshown:

Use the Brush settings below. Adjust the Brush size as you goalong, varying the size of the dots. This is made easy clicking [ to

make the brushsmaller, or ] tomake it larger.

If you mess up,you can justerase the dotsyou don't wantand the

manipulatedBlue2 layer will showunderneath.

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

39 of 41 6/13/10 4:07 PM

Page 95: Angelina Jolie as a Na'vi from Avatar Movie

DuplicatemanipulatedBlue2layer and mergethe Duplicatewith glowDots. Ifyou erasedanything on theglowDots layer,this guarantees noempty space inthe images.

<< Previouspage[1] Nextpage >>[2]

References

^ << Previouspage(www.webdesign.org)

1.

^ Next page >>(www.webdesign.org)

2.

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

40 of 41 6/13/10 4:07 PM

Page 96: Angelina Jolie as a Na'vi from Avatar Movie

Angelina Jolie as a Na'vi from Avatar Movie

Neck

Na'vi have very long necks. You can change the length in a numberof ways. I used the Liquify tool to push the shoulders down in thisimage. Brush Density and Pressure should be 100% and make thebrush size relative to the figure as I have done. Pull straight down.

Background

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

1 of 31 6/13/10 4:08 PM

Page 97: Angelina Jolie as a Na'vi from Avatar Movie

I like usingbackgrounds fromAvatar conceptart, for screengrabs fromtrailers. However,you could easilyuse stock imagesof jungles.

Find your image.

Paste it into yourfile.

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

2 of 31 6/13/10 4:08 PM

Page 98: Angelina Jolie as a Na'vi from Avatar Movie

Stretch it out enough to cover the empty space.I changed the Blending Mode to Multiply so Icould see where the figure was.

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

3 of 31 6/13/10 4:08 PM

Page 99: Angelina Jolie as a Na'vi from Avatar Movie

Move the Layerbehind theglowDots layer.

Erase the emptyspace by using thePen Tool tooutline, select,and then deletethe empty areas…or do it by hand.

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

4 of 31 6/13/10 4:08 PM

Page 100: Angelina Jolie as a Na'vi from Avatar Movie

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

5 of 31 6/13/10 4:08 PM

Page 101: Angelina Jolie as a Na'vi from Avatar Movie

Select the Background. Go toImage>Adjusments>Color Balance or Ctrl+B. Ilike the backgrounds to be more blue/purple incolor.

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

6 of 31 6/13/10 4:08 PM

Page 102: Angelina Jolie as a Na'vi from Avatar Movie

Press OK. Go to

Image>Adjustments>Hue/Saturation orCtrl+U and made it look more like nighttime…if that's the look you're going for.

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

7 of 31 6/13/10 4:08 PM

Page 103: Angelina Jolie as a Na'vi from Avatar Movie

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

8 of 31 6/13/10 4:08 PM

Page 104: Angelina Jolie as a Na'vi from Avatar Movie

Use the Burn tool with the settings below and burn around thefigure

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

9 of 31 6/13/10 4:08 PM

Page 105: Angelina Jolie as a Na'vi from Avatar Movie

Click on theglowDots layer(the image thatwe erased thebackground from)and burn aroundthe image.

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

10 of 31 6/13/10 4:08 PM

Page 106: Angelina Jolie as a Na'vi from Avatar Movie

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

11 of 31 6/13/10 4:08 PM

Page 107: Angelina Jolie as a Na'vi from Avatar Movie

I burned thebackground alittle bit more.

Ear

There are a coupleof tutorials on theinternet that tellyou how to turnyour own ear intoa Na'vi ear.Personally, Iprefer to use earsfrom officialimages.

Find a picture thatshows most of theear. You need avery large, highquality image.

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

12 of 31 6/13/10 4:08 PM

Page 108: Angelina Jolie as a Na'vi from Avatar Movie

Select the Pentool, and outlinethe ear precisely.

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

13 of 31 6/13/10 4:08 PM

Page 109: Angelina Jolie as a Na'vi from Avatar Movie

Copy, and pastethe ear into yourfile.

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

14 of 31 6/13/10 4:08 PM

Page 110: Angelina Jolie as a Na'vi from Avatar Movie

Open the Free Transform tool and adjust theear.

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

15 of 31 6/13/10 4:08 PM

Page 111: Angelina Jolie as a Na'vi from Avatar Movie

The ears areextremely difficultto figure out.Below I have

showedthe flow of howthe ears areplaced. Where thelines taper offtowards the rightside of the face, iswhere the tip ofthe ear should be. Look at as manyNa'vi images asyou can anddecide where youfeel the ear wouldlook best.

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

16 of 31 6/13/10 4:08 PM

Page 112: Angelina Jolie as a Na'vi from Avatar Movie

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

17 of 31 6/13/10 4:08 PM

Page 113: Angelina Jolie as a Na'vi from Avatar Movie

Image>Adjustments>Hue/Saturation and adjust the color to matchthe skin tone.

Erase the edge so that it blends in with the hair.

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

18 of 31 6/13/10 4:08 PM

Page 114: Angelina Jolie as a Na'vi from Avatar Movie

Burn the ear toadjust the

amount of lightthat hits it.

Copy/Paste andFlip Vertical

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

19 of 31 6/13/10 4:08 PM

Page 115: Angelina Jolie as a Na'vi from Avatar Movie

Image>Adjutments>Hue/Saturation to adjust as you see fit.

Merge the two ear layers.

Hair

You can keep your naturalhair, find some braided hairon the internet, or integratesome braids and feathersinto your regular hair. Makeyour Na'vi unique!

Select the Clonetool, hold Alt andclick on an area ofhair. Use the toolto clone away anybits of the originalear.

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

21 of 31 6/13/10 4:08 PM

Page 116: Angelina Jolie as a Na'vi from Avatar Movie

Create a NewLayer and Changeits Blending Modeto Color. Selectthe Paint Brushtool, and with the

settings below, paint over the hairwith a foreground color of Black.

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

22 of 31 6/13/10 4:08 PM

Page 117: Angelina Jolie as a Na'vi from Avatar Movie

Erase excess color

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

23 of 31 6/13/10 4:08 PM

Page 118: Angelina Jolie as a Na'vi from Avatar Movie

Copy theSelection and Paste it

into your file

Use the FreeTransform tool toAdjust the Size

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

25 of 31 6/13/10 4:08 PM

Page 119: Angelina Jolie as a Na'vi from Avatar Movie

Move it to anyplace you wish.Copy/Paste…and continue toadd braids.

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

26 of 31 6/13/10 4:08 PM

Page 120: Angelina Jolie as a Na'vi from Avatar Movie

When you aredone with thebraids, you canmerge the layers.Make them fitinto the imagebetter by usingtheHue/Saturationtool.

Angelina Jolie as a Na'vi from Avatar Movie | Photo Editing http://www.webdesign.org/photoshop/photo-editing/angelina-jol...

27 of 31 6/13/10 4:08 PM