Pages

Monday, August 2, 2010

How to Create A Long Exposure Sunset Image Using Photoshop

Long Exposure Sunset Photoshop Tutorial

Tutorial Details:

  • Program: Adobe Photoshop CS2
  • Version: 9
  • Difficulty: Medium
  • Estimated Completion Time: 1 to 1.5 hours

Resources:

Step 1 - Create a new image

To start off, let’s create a new file, go to the Menu bar and click on File > New and use these settings:

  • Width: 3000px
  • Height: 3000px
  • Resolution: 300 dpi
  • Color Mode: RGB Color; 8bit
  • Background Contents: Transparent

step1_create_new

Step 2 - Create the background

The first step in creating our background is the creation of the sky. Open “Sunset S7 Stock Image “from the folder you’ve saved it into and then drag it to our canvas by using the Move tool (V). With the image on the canvas, click on the layer and then rename it to “sky”. To rename a layer, just double click on the word “layer 1” and you will be able to rename that layer. After that, activate your Transform tool by pressing Ctrl/Cmd + T and transform the image as seen below:

step2a_transformed

Now let’s create the sea. This time, we won’t be opening any sea stock image, for we would still be using the “Sunset S7 Stock Image “. Duplicate that layer by pressing Ctrl/Cmd + J and then activate your transform tool; right click on the image to bring up the contextual menu of the transform tool. As soon as the menu is shown, click on Flip Vertical which should create an illusion of reflection. This layer would serve as the sea. Rename that layer now to “sea”.

step2b_duplicated

Our aim here is to create a pseudo long exposure shot, so we will be applying blur filter effects to produce the desired effect. First, click on the “sea” layer. With that selected, go to the Menu bar and click on Filter > Blur > Motion Blur and input these settings:

  • Angle: 0’
  • Distance: 100px

step2c_motion_blur_for_the_sea

Now click on the “sky” layer and duplicate it; input the same blur filter settings like we used above. Note: When you apply the blur tool on the sky image, the image will be reduced since the Motion Blur technically resizes that image and in turn stretches its overall size. Duplicating the image would fill those missing regions when the Motion Blur effect has been applied.

step2d_motion_blur_for_the_sky

Now we’re finished with the background, so it’s time we group the layers. Click on Layer on the Menu bar and once it opens click on New > Group and change the group’s name to “Background”, you may also click on the Create New Group button from the Layer window.

step2e_group


Step 3 - Insert the Buggy

In this step, we will be adding our subject, the Classic Volkswagen Buggy; open the “Old Buggy” stock image from the folder you’ve saved it into and then activate the Polygonal Lasso tool (L) because we would need to remove the Buggy from its background.

step3a_plt

step3b_plt_cutting

Now after you’ve made the selection, we would need to drag the Buggy from its original image to our canvas. Drag it to our canvas using the Move tool (V) and then rename its layer to “Buggy”. We would need to align it with our background so activate your transform tool (Ctrl/Cmd + T) and pick Rotate from its menu; Rotate the image as seen on the image below:

step3c_rotate_buggy

To create the reflection illusion we would need to erase some parts of the “Buggy” layer. Activate your Eraser tool (E) and input these settings:

  • Brush size: 175px
  • Hardness: 0%
  • Opacity: 100%
  • Flow: 100%

Note: To activate the hardness option click on the drop-down menu beside the word Brush on the Options window.

step3d_brush_hardness

step3e_eraser

Let’s create the reflection for our Buggy. Click on the “Buggy” layer and press “Ctrl/Cmd + J” to duplicate it. Rename that layer to “buggy reflection”. Now let’s apply the same technique we did on our sky image. Transform the image and click on Flip Vertical from the transform tools’ contextual menu.

step3f_flip_vertical

Now let’s make it look more like a real reflection. Left click on the “buggy layer” and go to Filter > Blur > Motion Blur on the Menu bar and input these settings:

  • Angle: 90’
  • Distance: 75px

step3g_motion_blur_car

To improve the authenticity of the reflection we would need to erase some areas. Activate your Eraser Tool (E) and then input these values:

  • Brush size: 400px
  • Hardness: 0%
  • Opacity: 100%
  • Flow: 100%

step3h_eraser_and_move

Now let’s group these layers and name that group: “buggy and its shadow”.


Step 4 - Creating the shadows and the light and correcting the colors of the Buggy

In this step we would be using the Burn tool (O) to darken some light parts of the Buggy; we will be using the Brush tool (B) to create light and shadows and use the Clone Stamp tool (S) to retouch some errors in the Buggy and using the Color Balance to adjust the colors of the Buggy.

Note: Include all the layers that you would be creating on this step within the “Buggy and its shadow” group.

First let’s fix the error in the window which has a reflection from the camera’s flash. First, let’s adjust the zoom level on the Navigator window; input a zoom level of 100%.

step4a_zoom

Activate the Clone Stamp tool (S) and then input these settings:

  • Brush size: 50px
  • Hardness: 0%
  • Opacity: 100%
  • Flow: 100%

To use the Clone Stamp tool (S) first you’d have to click on area which you want to clone (to do this, press Alt + Left-click) and once you’ve selected an area, left-click on the spot you want replaced.

step4b_clone_stamp

The result should be similar to the image below after cloning:

step4c_result

Now let’s adjust the colors of our subject. Click on the “Buggy” layer and then go to the Menu bar and select Image > Adjustments > Color Balance and input these values, respectively:

  • Color Levels: +15, 0, -15
  • Tone Balance: Midtones
  • Preserve Luminosity: Checked

Now let’s use the Burn tool (O) to alter the light on the Buggy.

step4d_activate_the_burn_tool

Activate the Burn tool (O) and input the values below:

  • Brush size: 300px
  • Hardness: 0%
  • Opacity: 15%
  • Flow: 100%

step4e_apply_the_burn_tool

Now let’s create the shadow to where the Buggy is stationed. Create a new layer by pressing Ctrl/Cmd + Shift + N and press OK. You may also do that by going to the menu bar and clicking on Layer > New > Layer or simply by pressing the Create New Layer button on the Layer Window which is represented by a paper-like icon beside the Delete Layer icon (trash-can). Rename the new layer to “shadow”. This layer should be above all the layers that have been created.

step4f_create_new_layer

Activate the Brush tool (B) and input the following values:

  • Brush size: 600px
  • Hardness: 0%
  • Opacity: 25%
  • Flow: 100%
  • Brush Color: 000000

Note: The brush’s color can be changed from the Color Picker menu. It can be activated by clicking either on the “Set foreground color” or “Set background color” on the Tools window.

step4f2_color_picker

step4g_shadow

Create a new layer and rename it to “light”. We will be adding light to the center of the image to improve the sky’s contrast. Put this layer on top of the “shadow” layer.

Activate your Brush tool (B) and input the following values:

  • Brush size: 2500px
  • Hardness: 0%
  • Opacity: 8%
  • Flow: 100%
  • Brush color: ffffff

step4h_light


Step 5 - Create a Vignette

In this step, we would be creating a Vignette to make our subject stand out. To start off, go to the Menu bar and click on File > New and use the same settings we used to create our canvas. (Refer to Step 1). But take note, the background contents should be: WHITE. Once it has been created, go to Filter > Distort > Lens Correction. Find the tab Vignette and use these settings:

  • Vignette amount: -100
  • Midpoint: +50

step5a_vignette_settings

Now that that’s done drag the vignette to our canvas using the Move tool (V) and put it on top of all the layers that we’ve created, and then set its Blending mode to Multiply and its Opacity to 75%.

Note: The Blending mode can be found in the Layer window, the Opacity tab is just beside it. You may also access the Blending mode by double clicking on the layer that you want the Blending mode changed.

step5b_blending_mode_opacity

step5c_blending_mode_2xclick

Step 6 - Adding the Texture

Now we will be adding our texture to give the image a distinct feel and color. Open “Paper Texture 1” and drag it to our image using the Move tool (V). Once it is on our canvas, activate the Transform tool to resize it to fit our canvas.

step6a_fit

Now let’s change its blending mode; input these settings:

  • Blending mode: Soft light
  • Opacity: 20%

After you’ve done that, you’d notice that there are some unwanted lines on the sky which resulted from the texture that we’ve added. We’ll need to remove that and in order to do so; we’ll need the Clone Stamp tool (S). Activate the tool and input these settings:

  • Brush size: 300px
  • Hardness: 0%
  • Opacity: 100%
  • Flow: 100%

step6b_clone_stamp

See the image below for the result of using the Clone Stamp tool.

step6c_removed


Step 7 - Retouch the image

In this step, we will be giving the image a retouch. We will recolor it, and make it more breathtaking. Click on the “Create new fill layer or adjustment layer”.

step7a_click_this

Upon clicking that button pick Solid Color from the menu. Opening the Solid Color from the menu opens the Color Picker box. Upon opening, input these values on the “#” box.

  • #: 000326

When the box closes, change the Blending mode to “Exclusion” and set the Opacity to 40%. Create another Solid color adjustment layer and then input this value on the “#” box.

  • #: ef851e

Change the Blending mode to “Soft Light” and the Opacity to 20% when the box closes. Now let’s create a Gradient Map adjustment layer. Click on “Create new fill layer or adjustment layer” button and choose Gradient Map from the contextual menu.

step7b_gradient

Press OK and once it appears on the Laye r window, change its Blending mode to Luminosity, while leave the Opacity unchanged. Next, let’s create a Color Balance adjustment layer. Once the Color Balance box opens, input these values, respectively:

  • Color Levels: +15, 0, -15
  • Tone Balance: Midtones
  • Preserve Luminosity: Checked

Now, click on the “Create new fill layer or adjustment layer” and let’s make a Levels adjustment layer. When the box opens, input these values:

  • Channel: Blue
  • Input levels: 15, 1.00, 255
  • Output levels: 0, 255

Next, let’s adjust the Brightness/Contrast; create a Brightness/Contrast adjustment layer and input the following values:

  • Brightness: 6
  • Contrast: 5

Let’s create another Gradient Map adjustment layer once again, use the same Gradient like what we used earlier. After choosing the Gradient, change the Blending mode to “Luminosity” and the Opacity to 70%.

Now to boost the Saturation or the overall strength of our image, we’ll be creating a Hue/Saturation adjustment layer. From the “Create new fill layer or adjustment layer” pick Hue/Saturation and input these values as the box opens:

  • Edit: Master
  • Hue: 0
  • Saturation: 5
  • Lightness: 0

Step 8 - Sharpening and saving as PSD

Before merging the layers or flattening the image, you may want to save it as PSD file so you may edit the image again in the future. After that, let’s sharpen the image. Go to Filter > Sharpen > Smart Sharpen and input these values:

  • Amount: 125%
  • Radius: 1.0
  • Remove: Gaussian Blur
  • More Accurate: Checked

Now you may also sharpen it more by adjusting its light and its contrast. To do that go to Filter > Sharpen > Unsharp mask and input these values:

  • Amount: 20%
  • Radius: 50.0 px
  • Threshold: 1 level

Step 9 - Saving the file as a TIFF file and as a Jpeg file

After you’ve done the sharpening, you may flatten the image by right clicking on any layer and clicking Flatten Image. You may want to save it as a TIFF file first, which would allow you to do some quick changes to the image, like adjustment layers and fill layers without reducing its quality. You can view cracks in the image through the Histogram. Finally, save it as a .jpeg image.

Note: Over edited .Jpeg files would reduce the image’s quality, especially in print.

Final Results

The Silent Sun

source:photoshoptutorials.ws/

read more... R�sum�abuiyad

Saturday, July 31, 2010

Pop Art

Pop Art Photoshop Tutorial

Seperate the Colors

The first thing we`re going to do is to remove all shades from the image. The result will be solid shapes of color. Follow the steps below to learn this technique.

Step 1

Open a photo you would like to edit. Resize (Image> Image Size) the image to the output size you would like. It is fine to upscale a low resolution image before using this effect.

image from iStockPro.com

Step 2

Duplicate the layer (Layer> Duplicate Layer or Ctrl+J) and change the blending mode of the new layer to Luminosity.

Layer duplicated and blending mode changed to Luminosity.

Step 3

With the top layer selected, Invert (Image> Adjustments> Invert or Ctrl+I).

After inverting layer.

Step 4

Reduce the opacity of the current layer to 50%.

Result after changing opacity to 50%.

Step 5

Press Ctrl+Shift+Alt+E to create a new layer of the visible and delete Layer 1.


Posterization

Now well add a posterize effect to the image.

Step 6

Activate the Background layer and duplicate the layer (Layer> Duplicate Layer or Ctrl+J). Move the new layer to the top.

Background layer duplicated and duplicated layer moved to the top.

Step 7

Change the blending mode of the new layer to Multiply.

Step 8

Select the top layer and open the Threshold tool (Image> Adjustments> Threshold). In the Threshold tool, drag the input slider towards the left or right to adjust the effect. Or if the default value of 128 is good enough, simply click OK.

Photoshop Threshold Tool


Increase Saturation

Finally, we’ll increase the saturation as the final effect to create this pop art.

Step 9

Select the middle layer and use the Hue/Saturation tool (Image>Adjustments>Hue/Saturation or Ctrl+U) to increase the saturation.

Editing the Saturation with the Hue/Saturation tool

Final Results

Rollover the image below to see the before and after effect

Pop Art Photoshop Tutorial
source:photoshoptutorials.ws/
read more... R�sum�abuiyad

Digital Star Effect

Digital Star Effect Photoshop Tutorial

Digital Star Effect Photoshop Tutorial

Creating the Dots - Part One

First, we'll transform a photo into a series of circles. This is done by combining several filters.

Step 1

Open an image to edit.

Image from iStockPhoto.com

Step 2

Duplicate the layer (Layer> Duplicate Layer or Ctrl+J).

A layer duplicated in the Layers pallet.

Step 3

Select the new layer and apply a Mosaic filter (Filter> Pixelate> Mosaic) with a Cell Size of 8 square.

Applying a Mosaic filter.

Step 4

Apply a Find Edges filter (Filter> Stylize> Find Edges).

Result of the Find Edges filter.

Step 5

Apply a Median filter (Filter> Noise> Median) with a Radius of 2 pixels.

The Median Photoshop filter.

Step 6

To reduce the size of the dots, we'll use the Maximum filter (Filter> Other> Maximum) to enlarge the white areas. Use a Radius of 1 pixel.

Using the Maximum Photoshop filter.

Step 7

Invert (Image> Adjustments> Invert or Ctrl+I).

The thumbnail in the layers pallet should turn from white to black.


Creating the Dots - Part Two

Now we'll create the outline of the circles. This layer will also be reused to create the star effect in the next page.

Step 8

Duplicate the top layer (Layer> Duplicate Layer or Ctrl+J) and change the blending mode to Screen.

Layer duplicated and blending mode changed to Screen.

Step 9

Apply a Find Edges filter (Filter> Stylize> Find Edges).

The Find Edges filter create outlines from the edges.

Step 10

Invert (Image> Adjustments> Invert or Ctrl+I).

Layer inverted.


The Star Effect

In this section, we'll add the star effect. This is done using the motion blur filter.

Step 11

Duplicate the top layer twice (Layer> Duplicate Layer or Ctrl+J).

You should now have a total of 5 layers.

Step 12

Activate the top layer and apply a Motion Blur filter (Filter> Blur> Motion Blur). Set the angle to 45º and the distance to 100 pixels.

Using the Motion Blur filter.

Step 13

Apply an Auto Levels (Image> Adjustments> Auto Levels or Shift+Ctrl+L).

After apply Auto Levels, the motion blur effect should be more visible.

Step 14

Now we're going to do the same steps againusing a different Motion Blur angle on a different layer. Activate the layer below (Layer 1 copy 2) and apply a Motion Blur filter (Filter> Blur> Motion Blur). Simply type a "-" sign in front of the 45º and click OK.

Using the Motion Blur filter on the layer second from the top.

Step 15

Apply an Auto Levels (Image> Adjustments> Auto Levels or Shift+Ctrl+L).

The star effect is now complete.

Step 16

Add a Brightness/Contrast adjustment layer (Layer> New Adjustment Layer> Brightness/Contrast) and adjust the settings to get the results you want.

Increasing contrast using a Brightness/Contrast adjustment layer.


Final Results

Digital Star Effect Photoshop Tutorial

crop-before

source:photoshoptutorials.ws/


read more... R�sum�abuiyad

Diffusion

Adding the Diffusion Effect

Many experienced Photoshop users may already know about this popular effect. For those who don't know, you can apply a quick version of this effect by duplicating the layer, changing the blending mode to Screen, and applying a Gaussian Blur to the new layer. This tutorial goes further by showing you how to filter out the effect from dark areas and how to restore edge sharpness.

Step 1

Open a photo to edit.

Image from iStockPhoto.com

Step 2

Duplicate the layer (Layer> Duplicate or Ctrl+J) and change the blending mode of the new layer to Screen.

Step 3

Add a layer mask to the top layer (Layer> Add Layer Mask> Reveal All).

Step 4

Make sure the layer mask is activated. The thumbnail of the layer mask in the layers window should have a white border around it. If it doesn't, click on the thumbnail to activate the layer mask.

Step 5

With the layer mask activated, open the Apply Image tool (Image> Apply Image). The default settings should be fine. Simply click OK to continue.

Default Apply Image settings. A blending mode of Multiply or Normal will produce the same results if the layer mask is white.

Step 6

Your image should now have a similar glow effect:

Results

Step 7

Click on the thumbnail of the top layer to deactivate the layer mask. With the top layer selected, open the Gaussian Blur filter tool (Filter> Blur> Gaussian Blur). Make sure that the preview checkbox is checked and increase the radius slider until the desired effect is achieved.

Editing the the Gaussian Blur filter settings.


Restore Edge Sharpness

In this portion of the tutorial, you'll learn how to restore the edge sharpness. This portion of the tutorial is optional but we recommend that you follow it on your first try so that you'll be able to see the difference.

Step 8

We need to add another layer mask but Photoshop will only allow one raster layer mask per layer. To get around this, we'll simply group the layer (Layer> Group Layers or Ctrl+G) and add a layer mask (Layer> Add Layer Mask> Reveal All) to the new group created.

Adding an additional layer mask using a group.

Step 9

Click on the thumbnail of the new layer mask. With the layer mask selected, use the Apply Image tool to apply the entire image to the layer mask. The default settings should be fine.

Using the Apply Image tool again.

Step 10

Apply a Find Edges filter (Filter> Stylize> Find Edges).

Find Edges applied to the layer mask.

Step 11

Use the Zoom tool (Z) and zoom in around 300-400% to an a edge. If you look closely at your image, you may be able to notice a thin black outline on the edges. The line is caused by the Find Edges filter.

The thin black outline is noticable on the edge between the skin and hair.

Step 12

To remove the outline, we'll simply blur the layer mask with the Find Edges filter applied just a tiny bit. Open the Gaussian Blur filter tool (Filter> Blur> Gaussian Blur), set the radius to 3 pixels and click OK.

Applying a Gaussian blur to the layer mask with the Find Edges filter applied.

Step 13

Hold shift and click on the thumbnail of the top layer mask to view the image without the layer mask and undo to revert. You'll notice that the layer mask increases sharpness but reduced the diffusion glow effect. If you want to keep the diffusion glow effect, simply disable the layer mask by holding the Shift key and clicking on the thumbnail of the top layer mask.

Without and with a outline layer mask.


Final Results

Diffusion Photoshop Tutorial

source:photoshoptutorials.ws/

read more... R�sum�abuiyad

Lomography

Creating the Vignette

Lomo photos have a strong and noticeable vignette. We'll start off by adding a strong vignette to the photo.

Step 1

Open a photo to edit.

Image from iStockPhoto

Step 2

Follow the steps below according to the version of Photoshop you're using:

  • For Photoshop CS2:
    1. Choose Filter> Distort> Lens Correction.
    2. Inside the Lens Correction filter, adjust the settings in the Vignette section to create the vignette.

      Adding a vignette with the Lens Correction filter in Adobe Photoshop CS2.

  • For Photoshop CS or older:
    1. Create a new layer and select the new layer.
    2. Use the Lasso tool and create an oval selection. It doesn't have to be perfect.
    3. Inverse the selection (Select> Inverse or Shift+Ctrl+I).
    4. Press Shift+Backspace to open the Fill tool. In the Fill tool, set the contents to Black and click OK.
    5. Deselect (Select> Deselect or Ctrl+D).
    6. Open the Gaussian Blur filter tool (Filter> Blur> Gaussian Blur). In the Gaussian Blur window, ensure that the Preview checkbox is checked and adjust the Radius to blur the edges so that a vignette is created.
    7. Reduce the opacity a little. An opacity around 75% should produce good results.



Adjusting the Color

Now we'll change the colors to match those produced by lomo cameras. We won't be using any color adjustment tools. Instead, we'll be modifying individual channels.

Step 3

Inside the Channels pallet (Window> Channels), select the red channel.

Adjusting the contrast of the red channel using the Brightness/Contrast tool.

Step 4

With the red channel selected, use the Brightness/Contrast tool (Image> Adjustments> Brightness/Contrast) and increase the contrast. The higher you set the contrast, the stronger the color effect will be. I found that increasing the contrast by 50 produced the most realistic results.

Adjusting the contrast of the green channel using the Brightness/Contrast tool.

Step 5

Now select the green channel and use the Brightness/Contrast tool (Image> Adjustments> Brightness/Contrast) to increase the contrast by the same amount you did in the previous step.

Step 6

Select back the RGB channel (Ctrl+~) to view the final results.


Final Results

Roll your cursor over the images to see the before and after effect.

Lomography

Lomography Example 1

Lomography Example 2


Lomography Example 3

source:photoshoptutorials.ws/

read more... R�sum�abuiyad