Monday, June 22, 2009

Ring of Fire

Final product:

ring of fire

Step 1: Start off by creating a new image, because details are the most important, the document must be large, make sure it forms a perfect square. For this I set my image size to 2400x2400 px. Set background color to black. Now create a new layer, fill it in black too and name the layer "Base". Make sure you have the default black and white as foreground and background colors, go to Filter > Render > Difference Clouds, apply it 5 more times.

layers

For better results open Image > Adjustments > Levels and click on Auto, and shift the midtones to the right a bit. Hit the Ok button.

levels

Step 2: Now, go to Filters > Render > Lighting Effects and enter these parameters:
Light Type: Spotlight
(Make the light shape a perfect circle as its shown in the image below)
Color: #FFF001
Intensity: 20
Focus: 45

Color: #C80002
Gloss: 40
Material: 100
Exposure: 40
Ambience: 40

lighting

Step 3: Now, open Image > Adjustments > Levels again. Go to the red channel controls and set the dark side in output levels to 100.

red levels

Now, go to the green channel controls and set the Input level for midtones to 0.90.

green levels

Now in blue channel controls set the dark slide in output levels to 50. Hit Ok.

blue levels

Step 4: Create another layer, fill it with white and name it "Fibers". Go to Filters > Render > Fibers, set variance to 6, and strength to 47, hit Ok. Now apply Filters > Distort > Polar Coordinates, choose Rectangular to Polar and Hit Ok. Still on the same layer, go to Filters > Blur > Radial Blur, set parameters to Amount to 100, Blur Method to Zoom and Quality to Best, and hit Ok. Finally for this layer, select all, copy and paste in another new document, flatten it, save wherever you want as: deform.psd and close it.

fibers

Step 5: Now go back to the "Fibers" layer and set it to Hard Light and its opacity to 65%, go to Image > Adjustments > Levels, make sure you are in RGB Channel controls and set the White Output Levels to about 165. This makes the image a little bit more dramatic.

photoshop levels

Step 6: Select the layer named "Base". Go to Filters > Distort > Displace, Horizontal and Vertical scale must be 10, leave the other parameters as default, hit Ok. In the next window you must choose a file, then, select the file deform.psd and hit Ok.

displace

Step 7: Still the "Base" layer, go to Filters > Distort > Glass, and set distortion to 9, smoothness to 12, Texture to Frosted and Scaling to 130%, also check invert. hit Ok.

glass

Step 8. With the eyedropper tool, take a sample from the very brightest yellow of the image, then go to Select > Color Range, set Fuzziness to around 80 and hit Ok. Keep the resulting selection active and create a new layer, fill selection with White color. Deselect and apply Filters > Blur > Radial Blur, set amount to 35, Method to Zoom and Quality to Best. Hit Ok.

color range

Step 9. Now we need to shift colors a little on the layer named "Base", select this layer and go to Image > Adjustments > Levels, select Channel Green and set its midtone Input Levels to 1.50 or until you see a nice warm orange appear in the fire ball.

levels

Step 10. Now select the upper most layer, hit (Cmnd+Shift+A) to select all. Then go to Edit > Copy Merged. Now we need to go to the channels palette and create a new Alpha Channel. Paste the clipboard contents in this new channel. Make sure you are not pasting it in a new layer instead of this channel.

Load this channel as a selection, to do this select it in the channel palette and press the button with the dotted circle shape in the base of the channels palette, then invert this selection by hitting cmnd+shift+i (or you can go to Select > Inverse).

channels

Create a new Layer, name it "HardLight" and fill the selection with a burned red color, I used for it this #3C1111. Set the transfer mode of this layer to Hard Light and keep its opacity at 100%.

color picker

Step 11. We need to mess with the shape of the fireball, in order to be more natural try to get this shape as natural as you can, like a fire cloud or something. Use the brush tool for this, painting gently the borders with black and blend tones with the burn tool at 50% opacity, make sure you fill with black all the borders of the image, keeping the fire cloud in the middle of the canvas but not to much.

Step 12. Merge all layers but Background and rename the layer to "Burn", here is where all of the work pays off. Go to Filters > Distort > Polar Coordinates and set it to Polar to Rectangular, hit Ok. If all worked as expected and you followed all of these steps, you are probably saying something like whoooaa!, exactly like me when I got to this point for the first time, Nice... right?

polar coordinates

Step 13. Rotate the image 180 degrees and reduce it as you want, set the layer transfer mode to Lighten, burn the flames edges that reach the borders with the burn tool set it up at 50%. Duplicate this layer a couple of times and resize them in order to refine the shape of the fire image, do it as you wish. Check the layers in the next step image to get an idea of what you can do, that is up to you.

photoshop flames

Step 14. When you are satisfied with the result, you can enhance the fire effect, make a Merged Copy of all layers and paste it in a new layer, go to Filters > Other > High Pass, apply it with a 6-8 radio and set the layer transfer mode to Soft Light. Paste again and apply a 15 radius Gaussian Blur effect. Go to Image > Adjustments > Hue Saturation and set parameters to Colorize, Hue to 0, Saturation to 40 and Lightness to -5. Hit Ok. When you are done duplicate the background layer, link with all the other layers but the background and hit cmnd+E (or you can choose merge linked).

photoshop layers

Step 15. Turn the image -90 degrees. Hit Enter key to apply.

fire

Step 16. Go to Select > Transform Selection, make it wide as shown

select flames

Step 17. Go to Filters > Distort > Shear. Do as shown in the image.

shear

Step 18. Now Create a new layer and make a circle filled with black, on its Layer Styles add a nice halo effect, use a Drop Shadow for it, Outer Glow and even Stroke to do this. Make it as you wish.

ring

Step 19. Deform the Burned layer until it fits the circle as shown. Hit cmnd+T and drag the lower left handle of the bounds while you keep pressed alt+Cmnd+Shift keys. Hit enter to apply deformation.

fire ring

Step 20. Duplicate the Burn layer, scale vertical to almost 45%, set the horizontal to 100%.

scale fire

Put the fire just below the circle layer and go to Effects > Distort > Polar Coordinates and mark Rectangular to Polar. Hit Ok. Use the image result to enhance the halo in the planet. Set this layer transfer mode to Lighten.

polar coords

Also you can add another copy of this layer to complete the halo at the top, just turn it around -150 degrees.

-150 degrees

Step 21. For the smoke clouds behind make a selection based on circles as shown,

circles

fill this with white in a new layer, apply a large amount of gaussian blur. Now you need to lock the transparency of the layer, (a little check box in the layers palette below the transfers mode menu).

lock transparent pixels

Go to Filters > Render > Difference Clouds and apply over three times. Go to Image > Adjustments > Hue/Saturation and check Colorize, set Hue to 5, Saturation to 85 and Lightness to -49.

hue / saturation

Voila! You're finally finished!

photoshop ring of fire

Sunday, June 21, 2009

photoshop tutorial

A background scenery, dragon image, water splash, moon, fire image and lightning brush.

scenerybg Create a Scary Dragon Sunset Scene in Photoshop

Water splash image. Refer this tutorial for creating splash.

water-splash Create a Scary Dragon Sunset Scene in Photoshop

Dragon picture I got it from www.gee.ru. Copyrights of this picture belongs to the respective owner.

dragon Create a Scary Dragon Sunset Scene in Photoshop

flame Create a Scary Dragon Sunset Scene in Photoshop

Brushes - You can download it from here.

To start, first lets start with taking out the background color from the dragon image.

By using the pen tool or the extract tool from the filter menu we can remove the background color.

Now lets place the edited dragon, on to the scene.

dragon-scr1 Create a Scary Dragon Sunset Scene in Photoshop

Place the water splash on the top layer and below the dragon head layer.

dragon-scr2 Create a Scary Dragon Sunset Scene in Photoshop

Load the downloaded. If you are not familiar with loading the brush follow the step.

Newly loaded brush will be at the bottom.

load-brush Create a Scary Dragon Sunset Scene in Photoshop

Select the lightning brush. change the size to 300. Make a new layer and click once.

Apply a light yellow color (#ffe44d).

dragon-scr4 Create a Scary Dragon Sunset Scene in Photoshop

To create a water depth around the splash - create an oval (#2c392f )as below and apply radial blur from the filter menu.

Change the blur amount to 15.

Place it below the splash layer.

dragon-scr5 Create a Scary Dragon Sunset Scene in Photoshop

Now its turn to give a sunset effect. For this we have to change the settings in the(ctrl+U) hue and saturation panel.

dragon-scr6 Create a Scary Dragon Sunset Scene in Photoshop

The result we be as below

dragon-scr7 Create a Scary Dragon Sunset Scene in Photoshop

Now give some color to the splash. Applylight yellow color overlay (#ffeba7)

Take the flame image and place it carefully inside the mouth of the dragon. It should be in the centre so should look like its coming from the throght.

dragon-scr8 Create a Scary Dragon Sunset Scene in Photoshop

Next apply a gradient from the top to make the sky darker. Select black color foreground and background color to transparent.

dragon-scr9 Create a Scary Dragon Sunset Scene in Photoshop

Arrange the layer just above the scene layer and change the layer blending mode to Overlay.

Place a moon.

Select the dragon layer .

Go the filters > Render >Lighting effects > change the settings as below.

dragon-scr11 Create a Scary Dragon Sunset Scene in Photoshop

The final results will be like this.

fire-dragon-pic2 Create a Scary Dragon Sunset Scene in Photoshop

photoshop tutorial

Hands


Now we will add a Adjustment Layer called Levels. Hold Alt Key, and click on Adjustments Layer button on Layers Palette. Select Levels. Make Sure that Use Previous Layer to Create Clipping Mask is sellected. Then just slide dark arrow a little right.


Levels


As You can see - image is a little darker now. Now we will draw some fire. Make New Layer, select soft brush of the size You will choise, and using dark orange colour (for example #993300) make a "dot". Next use a smaller size with lighter colour (like #ff9933) make another dot. Again, smaller size, lighter colour (for example #ffcc66), and last time, smaller size, lighter colour (#ffff66) and dot.


Fire dot

Now it's time for a little "magic". Use Smudge Tool (R). Pick small, soft size, and make "fire tongues". Just click somewhere inside our dot, click, hold and drag it up. After first move You will know what I'm meaning. Try untill You will be satisfied. Remember that You may change the Strenght parameter. You will use Alt + Ctrl + Z combination lot of times!


Fireball


Now lets make this fire more realistic by adding some light on hands. Go to Quick Mask Mode (Q), select big, soft brush, and "draw" there, where You think that the light should appear.


Quick Mask


Leave Quick Mask Mode (Q), You will see a sellection. We have to inverse it by Select -> Inverse (Shift + Ctrl + I). Select our Hands Layer, and holding the Alt key add another Adjustment Layer called Color Balance (Use Previous Layer... should be sellected)


Color Balance


Now select our Color Balance Adjustment Layer Mask, and using black soft brush "erase" some lights, and using white - add some lights until You will feel that it looks good.


Lights


Next thing will be smal sparks. We have to prepare brush for this operation.

Brush

With those settings draw some sparks over our fire (on New Layer). Lower the Opacity of this layer (in my case it is 64%). Use orange colour picked from our fireball (just improvise).


Sparks


Change again to regular soft brush, use #ffffcc colour (or similar light yellow), select our fireball layer, and make a bright dot inside of it (just for better effect).



My final result:

Final result

Eye Effect by Photoshop


Fig. 1

It's time to have some fun again :)
This is a pretty easy tutorial, but with a little imagination you can make some really funny figures.

Open up a new document - I used white background - and create a new layer called Eyeball.

Select the Elliptical Marquee Tool and make a perfect circle selection by pressing Shift while dragging the selection. Fill your selection with white color and apply these layer styles.


Fig. 2

Now create a new layer - call this layer Eye.

Now drag a new circle selection and fill this selection with your desired eye color.

Then apply some Inner Glow layer style with these settings.


Fig. 3

Create a new layer and call this layer Pupil.

Use the Elliptical Marquee Tool again to make a new circle and fill the selection with black color.

Then make the final layer - call this layer Reflection.

Again use the Elliptical Marquee Tool to make a selection similar to mine in figure 3 - and fill the selection with white.


Fig. 4

Use the transform option (Edit - Transform - Rotate) to rotate the white Reflection layer like shown in figure 4, and nudge the layer up and to the right until you get it into the right position.

And that's it!

Below is a couple of characters I made to give you some inspiration :)

Have fun!