Creating a Smoke Fading Effect

		Preparations We will need a close up image of a model, and also the awesome Smoke Brushes Set 1 designed by Falln-Stock. Click here to download the brushes. Click here to download the model image. All rights of these resources belong to their respective owners.

		Step 1 – Setting Up Environment Create a document of size 750 by 550px. Use Gradient tool with foreground color #2B2B2B and background #000000, start a linear gradient from the bottom-left.

		Step 2 – Adding Clouds Create a new layer on top of the Background. Set the foreground color to #000000 and background to #FFFFFF. Go to Filter > Render > Clouds. Set the blending mode of this layer to Color Dodge. Use Soft Eraser tool of size 300px, remove some parts of the clouds as shown in the diagram.

		Step 3 – Cropping the Model Crop your model out with Pen tool and place it close to the clouds on the left. Click here to view more methods for extraction.

		Step 4a – Creating Smoke Duplicate the model layer and use the Rectangular Marquee tool to select the right half of the duplicated model. Go to Edit > Free Transform and stretch the half of model’s face to the right as shown in the diagram. Use Soft Eraser tool of size 300px, fade off the right part of the stretched image.

		Step 4b – Creating Smoke Go to Filter > Distort > Wave. Set the Generators to 5, Type to Sine, Min Wavelength to 10, Max Wavelength to 120, Min Amplitude to 5, Max Amplitude to 35 and both Scale to 100%. Select Repeat Edge Pixels under Undefined Areas.

		Step 4c – Creating Smoke Hide the wavy model for the time being and create a new layer on top of it. Paint a large smoke with color #FFFFFF on the new layer. Position it near to the face as shown in the diagram.

		Step 4d – Creating Smoke On the same layer, paint in more smoke of various shapes and sizes. Note that the smoke has to be connected or close to the skin for better results.

		Step 4e – Creating Smoke Ctrl+left click on the smoke layer to load selection on its luminosity. Unhide the wavy model and apply a layer mask on it with the selection. Delete the smoke layer once the layer mask is created. See the layer shown in the diagram.

		Step 5a – Fading Model Create a new layer above the original model. Use Smoke Brushes of color #FFFFFF, paint in large smokes on the face of the model on the new layer.

		Step 5b – Fading Model Ctrl+left click on the new smoke layer to load selection on its luminosity. Select the original model layer and apply a layer mask on it with the selection. Delete the smoke layer once the layer mask is created. See the layer shown in the diagram.

		Step 6 – Apply Outer Glow Right-click on the original model layer and choose Blending Options. Activate Outer Glow and set the color to #FFFFFF, mode to Color Dodge and size to 5px. You can see a nice glowing border around the edge of the face blending with the clouds at the background.

		Step 7 – Adjusting Colors Create a new Levels Adjustment Layer at the topmost and key in the values 40, 0.75, 255. Create another Hue/Saturation Adjustment Layer above the Levels. Key in the Hue as 190, Saturation as 25 and Lightness as 0.

		Optional You can paint the eyes white to achieve a more mystery feel. Lastly, add some texts to complete the design! Video tutorial is posted at Vimeo Click here to view the final image.

This tutorial shows the creation of one of my images. It shows how I adjust lighting and colours in my images to create this surrealistic turtle. Hopefully, you'll be able to transfer these methods to your own work.

The full version of the result can be viewed here: Full size surreal turtle.

I'm using Photoshop CS5 running on a Macbook Pro, so some stages may differ for some people. Before photoshop CS3, a gradient map is known as "Gradient Fill".

These are the sources I used in the creation of the image, special thanks to Night Fate for providing the background:

Turtle - Night Fate - Desert - Sky - Elephants - Gazelle
Stream - Grass - Tree 1 - Tree 2 - Tree 3 - Tree 4 - Tree 5

End result:
Create a Surreal Turtle Image Final Image

Step 1

I rarely sketch out my ideas, because blending sources this way is not very complicated, but it is important to have a feel of what you want to create, as well as the atmosphere, before you actually start working.

Like with any image in which sources are being used, selections are the first stage. We want to isolate every source so that we can create our own composition.

Below you can see the background sources and the main object, in this case, the turtle.

Step 2

When an image is imported into photoshop, it's known as a Background Layer This means that there is no layer below that one. To be able to remove the sky from Night Fate's background, we need to make this a workable layer.

Step 3

The Pen Tool is my preferred tool for extracting an object, because it's a very versatile tool that once mastered can be used to accomplish almost anything. Draw a path by pointing and clicking around the area you want to delete. The selection doesn't have to be perfect, photoshop has an extensive range of Edge Refining tools that will make any mistakes easy to clear.

Step 4

Delete the original sky, like shown below, so that the new sky can be imported. An interesting sky is very important to most images, because it helps create an atmosphere. For images with a "Happy" mood, a clear or partly cloudy blue sky works well. However, for a dark and almost depressing image, a stormy sky conveys the right emotions. With this image i chose a sunset, because it shows a slow passage of time.

Step 5

Once the original sky has been removed, select the new sky and use Ctrl+C to copy it, then go back to the desert background image and press Ctrl+V

Once the new sky is in your image, press Ctrl+T and resize the sky to fit over the image. It's VERY important to hold the SHIFT key down while resizing, to maintain the original proportions of the image.

Step 6

Next, move the 'Sky' layer underneath the 'Desert Layer' and press Ctrl+J to duplicate the 'Sky' layer.

Then go to Filter - Blur - Average

The 'Sky Copy' layer is now the average colour of that sky, with no differing tones. We'll use this layer to match the hues between the Desert and the Sky.

Step 7

Move the 'Sky Copy' layer to the top, and hold the ALT key down. Next, click on the dividing line between the 'Sky Copy' and the 'Desert' layer. This creates a linked layer which acts like a layer mask.

I usually change the blend mode to 'Soft Light' or 'Colour' , but in this case the two blend modes were not strong enough. The blend mode 'Overlay' worked well, and that was the one that was chosen.

Step 8

My Pen Tool selection was quite rough, and some of the original sky could still be seen around the edges. This is the perfect time to use on one of Photoshop's most hidden features, the "Defringe" layer feature. The Defringe option almost perfectly removes any thing white halo around a selected objects.

It can be found under Layer - Matting - Defringe

A value of 1 pixel was chosen.

Step 9

Below you can see the image so far. As you can see, the hues between the sky and desert match together, and there is no white halo around the image.

The next stages show the slight editing of the background, as well as adding all the different sources.

Step 10

The perspective of the Desert layer is different to that of the turtle layer. This can be simply changed by pressing Ctrl+T , next right click and press "Perspective" and pull the bottom two corners as shown below.

Step 11

Using the Pen Tool, make a selection around the turtle, then press Ctrl+T and resize and move it into position.

The next step is to match the lighting of the turtle to the rest of the image. Create a new layer and call it "Lighting" next link the layer with a clipping mask like described in Step 7.

Step 12

Using a soft brush at about 70% opacity, begin to build up lighting and shadow layers, once you're done, change the blend mode to "Soft Light"

This creates a subtle change in lighting.

Step 13

Next create another linked layer above the "Lighting" layer and name it "Inner Shadows", then using a low opacity brush paint along the bottom of the turtle. This again helps to create a subtle change in lighting.

Step 14

Of course, no image would look at all realistic without a shadow. Paint a shadow along the bottom edge of the turtle on a new layer below the "Turtle" layer. Name this layer "Shadows".

Once you're done, blur this layer as shown below. This helps to create a nice, soft shadow.

Step 15

Most of my shadows consist of two or three layers. Add a new layer named "Shadows 2" above the original shadow layer, then paint a shadow that covers a larger area around the turtle, like shown below. This layer needs to be blurred almost twice as much as the first shadow was.

Once you've done that, change the blend mode to "Soft Light"

Step 16

This step shows how the image looks so far. As you can see the lighting on the turtle closely matches that of the background and a convincing shadow is in place.

Step 17

The next few steps are very similar to ones shown above, with layers being linked and blended together with the layer mask.

Select the sand roughly and copy and paste it into the main composition, then move this new layer underneath the lighting layers on the turtle.

Step 18

Resize the "Sand" layer to fit the turtle and add a layer mask. Use this layer mask to delete the areas where there is no shell.

Do the same with the "Grass" layer.

Step 19

Use the Layer Masks to make a transition between the grass and sand layers.

Step 20

Import the pre-masked tree files into your composition and resize them to fit around the shell. The trees were added to show the difference in dimensions. This shows that either the turtle is huge, or the trees are tiny.

Step 21

Remove the lower parts of the trees and in a similar way to the shadows on the turtle, add the shadow for each tree.

Step 22

Use a soft brush to pain the new lighting on the trees, add each of these on a new linked layer with a Clipping Mask. Again, i'll spare you the details because they've already been described.

Step 23

Below you can see the image so far.

Step 24

Roughly select the Stream and import it into the composition, then resize it on the turtle's shell. Add a layer mask to this layer so that it can be blended better with the rest of the image.

Step 25

Erase the unnecessary parts using the layer mask, I also changed the lighting of the stream.

Step 26

In this step, using the same steps as above, i added the gazelles and the elephants, I also grouped each object separately for a more organised layers palette.

Step 27

The next few layers are used to match the colours of the scene, as well as to create a mood for the image. As mentioned below, i've created custom gradients that I use most of the time in my images, but i also use some default ones.

Add a new Gradient Map adjustment layer, and click on the default black and white gradient to enter the Gradient Editor.

Step 28

Add two adjustment layers, one going from Black to Brown to White and another going from Black to Blue to White.

Change the Brown layer to "Colour" and place it below the Blue one, and change the Blue gradient map to "Soft Light"

Step 29

Now, select both those gradient maps and group them by pressing Ctrl+G
Change the opacity to 37%

Next add another custom gradient like the one shown below, this gradient can vary, as long as it goes from a dark colour to a light colour. Change the blend mode to Colour and lower the Opacity to 38%

Step 30

Now add two default gradient maps. The Black and White gradient map should be below the Violet and Orange gradient map. Change the blend mode to the Violet and Orange gradient map to "Soft Light" , then group both layers and lower the opacity to 26%

Step 31

Now add a Colour Balance adjustment layer to give it a different overall hue, change the blend mode to Darken and slightly lower the opacity.

Step 32

Add a Black and White adjustment layer and change the options as shown below, and lower the opacity. Next, add a Photo Filter adjustment level, keep it at the default values.

Step 33

Using a low opacity brush on a new layer, paint the overall lighting adjustments like shown below. Once you're done, the blend mode should be changed to "Soft Light" and the Opacity slightly lowered.

Step 34

On a new layer paint a simple vignette with a large soft brush, lower the opacity to 78%

Step 35

Next, give the image a "Soft Glow" effect by merging all the layers onto a single layer above the others. Do this by simultaneously pressing Ctrl+Shift+Alt+E

Next apply a Gaussian Blur to this layer.

Change the blend mode to "Soft Light" and lower the Opacity to around 50%

Step 36

Below you can see the difference before and after applying the colour and lighting adjustments.

Step 37

That's it! The image is complete.

I hope this tutorial helped you understand the way i match colours and blend images. Thank you to everyone on this site who has taught me so much. :)

Selasa, 25 Maret 2014