Avatar Navi Photoshop Tutorial

Avatar Na'vi - Photoshop CS6 Tutorial | Tutvid
http://tutvid.com/photoshop-tutorials/avatar-navi-photoshop-c...
(http://tutvid.com/)
REJECT MEDIOCRITY
B Y N AT H A N I E L D O D S O N ( H T T P : // T U T V I D . C O M / A U T H O R / N AT H A N I E L DODSON/) / JUNE 20, 2013
MAKE AN AVATAR
NAVI
PHOTOSHOP
TUTORIAL
1 of 32
23/05/16 23:24
(http://tutvid.com/advanced-photoshop-tutorial-bundle/)
elcome to this extensive tutorial all about creating the Avatar

Navi effect! If youre here looking for the mask to use on the
girls face, you can download it right here!(https://www.dropbox.com
/s/zf8o999l5ijjn8j/avatar-mask.zip?dl=0) If youre just ready to jump in and get started
with the tutorial, simply scroll downward to see all the info.
Video
1. Starting With The Right Photo
To really have a great effect, you want to start with a nice photo. The
sharpness and detail are key, you probably dont want a blurry image. If you
have beautiful, crisp light, thats great too. I am using an image I shot in one
of the first lighting classes I ever taught. Grab an image and lets get started!
2. Adding Skin Detail

2 of 32
23/05/16 23:24
Create a new layer and go Edit>Fill and choose to fill this new layer with
50% Gray. Go Filter>Add Noise and add 35% noise. Next, go Filter>Emboss
and set the angle to 50 degrees, a height of 3px, and an amount of 90%.
Avatar Navi - Photoshop CS6 Tutorial
3. Blend Skin Detail

Set that skin detail layer to a blend mode of Soft Light. Go Layer>Layer
Mask>Hide All to create a solid black mask and hide all of that detail we can
see in my first screenshot below. Grab your Brush tool (B) and set the brush
3 of 32
23/05/16 23:24
opacity to 10% and start painting with white as your foreground color.
Gently paint in where you want texture. TIP: Be slow and careful here for the
best results! Check out the screenshot of my actual mask below.
4. Slight Lighting Adjustment With

Curves
4 of 32
23/05/16 23:24
I am dropping a Curves Adjustment layer into place and darkening the area
all around her face. Its just something that Im feeling I should do with this
image. I painted black over her face in the mask to darken the entire in the
image but not affect her face.
5. Dodging and Burning

Create a new layer and name it Dodge/Burn. Go Edit>Fill and fill this layer
with 50% gray. Grab your Dodge tool (U), set the range to Midtones and the
exposure to 10%. Set the gray filled layer to a blend mode of Soft Light, this
will make this layer look like it has disappeared. Now anywhere you paint
with the Dodge tool will brighten up. TIP: To burn instead of dodge, simply
hold the Alt/Opt key while painting with this tool to quickly switch to the
Burn tool.
5 of 32
23/05/16 23:24
6. Duplicate 2x
Go ahead and hit Cmd/Ctrl + J two times to duplicate our Dodge/Burn layer
twice. Our effect will be beautifully intensified now. Feel free to reduce some
opacity if your image looks a little too intense.
7. Starting The Eyes

The Avatar characters have incredible, greenish crisp colored eyes. Were
going to begin the process of creating them. Merge all of your layers to one
new layer by hitting Cmd/Ctrl + Shift + Alt/Opt + E. Create generous selections
around both eyes using the Lasso tool (L). Go Select>Modify>Feather and
feather these selections 40px. Hit Cmd/Ctrl + J to copy these to a new layer.
6 of 32
23/05/16 23:24
8. Enlarging The Eyes

One at a time, use the Rectangular Marquee tool (M) to drag a selection
around one eye and go Edit>Transform and hold down your Shift + Alt/Opt
key and scale each eye larger. TIP: Before you start to scale, drag the little
registration point to the very center of the pupil. This will prevent the eye
from being moved around while we scale.
7 of 32
23/05/16 23:24
8 of 32
23/05/16 23:24
9. Clean Up
Apply a layer mask to this layer and paint away any areas that might be
spreading skin color over the hair/ear areas.
10. Enlarge Iris

Grab your Elliptical Marquee tool (M) and hold down your Shift key and drag
a perfect little selection around the Iris each one, one at a time. We want to
enlarge these bad boys and make them so big that they dont fit in the eye
anymore. Hit Cmd/Ctrl + J to pop the Iris up onto its own layer and then go
Edit>Transform and scale these Iris up. Check out my screenshots to see my
selection and how big I ended up making them.
9 of 32
23/05/16 23:24
11. Mask The Iris To The Eyeball

Drop a layer mask on both of our new Iris layers and paint with black to get
these eyes fitting right where they belong.
10 of 32
23/05/16 23:24
12. Editing The Nose

Merge all of your layers to a new layer by using the hotkey Cmd/Ctrl + Shift +
Alt/Opt + E. Go Filter>Liquify and grab the Bloat Tool (B) and use the tool to
pump up the nose like I have. Use the Forward Warp Tool in the Liquify
dialog box and push the nose downward as well. Spend a little time playing
with the nose to get it looking exactly as you like.
13. Depth And Detail In The Eyes

Create a new Curves Adjustment layer, set the Blend Mode to Screen, and
also fill the mask with black to hide the brightness that the Curves
Adjustment have pulled in. Grab your Brush tool (B) and set the tool to 100%
opacity and grab the 2 pixel brush. Carefully paint over all the brighter
ridges you can find in the iris.
11 of 32
23/05/16 23:24
14. Continued Depth And Detail In The

Eyes
Create another Curves Adjustment layer and set the Blend Mode to Multiply
and fill this layer with black. Go ahead and paint in the shadow areas of the
iris here as well. NOTE: Well adjust the hardness and opacity of these effects
in just a moment, lets just get the painting finished for now.
12 of 32
23/05/16 23:24
15. Blend The Light And Color

Select each of these layer masks and apply a nice, subtle Gaussian blur (I
used 1.5px of blur.) I like the way the eyes look and I dont think Ill adjust
the opacity of these colors.
16. Add Some Color To The Eyes

Add a Hue/Saturation layer and set the Hue slider to +30 and then set the
13 of 32
23/05/16 23:24
Saturation to +35 and also drop about +5 into the brightness slider. Once
you see the green color as I do, mask the color to only the iris areas of the
eye.
17. Coloring The Eyes More

Go Layer>New Fill Layer and fill you layer with the color #d1b645 then set
that layer to Soft Light and mask it to the iris.
14 of 32
23/05/16 23:24
18. Dodge And Burn Eyes

Create a new layer and go Edit>Fill and choose to fill this layer with 50%
Gray. Set this layer to Soft Light and grab your Dodge tool (O). Ive set my
Dodge tool to Midtones and an exposure of 10%. Use the Dodge tool to
brighten the bottom right corner of the eyes and then grab the Burn tool and
heavily burn in the top left corner of the eyes. If you feel the need to have a
15 of 32
23/05/16 23:24
stronger effect, simply hit Cmd/Ctrl + J to duplicate this layer.
19. Blue Skin

Set your foreground to the color #abc0d3 and create a new layer and paint
over each area of the skin, but avoid both the lips and the eyes.
16 of 32
23/05/16 23:24
20. Adjust Color And Light

Add a Curves Adjustment layer and drag down a bunch on the blacks area of
the curve as I have in my first screenshot below. Then pull down on the
Red curve to add some cyan as I have in my second screenshot. Also create
an S curve on the Blue curve to add blue to the highlights. Mask all of this
to the skin taking extra care to avoid the lips and the eyes/eyebrows.
17 of 32
23/05/16 23:24
21. Adjust Tone And Brightness

Add a Black and White Adjustment layer and set it to Multiply, reduce the
layer opacity to 80%. Mask this layer to the skin areas also taking care to
avoid the eyebrows, eyes, and lips here as well.
18 of 32
23/05/16 23:24
22. Coloring The Lips

Set your foreground color to #9bc2e4 and create a new layer. Paint this color
over the lips. Set this layer to the Blend Mode of Multiply.
19 of 32
23/05/16 23:24
23. Face Paint, Face Tattoos

I drew my own ink mask type of object with the Pen Tool, filled it with a
dark gray, and then just dragged it into my Photoshop document. Download
the PNG file right here!(https://www.dropbox.com/s/zf8o999l5ijjn8j/avatar-mask.zip?dl=0)
Set the blend mode to Soft Light. Apply a layer mask and paint with black
to paint away the areas of this tattoo/faint pace/mask that we dont want to
see.
20 of 32
23/05/16 23:24
24. Sparkles Pt. 1

To add glowing sparkles to the face we first need to edit a brush. Grab your
Brush tool (B) and go Window>Brush. Set your brush size to 15px and the
hardness to 100%. Boost the Spacing to 630%.
21 of 32
23/05/16 23:24
25. Sparkles Pt. 2

Check on the Shape Dynamics and set the Size Jitter to 100%. Also check on
Scattering and set the Scatter to 1000%.
22 of 32
23/05/16 23:24
26. Sparkles Pt. 3

Ensure that your brush opacity is set to 100% by checking the opacity in the
tool options bar across the top of the Photoshop window. Set your foreground
color to white. Paint dots of white onto her face using short, quick clicks with
your mouse or your tablet stylus.
23 of 32
23/05/16 23:24
27. Blending The Sparkles

Duplicate our sparkles layer three times using the hotkey Cmd/Ctrl + J. Note
that Ive named each layer, starting at the bottom, with Sparkles-Blur-1,
Sparkles-Blur-2, Sparkles-01, Sparkles-Small-01. We should have four
sparkle layers total at this point.
28. Blur The Sparkles

Blur each of the Sparkles-Blur-1 and Sparkles-Blur-2 layers by going
Filter>Blur>Gaussian Blur and using a Gaussian Blur of 3.5px. Set both of
these layers to the blend mode Overlay.
24 of 32
23/05/16 23:24
29. Adding Light

Now set the Sparkles-1 layer to the blend mode of Screen and reduce the
opacity to 30%.
30. Add Sparkle To The Sparkle

Cmd/Ctrl + Click the layer thumbnail for the Sparkle-Small-01 layer to load
all of these dots of light as a selection. Go Select>Modify>Contract and
contract the selection by 2px. Go Layer>Layer Mask>Reveal Selection. This
will only preserve a small dots of light in the center of each of our larger dots
of light. Set this layer to Overlay.
25 of 32
23/05/16 23:24
31. Masking The Sparkles And Final

Touches
Select all four sparkle layers and go Layer>Group Layers. Go Layer>Layer
Mask>Reveal All and grab your Brush tool (B). Right click anywhere and
choose the large 500px, soft-edged brush. Paint with black and paint away
the edge areas of sparkles to fade the sparkles wherever you see fit.
26 of 32
23/05/16 23:24
32. Final Dodging And Burning

Create a new layer and go Edit>Fill and choose to fill this layer with 50%
Gray. Grab your Dodge tool (O) and set this layer to the blend mode Soft
Light. Begin painting with the Dodge tool to brighten areas that need
brightening (I generally follow where highlights already are in the image)
and then switch to the Burn tool (O) and paint areas that need to be
darkened.
27 of 32
23/05/16 23:24
33. Duplicate And Duplicate

Duplicate our new Dodge/Burn layer a few times to intensify our dodge and
burn effect.
34. Colorize
Create a new Fill Layer by going Layer>New Fill Layer>Solid Color and set
the blend mode to Soft Light and set the color to #3f6991. Mask away some
of the color that falls into her face and were finished!
28 of 32
23/05/16 23:24
29 of 32
23/05/16 23:24
Follow Me On Twitter!(https://twitter.com/#!/tutvid)
Like Tutvid on Facebook!(http://www.facebook.com/tutvidFan)
30 of 32
23/05/16 23:24
11 Comments
Tutvid.com | Photoshop, Photography, & Web Design Tutorials
1
Share
Recommend
Login
Sort by Best
Join the discussion

carlos
3 years ago
wow, I love your work man, thanks for sharing your knowledge. We
need more people like you in this world....
Reply Share
Vivianne Figueredo Suarez
2 years ago
how about the ears???

Reply Share
Jono
2 years ago
how about the ears and the nose??

Reply Share
Benit Rose
2 years ago
great work dear friend, millions of applaud, love your work

Reply Share
sarker xp
2 years ago
Hey man great job ...Thanks a lot.I have a picture but i don't
understand how to do this plz help me.plz visit my
link:http://farm9.staticflickr.com/...
Please make a tutorial for me brother. Thanks again
Reply Share
Roofi Sardar
3 years ago
Nice tututorial
Reply Share
ArtMatrix
3 years ago
Nice tuto, i have try make the same thing... here is my final works :
http://artmatrix.deviantart.co...
Reply Share
rock
31 of 32
3 years ago
23/05/16 23:24
32 of 32
23/05/16 23:24

Avatar Navi Photoshop Tutorial

Caricato da

Informazioni sul documento

Descrizione originale:

Titolo originale

Copyright

Formati disponibili

Condividi questo documento

Condividi o incorpora il documento

Opzioni di condivisione

Hai trovato utile questo documento?

Questo contenuto è inappropriato?

Copyright:

Formati disponibili

Avatar Navi Photoshop Tutorial

Caricato da

Copyright:

Formati disponibili

Avatar Na'vi - Photoshop CS6 Tutorial | Tutvid

Avatar Na'vi - Photoshop CS6 Tutorial | Tutvid

elcome to this extensive tutorial all about creating the Avatar

2. Adding Skin Detail

Avatar Na'vi - Photoshop CS6 Tutorial | Tutvid

Avatar Navi - Photoshop CS6 Tutorial

3. Blend Skin Detail

Avatar Na'vi - Photoshop CS6 Tutorial | Tutvid

4. Slight Lighting Adjustment With

Avatar Na'vi - Photoshop CS6 Tutorial | Tutvid

5. Dodging and Burning

Avatar Na'vi - Photoshop CS6 Tutorial | Tutvid

7. Starting The Eyes

Avatar Na'vi - Photoshop CS6 Tutorial | Tutvid

8. Enlarging The Eyes

Avatar Na'vi - Photoshop CS6 Tutorial | Tutvid

Avatar Na'vi - Photoshop CS6 Tutorial | Tutvid

10. Enlarge Iris

Avatar Na'vi - Photoshop CS6 Tutorial | Tutvid

11. Mask The Iris To The Eyeball

Avatar Na'vi - Photoshop CS6 Tutorial | Tutvid

12. Editing The Nose

13. Depth And Detail In The Eyes

Avatar Na'vi - Photoshop CS6 Tutorial | Tutvid

14. Continued Depth And Detail In The

Avatar Na'vi - Photoshop CS6 Tutorial | Tutvid

15. Blend The Light And Color

16. Add Some Color To The Eyes

Avatar Na'vi - Photoshop CS6 Tutorial | Tutvid

17. Coloring The Eyes More

Avatar Na'vi - Photoshop CS6 Tutorial | Tutvid

18. Dodge And Burn Eyes

Avatar Na'vi - Photoshop CS6 Tutorial | Tutvid

stronger effect, simply hit Cmd/Ctrl + J to duplicate this layer.

19. Blue Skin

Avatar Na'vi - Photoshop CS6 Tutorial | Tutvid

20. Adjust Color And Light

Avatar Na'vi - Photoshop CS6 Tutorial | Tutvid

21. Adjust Tone And Brightness

Avatar Na'vi - Photoshop CS6 Tutorial | Tutvid

22. Coloring The Lips

Avatar Na'vi - Photoshop CS6 Tutorial | Tutvid

23. Face Paint, Face Tattoos

Avatar Na'vi - Photoshop CS6 Tutorial | Tutvid

24. Sparkles Pt. 1

Avatar Na'vi - Photoshop CS6 Tutorial | Tutvid

25. Sparkles Pt. 2

Avatar Na'vi - Photoshop CS6 Tutorial | Tutvid

26. Sparkles Pt. 3

Avatar Na'vi - Photoshop CS6 Tutorial | Tutvid

27. Blending The Sparkles

28. Blur The Sparkles

Avatar Na'vi - Photoshop CS6 Tutorial | Tutvid

29. Adding Light

30. Add Sparkle To The Sparkle

Avatar Na'vi - Photoshop CS6 Tutorial | Tutvid

31. Masking The Sparkles And Final

Avatar Na'vi - Photoshop CS6 Tutorial | Tutvid

32. Final Dodging And Burning

Avatar Na'vi - Photoshop CS6 Tutorial | Tutvid

33. Duplicate And Duplicate

Avatar Na'vi - Photoshop CS6 Tutorial | Tutvid