Wednesday, December 23, 2009

Lightning Effects

In this tutorial, I’ll show you how to create a speed lighting photo manipulation using different Photoshop techniques, brushes, blending modes and adjustments layers to get realistic motion effect in your photo manipulation. So let’s start!

Final Image Preview

How to Create a Speed Lighting Photo Manipulation in Adobe Photoshop CS4
Create a new document (Ctrl+N) in Adobe Photoshop with the size 1200px by 675px (RGB color mode) at a resolution of 72 pixels/inch. Select then the Paint Bucket Tool (G) to fill the new background layer with black color.

How to Create a Speed Lighting Photo Manipulation in Adobe Photoshop CS4
Find a photo of a car, I used Dodge Challenger photo.

How to Create a Speed Lighting Photo Manipulation in Adobe Photoshop CS4
Remove the background using your favorite tools like Pen Tool (P), Magic Wand Tool (W), Magnetic Lasso (L) or even a simple Filter>Extract and insert it on a new layer.

How to Create a Speed Lighting Photo Manipulation in Adobe Photoshop CS4
Using the Elliptical Marquee Tool (M), make a selection of the car’s wheels:

How to Create a Speed Lighting Photo Manipulation in Adobe Photoshop CS4
Go to Filter menu and select Filter>Blur>Radial blur

How to Create a Speed Lighting Photo Manipulation in Adobe Photoshop CS4
Apply this operation for both wheels:

How to Create a Speed Lighting Photo Manipulation in Adobe Photoshop CS4
Click on Add a layer style icon from bottom part of the Layers panel and select Inner Shadow:

How to Create a Speed Lighting Photo Manipulation in Adobe Photoshop CS4
We’ve got the next shadow on the car:

How to Create a Speed Lighting Photo Manipulation in Adobe Photoshop CS4
Create a new layer and press CTRL button while selecting it both with the car’s layer and finally press CTRL+E to Merge Down. Make a copy of the new rasterized layer, applying on it Filter>Blur>Motion blur

How to Create a Speed Lighting Photo Manipulation in Adobe Photoshop CS4
We’ve got the next motion blur effect on the car:

How to Create a Speed Lighting Photo Manipulation in Adobe Photoshop CS4
Click on the bottom part of the Layers panel on Add a Mask icon and choose a Soft Round brush of black color from Brush Tool (B):

How to Create a Speed Lighting Photo Manipulation in Adobe Photoshop CS4
Clean out the car’s wheels using Soft Round brush

How to Create a Speed Lighting Photo Manipulation in Adobe Photoshop CS4
Find a picture with a city in the night like the next one:

How to Create a Speed Lighting Photo Manipulation in Adobe Photoshop CS4
Insert it on our document, place this layer under the layer containing the car. Using the Free Transform (Ctrl+T), it’s possible to resize it a little and then stretch out the picture with the nocturnal city:

How to Create a Speed Lighting Photo Manipulation in Adobe Photoshop CS4
Go to Filter menu and apply Filter>Blur>Motion blur for the layer of the nocturnal city

How to Create a Speed Lighting Photo Manipulation in Adobe Photoshop CS4
We’ve got the next motion blur effect on the nocturnal city layer:

How to Create a Speed Lighting Photo Manipulation in Adobe Photoshop CS4
Create a new layer and select Soft Round brush from Brush Tool (B)

How to Create a Speed Lighting Photo Manipulation in Adobe Photoshop CS4
Using Soft Round brush, represent the road under the wheels. The brush’s color is #1F393A

How to Create a Speed Lighting Photo Manipulation in Adobe Photoshop CS4
Merge Down road layer and layer containing the car (press CTRL button to select the layers and then CTRL+E). Next we’ll create a reflection of the car. Make a copy of the rasterized layer. Use then the Free Transform (Ctrl+T) option to turn around the copy, placing it as below:

How to Create a Speed Lighting Photo Manipulation in Adobe Photoshop CS4
Click on the bottom part of the Layers panel on Add a Mask icon and select Soft Round brush of black color (Opacity 20%)

How to Create a Speed Lighting Photo Manipulation in Adobe Photoshop CS4
paint on the mask using Soft Round brush to clean out the reflection on bottom part.

How to Create a Speed Lighting Photo Manipulation in Adobe Photoshop CS4
Next we’ll represent three new layers (Create new layer) and select Hard Round brush from Brush Tool (B)

How to Create a Speed Lighting Photo Manipulation in Adobe Photoshop CS4
Represent several lines with Hard Round brush of white color. Each line in a separate layer

How to Create a Speed Lighting Photo Manipulation in Adobe Photoshop CS4
Select Add a layer style from bottom part of the Layers panel and click on Outer Glow. Select the next Outer Glow settings on each layer containing the lines. The Outer Glow settings for first layer’s:

How to Create a Speed Lighting Photo Manipulation in Adobe Photoshop CS4
The Outer Glow settings for the second layer.

How to Create a Speed Lighting Photo Manipulation in Adobe Photoshop CS4
The Outer Glow settings for the third layer.

How to Create a Speed Lighting Photo Manipulation in Adobe Photoshop CS4
We’ve got the next glow on the lines:

How to Create a Speed Lighting Photo Manipulation in Adobe Photoshop CS4
Combine in a group all the layers containing the lightning lines (press CTRL button to select the corresponding layers and then hold on the left mouse’s button while dragging these selected layers on Create a new group icon from bottom part of the Layers panel). Put together the group into a rasterized layer (press CTRL button, select the group and finally press CTRL+E to Merge Down). Go to Filter menu and select for this layer Filter>Blur>Gaussian blur

How to Create a Speed Lighting Photo Manipulation in Adobe Photoshop CS4
We’ve got the next blur on the lines:

How to Create a Speed Lighting Photo Manipulation in Adobe Photoshop CS4
Choose the Free Transform (Ctrl+T) to re-size a little the layer containing the lines by vertical position, placing it as below:

How to Create a Speed Lighting Photo Manipulation in Adobe Photoshop CS4

How to Create a Speed Lighting Photo Manipulation in Adobe Photoshop CS4
Make a copy of the last made lightning lines’ layer and choose again the Free Transform (Ctrl+T) to re-size the copies’ layer into a thin line (by vertical position). Place it as below:

How to Create a Speed Lighting Photo Manipulation in Adobe Photoshop CS4
Select Create new fill or adjustment layer from bottom part of the Layers panel and click to Curves to adjust the curve shape as shown to add more contrast on image:

How to Create a Speed Lighting Photo Manipulation in Adobe Photoshop CS4
We’ve got the next color correction:

How to Create a Speed Lighting Photo Manipulation in Adobe Photoshop CS4
Click again on the bottom part of the layers’ panel on Create new fill or adjustment layer>Curves to add more brightness on image

How to Create a Speed Lighting Photo Manipulation in Adobe Photoshop CS4
We’ve got the next color correction on image:

How to Create a Speed Lighting Photo Manipulation in Adobe Photoshop CS4

Tuesday, December 15, 2009

How to Create Interesting Rainbow Text Effect

How to Create Interesting Rainbow Text Effect

How to Create Interesting Rainbow Text Effect

Here one more tutorial about how to create very interesting rainbow glare text effect.

Let’s start! First of all you should create new document sized 500×500 pixels and fill our new canvas with black color.

How to Create Interesting Rainbow Text Effect 01

After that use the Horizontal Type Tool to add the text line with any color (I prefer to use white color) in the middle of the canvas. The font that I’ve used for this tutorial AvantGarde Md BT. Set up following presets for your text:

How to Create Interesting Rainbow Text Effect 02

You should have the same result as mine:

How to Create Interesting Rainbow Text Effect 03

Ok, after that use Layer > Rasterize > Type to rasterize type layer. Then get out the Rectangular Marquee Tool to create selection as on my picture below and press Ctrl+Shift+J to cut selected letter to the new layer.

How to Create Interesting Rainbow Text Effect 04

After that apply Color Overlay layer style to new layer:

How to Create Interesting Rainbow Text Effect 05

Now we have something like this:

How to Create Interesting Rainbow Text Effect 06

Ok, go back to the text line layer and cut every letter to separate layer in the same way. Apply the same Blending Options to each letter. Use following colors: #074d9d, #0496b7, #00992b, #8c9f09, #a55405 and #9f0929.

How to Create Interesting Rainbow Text Effect 07

After that merge all letters in one layer again and press Ctrl+J to duplicate current layer. Go to lower original layer and apply Filter > Blur > Motion Blur with similar settings to these:

How to Create Interesting Rainbow Text Effect 08

Now we have effect like this:

How to Create Interesting Rainbow Text Effect 09

Ok, looking good, isn’t it? Keep on creating effect. Go to the upper layer and use Select > Load Selection to load selection of our text line. Now, use the Rectangular Marquee Tool and hold Alt button to cut away lower part of selection. Fill selected area with white to transparent gradient.

How to Create Interesting Rainbow Text Effect 10

Ok, we are almost done! Remove selection with Ctrl+D and use the Horizontal Type Tool again to add one more text line. Apply the next text presets for current text layer:

How to Create Interesting Rainbow Text Effect 11

You can see the result below:

How to Create Interesting Rainbow Text Effect 12

Then apply the Gradient Overlay layer style to current text layer:

How to Create Interesting Rainbow Text Effect 13

Now you should have something like this:

How to Create Interesting Rainbow Text Effect 14

Well, I think I’ve pretty much explained all I can for this tutorial. We get interesting rainbow text effect, which you can use in your great designs. Thanks for reading this tutorial everyone, I hope you enjoyed it!

How to Create Interesting Rainbow Text Effect 15