Showing posts with label Selective. Show all posts
Showing posts with label Selective. Show all posts

Friday, 17 May 2013

How to Use the Blur Tool in Photoshop to Create Selective Focus

Step 1

Let’s start by adding motion to a static vehicle.
Open image “Car” in Photoshop and duplicate the background layer by pressing Ctrl + J.





Learn How to Use the Blur Tool in Photoshop to Create Selective Focus 1


Step 2

Apply a Motion Blur by choosing Filter > Blur > Motion Blur.





Learn How to Use the Blur Tool in Photoshop to Create Selective Focus 2
Learn How to Use the Blur Tool in Photoshop to Create Selective Focus 3


Step 3

Add a layer mask to the blurred layer by choosing Layer > Layer Mask > Reveal All.
In the layer mask paint with a soft black brush over the car in order to have a motion blur effect on the background only.
I painted with red in the image below the areas which should be painted with black in the layer mask so you can have a reference.





Learn How to Use the Blur Tool in Photoshop to Create Selective Focus 3

And this is how it should look after you’re done:





Learn How to Use the Blur Tool in Photoshop to Create Selective Focus 3


Step 4

Press Ctrl + Shift + Alt + E to merge all visible layers into a new layer and use the Elliptical Marquee Tool to create a selection of the front wheel.





Learn How to Use the Blur Tool in Photoshop to Create Selective Focus 4


Step 5

Apply a Radial Blur by choosing Filter > Blur > Radial Blur. Select Spin and drag the slider all the way to the left. This step will apply a Spin Blur to our wheel, making it look as if it is spinning fast.





Learn How to Use the Blur Tool in Photoshop to Create Selective Focus 5

The wheel should look like in the image shown below:





Learn How to Use the Blur Tool in Photoshop to Create Selective Focus 6


Step 6

Repeat the step above on the back wheel. You should have something like the image below.





Learn How to Use the Blur Tool in Photoshop to Create Selective Focus 7


Step 7

Add a layer mask to the layer with spin blur (Layer > Layer Mask > Reveal All) and use a soft black brush at 50% Opacity around the edges of the spinning wheels to remove any obvious/hard lines.





Learn How to Use the Blur Tool in Photoshop to Create Selective Focus 8


Step 8

Create another layer from all the visible layers by pressing Ctrl + Shift + Alt + E and apply a 700px Motion blur.





Learn How to Use the Blur Tool in Photoshop to Create Selective Focus 9

Here’s the results of Motion Blur:





Learn How to Use the Blur Tool in Photoshop to Create Selective Focus 10


Step 9

Change the blending mode of this layer to Screen and add a layer mask by choosing Layer > Layer Mask > Hide All.





Learn How to Use the Blur Tool in Photoshop to Create Selective Focus 11

Paint in the layer mask over the back of the car to create an illusion of motion.





Learn How to Use the Blur Tool in Photoshop to Create Selective Focus 12

Duplicate this layer by pressing Ctrl + J. Press Alt + Backspace to fill the layer mask with black and move it a bit upwards (press Ctrl + Shift + Up arrow once):





Learn How to Use the Blur Tool in Photoshop to Create Selective Focus 13

Paint in the layer mask with white as shown below:





Learn How to Use the Blur Tool in Photoshop to Create Selective Focus 14


Conclusion

Here’s the final result:





Learn How to Use the Blur Tool in Photoshop to Create Selective Focus 15


Other Photoshop Blur Options

Another cool effect you could add to make an object or a person look like it’s moving very fast is the Zoom Blur.
Open the file “Man” and make a duplicate of the background.
Choose Filter > Blur > Radial Blur and select Zoom option.





Learn How to Use the Blur Tool in Photoshop to Create Selective Focus 10

Add a layer mask (Layer > Layer Mask > Hide All) and paint carefully with a soft white brush to reveal only the running man and some of the ground in front of him. You should have something like this:





Learn How to Use the Blur Tool in Photoshop to Create Selective Focus 11


Another technique for applying focus to an object or a person is to apply a Gaussian Blur to everything but the object/person you want to keep focus on. Let’s try it now.
Open image “Girls” and make a duplicate of the background layer.
Apply a 3.5px Gaussian Blur (Filter > Blur > Gaussian Blur).





Learn How to Use the Blur Tool in Photoshop to Create Selective Focus 12

Now let’s say that we want to put focus on the girl in the middle.
Add a layer mask (Layer > Layer Mask > Reveal All) and with a soft black brush paint over the face and the upper body of the girl sitting in the middle. Try to be careful and not to paint over the background. As you can see the effect is subtle but noticeable:





Learn How to Use the Blur Tool in Photoshop to Create Selective Focus 13

You can use this kind of selective Blur to increase focus of an object, a part of the body (like the face, the eyes) or an area. The only thing to remember is that subtle effects work best.

Learn How to Create Text Animation

Step 1

Start by creating a new document with 1000×300 pixels. Set foreground color to #000000 and background color to #00ae0f. Select Gradient Tool and create a linear gradient.
Learn to Create Text Animation 1

Step 2

Apply Filter > Sketch > Water Paper with following settings (Fiber Length: 5, Brightness: 53, Contrast: 73):
Learn to Create Text Animation 2
Learn to Create Text Animation 3

Step 3

Select Horizontal Type Tool, font Arial Black with 170 pt and update foreground color to #00b75a. Write something like I did.
Learn to Create Text Animation 4

Step 4

Merge all layers (Layer > Merge Layers). Rename layer name to “Original”. Duplicate layer using Ctrl+J and apply Filter > Sketch > Water Paper on duplicated layer (Fiber Length: 50, Brightness: 0, Contrast: 73).
Learn to Create Text Animation 5
Learn to Create Text Animation 6
Rename duplicated layer as “1″. This layer will be our first frame of the animation. Duplicate layer “Original”, move it on top of all layers and rename it to “2″. Apply Filter > Sketch > Water Paper on this layer (Fiber Length: 50, Brightness: 20, Contrast: 73).
Learn to Create Text Animation 7
Learn to Create Text Animation 8
Duplicate layer “Original”, move it on top of all layers and rename it to “3″. Apply Filter > Sketch > Water Paper on this layer (Fiber Length: 50, Brightness: 30, Contrast: 73).
Learn to Create Text Animation 9
Learn to Create Text Animation 10
Duplicate layer “Original”, move it on top of all layers and rename it to “4″. Apply Filter > Sketch > Water Paper on this layer (Fiber Length: 50, Brightness: 40, Contrast: 73). Duplicate layer “Original”, move it on top of all layers and rename it to “5″. Apply Filter > Sketch > Water Paper on this layer (Fiber Length: 50, Brightness: 50, Contrast: 73).
Learn to Create Text Animation 11
Learn to Create Text Animation 12
From now on we will work with Fiber Length. Duplicate layer “Original”, move it on top of all layers and rename it to “6″. Apply Filter > Sketch > Water Paper on this layer (Fiber Length: 40, Brightness: 50, Contrast: 73).
Learn to Create Text Animation 13
Learn to Create Text Animation 14
Duplicate layer “Original”, move it on top of all layers and rename it to “7″. Apply Filter > Sketch > Water Paper on this layer (Fiber Length: 30, Brightness: 50, Contrast: 73).
Duplicate layer “Original”, move it on top of all layers and rename it to “8″. Apply Filter > Sketch > Water Paper on this layer (Fiber Length: 20, Brightness: 50, Contrast: 73).
Duplicate layer “Original”, move it on top of all layers and rename it to “9″. Apply Filter > Sketch > Water Paper on this layer (Fiber Length: 10, Brightness: 50, Contrast: 73).
Learn to Create Text Animation 15
Learn to Create Text Animation 16
Duplicate layer “Original”, move it on top of all layers and rename it to “10″.
Learn to Create Text Animation 17
Duplicate layers “1″ to “9″ and place them as I did.
Learn to Create Text Animation 18

Step 5

Turn off all layers visibility except layer “1″. Select Window > Animation to open animation panel. Click on button highlighted on screenshot below to convert the timeline to a frame animation.
Learn to Create Text Animation 19
Update looping options to “Forever”.
Learn to Create Text Animation 20
Increase delay to 0,2 on frame “10″ of animation.
Learn to Create Text Animation 21
To complete tutorial save animation bu going to File > Safe for Web And Devices. Don’t forget that image must be a GIF.
Learn to Create Text Animation 22

Final Image

Learn to Create Text Animation