December 19, 2019

Learn how to transform yourself into a Na'vi character from the AVATAR movie with this well-explained Photoshop tutorial.

Designing with Photoshop can be a thrilling and endlessly creative experience. As a movie lover, I was particularly inspired by the stunning posters for James Cameron's Avatar. In this Photoshop tutorial, we will guide you through the process of using simple but effective techniques to transform a portrait photo of yourself into your very own Avatar movie character. While the tutorial provides a solid foundation, feel free to use your own unique style and techniques to make the art truly your own. Get ready to unleash your creativity and make a one-of-a-kind artwork with Photoshop!

avatar photoshop tutorial

Note: The editing program that i've use is Photoshop. You can buy it from Adobe (buy it, not download it for free). You can also download Creative Cloud for a trial period.

Custom Avatar Photo Manipulation Job:

Since the release of the new movie Avatar: The Way Of Water, I've received numerous requests from people looking to have their pictures 'avatarized'. If you're interested in having a custom Avatar designed specifically for you, I'd be happy to help! Simply send me a message and we can discuss details and fees.

This tutorial has an interesting history, this design course was released shortly after the announcement of the Avatar movie in 2009 and became the very first Avatar Photoshop tutorial in the world, causing quite a stir. It has since been actively used as educational material in universities around the globe, and we are proud to have contributed to the education of new designers through this course. You may even come across these techniques and resources in various artworks, such as Instagram filters, for example. We are excited to present an updated version of this tutorial, now with clearer instructions and a fresh look. We hope you enjoy it!

TUTORIAL DETAILS

  • Program: Adobe Photoshop
  • Difficulty: Intermediate
  • Estimated Completion Time: 1-2 Hours

This is the original picture:

avatar movie photo manipulation

This is what we are going to create:

avatar photoshop tutorial

Step 01

Before we begin, let's take a look at where I draw my inspiration from:

Avatar-Movie-Poster-in-Photoshop-Tutorial
avatar movie photoshop tutorial
avatar-photoshop-tutorial

Step 02

Step two is preparation. First, make sure that the picture you're working with is as large, clear and high quality as possible, the quality of the original picture will determine the quality of the final product.

Download the photo that we'll be using for this tutorial:

avatar

Step 03

Open the picture, duplicate the background picture layer (now you should have two copies of the same image in your layers menu) and use the Healing Brush Tool (select the source from the forehead area, or something similar) to recreate the nose which is flatter and broader as compared to the average human nose.

flat nose

Step 04

Select the skin areas of the model with the Lasso Tool, like in the picture below, and pres CTRL+U to open the Hue/Saturation menu.

select face

hue

Step 05

Now we are going to make the shadows for the nose. Select with the Lasoo tool the areas like in the picture below, pres CTRL+C and CTRL+V (to copy/paste to a new layer) and set the Blend Mode to the new layer to Multiply. Go to Filter > Blur > Gaussian Blur and set it to 2.9

nose shadow

Repeat the process 2 times for the other side.

Step 06

Duplicate the layer from the step 04 and put in on top the nose shadows layers. Select the lips and the nose with Lasso Tool and pres Ctrl+U to open the Hue/Saturation menu again. Hue to +99 until you get a pink color.

nose lips

Set the Opacity to 54% until you get the lips and the nose to a purple color, and the shadows of the nose to be less visible. Take the picture below for example:

avatar face

Make all the layers Flatten if you are sure if you are satisfied with the result so far.

Step 07

Here comes the most difficult part, the nose and the eyes. I used Liquify in the "Filter" menu, and simply moulded the nose and the eyes into that of a Na'vi's face, while checking back and forth on actual screenshots.

For the nose use the Forward Warp Tool to make it more flatter (from the Liquify options) and for the eyes use the Bloar Tool to make them more bigger .

nose eyes liquify

Extra styling: The lips of the model are very big, try to make the smaller with the Forward Warp Tool.

smaller lips

Step 08

Na'vi irises are considerably larger than human irises in relation to the size of the whole eye.

Make a new copy of the last layer and with the Eraser Tool make some holes like in the image below:

eye holes

Make a new layer and put it underneath the current layer, here we will put the eyes.

The eyes i used are from the picture below:

avatar eye photoshop

Or you can use the eyes from the official Avatar posters (change the Hue/Saturation to have a yellow color more intense):

avatar_poster_eye
avatar_eye

Use the Polygonal lasso tool to select the eyes, copy and paste them below the layer where you did the "holes".

Enlarge the eyes until you feel the size is good (one eye at a time). Use Eraser to remove imperfections. Adjust the shape of the eye with Liquify.

eyes final

Step 09

For some extra styling we will add some eyelashes, download the brushes from here, and aply them like follow (use your imagination to adjust them until you feel the size is good):

eyelashes

Step 10

Let's put some stripes on our model. Download the zebra stripes patterns from below (right click > save as):

zebra-stripes-pattern

zebra pattern avatar

Add one of those patterns as a new layer. Go to Filter > Liquify and using all the tools make something similar like what i did:

pattern random

Erase the right side:

erase right

Duplicate this layer and go to Edit menu > Transform > Flip Horizontal and join them like in picture example below:

zebra avatar

Make them as one layer. Set the Opacity to 18%. Move the stripes to the model's face:

stripes avatar

Use the Eraser tool to leave only the stripes from the face area. Set the Blend Mode to Soft Light. Repeat the process for other skin areas.

stripes avatar photoshop

Step 11

To add the bioluminescence dots make a new layer and use a small brush, make may dots of different sizes. They're generally pretty heavy on the nose, brow, under the eyes, at the corner of the mouth and running down the neck.

Go to Layer > Layer Style > Blending Options > Outer Glow and set it like this:

lights

Group the layers to a folder (while the dots layers are selected pres Ctrl+G). Set the Blend Mode of the folder to Pass Through.

dot lights avatar

Extra styling: Add some dots on the arms.

arms dots

Step 12

I found a good quality still of a Na'vi ear and imported in into my file, then isolated the ear using Lasso Tool, then re-sized it and placed it where I wanted it to be.

To make the ear more real, go to Filter Men > Filter Gallery, the go to the Artistic effects and select Plastic Wrap.

Mask the ears with some hair, use the Dodge Tool to brighten the left ear and the Burn Tool to darken the right ear.

Step 13

This part is the most request from all the tutorial. Let's add some Leather Texture to our model. I've prepared for you a large, clean and high resolution leather pattern.

Lay the leather texture image on top of the face (an other skin areas), and repeat it over as many times as it takes to cover the face. Don't stretch it, just duplicate it. Once you have done this, merge all the layers together (by holding shift and selecting every layer that has the leather texture and goinf Right Click > Merge Layers). Once they are one single layer make sure you erase the eyes and lips with the Eraser tool and change the layer style to Overlay and the Opacity to 15-25% (adjust until you feel the opacity is good). Try to put this layer under light dots layer.

From now it is just adjusting minor details to your image, and adding your own little touches here and there. If you don't manage on your own, download the avatar pattern texture to help you out. Play with it and see different effect from Blending Modes.

avatar pattern texture high resolution quality free download to use

The Final Result

Avatar Font

The font used for the movie is very similiar to Papyrus (windows default). Let's re-create the title effect:

Ok, after that apply Outer Glow and Gradient Overlay layer styles to this layer:

Dramatic Movie Like Effects

This part is only for extra-styling. We are going to play around with the coloring now so go to Image > Adjustments > Color Balance. Select the Midtones radio button and in the three Color Levels boxes, enter these values: +46 +11 +13. Now select the Highlights radio button and enter these values: +26 +16 -10. Again, you can play around with these settings if you want a different look.

avatar photoshop custom job

Now we are going to add some lighting to this layer, so go to Filter > Render > Lighting Effects and select the options like in the image below. Play about with the angling settings until you get something that you like.

Final Result:

avatar movie photoshop tutorial

High Resolution For Study

avatar yourself navi movie tutorial

Finally, we are done with our avatar movie character and poster creation in Photosop. I hope this tutorial helps lead you in the righ direction! Please post you Na'vi Avatar picture that you made from following this tutorial, i would love to see them! And please, if you have any question, feel free to ask, I am here to help!

Comments

  • There are no comments, be first to comment!