Keep up-to-date with Free tutorials!!


Sign up to our twice-monthly newsletter today for the latest tutorials, interviews and product information.

Sign me up to receive third-party emails from 3dtotal's partners, too!

- Latest news
- Exclusive Shop Offers
- Preview early content
- Plus much more


Not Ready to take that step? OK, Why not just Subscribe to the RSS Feed

submit tutorial
1 | 2
Making Of 'Prince of Persia - Sands of Time' Animated Theme

| Your Rating:
rating star fullrating star fullrating star fullrating star fullrating star half
(Score 4.25 out of 5 after 8 Votes)
| Comments 2
Date Added: 3rd January 2012
Software used:


Prince of Persia is one of the biggest game franchises in the world and doing the marketing art for the HD remakes of all three parts at the same time was a big honor for me. The great thing was that all the artworks that I had to make were going to be released as three separate themes and an additional animated one, which is what this tutorial is going to be about (Fig.01 - top left).

Fig. 01 - Click to Enlarge

All of the themes are available for free download on the PS3 Network.

Main Goals

The most important thing before you start any new project, commission, illustration, etc., is to have your goals and task perfectly clear. For this project the main goal was to create a theme for the PS3 that represented the Prince of Persia franchise, although without the Prince himself (he is a bit different in all three installments and there are already a lot of wallpapers, cover variations, etc., for the whole franchise), in HD Resolution with enough details and some basic mood animations (which is not very easy to make on the console).

Considering the animations that had to be done and the timeframe we had, the obvious choice for me was to make something with some distinct foreground and background elements, and to put in some casual effects, like smoke, minor particles and other stuff to get more depth into the scene.


The first thing to do was to make some very rough thumbnails to get the ideas in my head cleared (Fig.02). I usually make between 10 and 12 more detailed thumbs, but this time I spent only about an hour on them and almost the rest of the day on doing research on the internet about textures and stuff that could be useful for my goals and for the brushes that I wanted like to create for all the paintings. For example, stuff like rock textures, falling leaves, etc.

Fig. 02 - Click to Enlarge


When you have to create a HD image, especially within tight deadlines, you have to be very careful how are you going to proceed with it, because there is no time for mistakes. I personally think that the best way is to use brushes or images from your personal library (images that you have created or that you know you can use freely). Because this way you will still have full creativity in your image and enough time to polish it at the end.

For an image such as this, with caves and underground caverns, I knew that I was going to need a lot of rock details and a lot of overlayed small details in terms of stone-shaped noise. This is something that would make the image more convincing. In the end I came up with two brushes: the detail brush and the rock brush. They are nothing special or complicated, but they gave me a lot of starting details to paint from.

The Detail Brush

It is fairly easy to create a detail brush - the only thing you need is a high resolution grayscale texture, which tiles perfectly and fits the goals you have. If it does not tile correctly, you can always use the Filter > Other > Offset option and to do it yourself. After you are done, you have to save it as a pattern (Photoshop: Edit > Define Pattern). Then you go to the brushes palette (Hit F5), choose any soft brush you like and check the options shown in Fig.03. Leave all the settings on default and, from the texture palette, choose your newly created pattern and set the mode to Color Burn. Scale it depending on the desired quality. Hit the Save New Brush button to save it as a stand-alone brush and you are done.

Fig. 03

From here you can download two example brushes that I have made using the same principle (working with Photoshop CS): NICK Stone Detail Brushes.

The Rock Brush

This is a bit trickier, because the shape is very important. First you need to find some textures that will fully fit your purposes. After that you need to create a pattern (as with the detailed brush) and one brush which you will use as a mask (use it instead of the Soft brush). You have to set the mode to Multiply in order to get more fill in the brush. Also, from Brush Tip Shape you can adjust the spacing of the brush as desired (Fig.04). After you are satisfied with the result hit the Save New Brush button to save it as a standalone brush and you are done.

Fig. 04

continued on next page >

1 | 2
Related Tutorials

Making Of 'K.A.O.S Submarine Control Room'

by Israel Forn├ęs
published on 2009-08-10

Keywords: scene, submarine, room, lights,

rating star nonerating star nonerating star nonerating star nonerating star none (0)
Comments 0 Views 45633

Making Of 'Steam Traveler'

by Andrew Averkin
published on 2010-12-30

Keywords: scene, vehicle, train, locomotive, steam,

rating star fullrating star fullrating star fullrating star fullrating star full (1)
Comments 0 Views 32885

Making Of 'Blade Runner Paris'

by Alexandre Ferra
published on 2013-01-21

Keywords: scene, paris, rain, vehicle, futuristic,

rating star fullrating star fullrating star fullrating star fullrating star full (21)
Comments 3 Views 129585

To Dirt or Not to Dirt

by oxhido
published on 2009-12-09

Keywords: scene, building, church, alley, dirt,

rating star fullrating star fullrating star fullrating star fullrating star full (1)
Comments 0 Views 39708
Readers Comments (Newest on Top)
WDS on Mon, 16 January 2012 5:42am
Nice tutorial. You can submit this tutorials to to get more exposure.
Machen on Wed, 04 January 2012 4:23pm
coool, thanks
Add Your Comment..