Wednesday, July 29, 2009

Create a High Flying Skater Illustration

In this tutorial, we'll be constructing a high flying dreamy scene. First, go to Emil's Article on 10 Techniques That are Essential For Successful Photo Manipulation Artwork to review some techniques on making great photo manipulations by using just a few images. We'll be applying some of those techniques in this design.

You can find the Photoshop PSD files in a directory labeled 'PSDs' that came in the ZIP file that you downloaded. You may wish to look through them briefly before we begin.

image

Step 1

Let's start by making a new white document at 477 pixels by 754 pixels.

image

Step 2

Next we need to make the clean blue sky. To do this we'll make a new layer and name it "Sky." Then with the Gradient tool and the settings below, make a nice clean sky. Also use the colors #0d2027 and #9ec0c1 for the gradient.

2

Step 3

Make a new layer over the "Sky" layer and name it "Noise." Make sure you got your Foreground set to white and Background to black. Then go to Filter > Noise > Add Noise. Use the settings below.

3

Step 4

Now you need to Add a Layer Mask for this Noise layer. Using the Gradient Tool set to the settings below hide some of that noise.

4

Step 5

For the Noise layer set it to 35% Opacity and Multiply.

5

Step 6

Make a new folder over the "Noise" layer and name it "Background Clouds." In this folder make a new layer. We'll use some brushes to make the clouds here. To find the brushes you just need to search for "cloud brush" in Google and you'll find a lot of useful and free brushes. Now using a cloud brush, simply draw a few clouds on the background.

6

Step 7

In this step I will start bringing some stock of a skater from Stock.xchng.

7

Step 8

Using the Pen Tool, simply cut the skater out and leave part of the upper body, as shown below. Do not delete the other image; just hide it, as we'll need some more things from it later.

8

Step 9

Make a selection of the t-shirt and the protection on the right arm. Now go to Image > Adjustments > Hue/Saturation and use the settings shown below.

9

Step 10

Using the Dodge and Burn tools, make the highlights and the shadows of the shirt more visible.

10

Step 11

Now I want to make something like a hole in the right hand. So, make a dark circular shape and place it lower than the "top" layer.

11

Step 12

Double-click on the layer and use the following Blending Options.

12

Step 13

Next we'll move onto constructing the head. Copy a part of the guy's shirt and move the layer down so that it will be behind the guy. Place the piece where you want it and mask it. Then using the Dodge and Burn tool, you need to make it look better and maybe make more wrinkles. Double-click on the layer and use the settings below for the Blending Options.

13

Step 14

Next we'll add some legs. The reason I did not kept the original legs is because I want some different legs in here. The legs we'll use are the same legs used in the Water effect photo montage tutorial I wrote. You can find the image of the legs here. Just cut them and place them into position. You may need to transform it to fit in place.

14

Step 15

Next you need to go back to the full image and cut the skateboard out. Then rotate the skateboard a little and also remove the left shoe. Notice that when you remove the shoe you'll leave a hole in the skateboard. You'll need to cover that hole using the Brush and Clone tools. Remember that when you take a piece of a photo you need to retouch and work on the details.

15

Step 16

In this step I will bring another stock. This time I have bought this nice image of pigeons from iStockphoto. Then crop it, resize it, and position it into place.

16

Step 17

It's time to make the stars. Set the brush to the following settings. Then after you draw a few stars in a new layer, name it "Stars" and use the settings shown below for the Blending Options.

17

Step 18

Using the same Brush settings, but this time with a larger brush size, make some sparkles over the subject. The layers you are making these sparkles need to be over the subject layer.

18

Step 19

For the next step I will have to go to Windows because I will use Xara 3D to make my 3D text. The program is not available for Mac. Note: If you do not have this program, than use a 3D program of your choice to make the text.

Open up Xara 3D. Then press the Text button and write the letters you want to use. In this case, I made each letter of "S, K, A, T, E." Also, select your desired font. I chose a simple sans-serif Font. Use the settings shown below. Also, you'll need to rotate the letter to your desire and then export each letter individually. I exported them as PNG's.

image

19.2

19.3

Step 20

Next you need to bring the letters into the design. Scale them and transform them as you wish. I have moved each letter into separate folders called "S," "K," "A," "T," and "E." This is because I'm going to go through each letter and add some details. I want to make them look more interesting. You will also probably need to mask some parts of the letters.

20

Step 21

We'll play with the letter "S" first. Make a selection as shown below and create a new layer. Fill the layer with black and set it to 50% Opacity.

21

Step 22

Using the Pen Tool, make a shape as shown below. Then use the settings below for the Blending Options.

22

Step 23

Using the Dodge Tool, make some light on the shape. Then using the Pen Tool again, make some paths. Then fill them with white into a new layer. Then simply set them to Lighten with an Opacity of 23%.

23

Step 24

Next you need to use these same techniques again for the rest of the letters.

24

Step 25

Don't forget some details, like reflections and shadows.

25

Step 26

In this step, let's add some more clouds. Make a new folder and in this folder we'll add a few clouds using the cloud brush you found.

26

Step 27

Next I will use this image to select some balloons from. Crop one balloon and move it into place.

27

Step 28

Next you need to change the color of the balloon. Go to Image > Adjustments > Hue/Saturation and use the following settings. Then go to Image > Adjustments > Color Balance and use the settings below.

In the end, you'll have to use the Dodge Tool and Burn Tool to add some shadows and some highlights to the balloon. And last you'll need to draw using the Brush Tool, a simple line and maybe a curly line that will hold the balloon down.

28

Step 29

Next you can use the same balloon, but use different settings and different colors or reshape the balloon to make it distinct.

29

Step 30

Next I'll get from the original image of the skater his hat and his hand. Then place them into position.

30

Step 31

Next we're going to use some floral brushes. Just search for Floral. Use the settings below for the brushes and place them as I did.

31

Step 32

Repeat Step 31, but this time make a bigger brush and place it to the head.

32

Step 33

In this step, I we'll go back to one of Fabio's tutorials and make some nice lines as he shows you in Step 14.

33

Step 34

The work is almost finished. You just need to add some more highlights and effects to the image. Use the same techniques I showed you in the HTC Touch Diamond tutorial to finish the image. Below are some progressive changes to the final image for you to follow along.

image

34.2

34.3

Final

What is left for you to do in the end is play a little with the curves and maybe make the image look vintage. I have included in the tutorial PSD files some very useful actions you could use. I hope you learned something from this tutorial. Take care and keep reading PSDTUTS. ;)

Final

Nice Flower

image

Let's Start: First the images below u can use it >>For me i use the first one




Step1: First use the Pen Tool(P) and make selection for the flower and separate it in new layer
AS shown in the image below the layer with its background and another layer for the body of the flower

Step2: On the Layer palette click the part marked in the image below and then select Hue/Saturation and insert the parameters as shown in the image below

AS u see the image converted to black/white colour
Step3: make selection using PEN Tool(P) for the part shown in the image below as half of the flower petals then right click and Make Selection and chose 0 pxs as feather radius as shown in the third image



Step4: after making ur selection >>chose the mask as in image below and then>>select the Brush Tool(B) and with suitable smooth round brush and select Black colour for the foreground and make the flower petals colour
HERE >>i will explain how to use the mask features
First:::: select Brush tool and Black as foreground and fill the selectrd area with the brush will colourize the selected part as shown in the image below
Second:::: select the Brush tool and White for foreground and fill the selectrd area with the brush will decolourize the selected area as shown in the image below
SO: u can use this technique if u make some thing wrong u can repair it
Step5: By the same way select another part of the flower as shown in the image below and make the same steps for giving the colour (the original colour og the flower)

Step6: as shown in the image below again using Pen Tool(P) and right click then >>Make Selection and chose 0 pxs as Feather Radius
And on the mask >select Brush Tool(B) and set Black for foreground and fill the selection with the brush as it will converted to acolourized area (the original colour of the flower)
U can also use the same way to colourize the stem of the flower

Step7: Finally >> make the selection on the above layer on Layer Palette and as previous make Hue/Saturation as explained last time
And make the parameters as shown in the image below and make Colorize active

Then PRESS Ctrl+I so that the mask is converted and the original pic. appear again
Step8: Here we make another mask but the mask here Hide All (if u can't understand this part plz send me ) as here to colorize the selected part u have to chose Pen Tool(P) and make ur selection for one or more petals as shown in image below and then >>select Brush Tool(B) and set White as foreground colour and fill the selected area with the brush so the selected part will colourized ((as the first mask was Reavel All and to colourize we chose black not white))
Step9: Again the same steps as on standing on the above layer and select Hue/Saturation and set ur parameters (NOTE:ur parameters in this window will guide u to chose ur colour) so u can use ur parameters and chose ur colour
Then PRESS Ctrl+I so again the image return to the ORG pic. Then>>select Pen Tool(P) and make ur selection for one or more petals as shown in image below and then >>select Brush Tool(B) and set White as foreground colour and fill the selected area with the brush so the selected part will colourized
Step10: Again the same steps as on standing on the above layer and select Hue/Saturation and set ur parameters
Then PRESS Ctrl+I so again the image return to the ORG pic. Then>>select Pen Tool(P) and make ur selection for one or more petals as shown in image below and then >>select Brush Tool(B) and set White as foreground colour and fill the selected area with the brush so the selected part will colourized
Step11: Again the same steps as on standing on the above layer and select Hue/Saturation and set ur parameters

Then PRESS Ctrl+I so again the image return to the ORG pic. Then>>select Pen Tool(P) and make ur selection for one or more petals as shown in image below and then >>select Brush Tool(B) and set White as foreground colour and fill the selected area with the brush so the selected part will colourized
Step12: the most important part in this tutorial to give some reality to ur Design change the Blend Mode for all layer that contain Mask to Darken

Final Image: use some the GLOW Brush to give nice look to ur image