Step 1

Create  a new document with black background, for size I chose 980px * 400px however you can change this according to your own preference. Use 72 pixel/inch for resolution since we’re creating an image used for website.

Now let’s make a new brush preset. To do this, firstly select the brush tool with the following brush:

Then apply the following brush dynamics to it:

Shape Dynamics

Scattering

Other Dynamics

Make sure you also select the Airbrush and Smoothing option.

After finishing making this brush, let’s save it as a new brush preset so that we can use it in the future too. To do this, left-click the down tri-angle on the top right and click “new brush preset”:

And Enter the following into the window popup:

Then you will see the brush preset appear in the brush selection window:

Step 2

Create a new layer call “lines”, grab the Pen Tool and draw the following working path:

Hint: hold down Shift key and drag your mouse upwards approximately 45 degree for both archor points.

Then right-click and select the option “Stroke Path”:

Then choose the option “brush” and tick the “Simulate Pressure”:

And you will have the following effect:

Step 3

Still on this “lines” layer, go to Filter > Blur > Motion Blur and apply the following settings:

Then hit Ctrl + F and apply the motion blur filter again, and you will have the following effect:

Apply the following Gradient Overlay blending option to this layer:

Then duplicate this layer 4 times and merge the duplicated layer together, you will have the following effect:

Rename this layer as “lines” after the merge.

Step 4

Again we duplicate the “lines” layers 3 times, and you will see the colour of the the spectrum become clearer:

Then we merge those duplicated layer together, then use the Free Transform tool to resize it into the following:

Then we can use the Warp Tool (Ctrl + T and right-click select “Warp”), transform it into the following shape:

And here is the effect after warping:

Step 5

Now we can really just use our imagination and simply duplicate this “lines” layer a few times, rotate and resize each duplicated layer until the outcome is desirable:

Here is my effect so far:

Merge the duplicate layer together.

We can also add a bit of glowing effect to the spectrum lines. To do this, simple duplicate the merged layer and apply the following Gaussian Blur settings: (Filter > Blur > Gaussian Blur)

Change the blending mode the duplicated layer to “Linear light” and you will have the following effect:

To add some final touches, remember we created a new brush preset in Step 1? We can use it to add some nice dots on the abstract line.

Create a new layer called “dots” on top of all other layers, grab that brush preset and simply paint over the lines:

Then Change the layer blending mode to “Overlay” and you will have the following effect:

Duplicate this “dots” layer and change the blending mode of the duplicated layer back to “normal”, then reduce its opacity to 15% and erase some excessive parts.

You will have the following final effect:

Ok that’s it for this tutorial! Of course you can further enhance this image by adding some more effect, textures and filters.

Here is the final version for this tutorial:

In this Photoshop tutorial we will show you how to create nice unique photo effect from sketch and your photo. We will use many tools in Photoshop and also you will need some skills in drawing as to create this effect you will need to draw sketch. Also in this tutorial you will be able to learn the Photoshop technique how to use sketch and combine it with a real picture, as a result you will get a very unique and fantastic effect.

Final Image Preview

1.Step

Open a new document with (w:900px and h:1355px), and white background.

2.Step

Now open your main image, in this case I used a image of a boy found in Crestock.com. Name this layer “Boy”. Now use the tool of your choice to extract the background photo, I used the Pen tool (press P) and created a layer mask to extract the image.When you finish tracing the path around the image click the right mouse button and choose make selection.then in the layers palette click on the Add layer mask button to extract the image.

3.Step

Now use a simple superimposition technique to draw some elements in the composition. Print a copy of the image and use as a base to add some elements to it. Follow the examples of the images below to get an idea of how to do this. There is no rule in this stage, just follow your imagination.

When you are satisfied with the sketches, scan the sketches and open in Photoshop. Position the sketches above “Boy” layer and use Select -> Color range with fuzziness 120 and hit ok to select the black areas of the sketch. If everything is right you have something like this image. Now name this layer sketch.

4.Step

I used this texture of metal to form the background. You can download this texture here or you can get it by download Psd file of this tutorial below. Open the metal texture an place above background layer, name this layer “Texture”. Change the blend mode layer to Multiply and opacity to 30%. Use Burn tool (press O) to burn some areas in our texture.

5.Step

Create a new layer below the layer “Boy”. Download some water paint brushes and splatter brushes from Deviantart. Use Eyedropper tool (press I), to get a color swatch of the clothing image. Pick a color sample of the shirt, pants and arms. Use different opacities and create a new layer for each color. Then press Ctrl+G and group all brush color tighter, name this group “Body brushes”.

6.Step

Return the “Boy” layer and click the Layer mask to hide some areas of the image. This process will integrate the brush and the sketches in the image. Choose a water paint or splatter brush with black color and use different opacity, start paint over the mask to hide some areas.

7.Step

Create a new layer and name “Shadows”. Select the Lasso tool (press L) and adjust the feather to 30px. Create a shape on the floor to simulate a shadow. Right click, select Fill to fill with black color.

[ad#300postad]

Then go to Filter -> Blur -> Motion blur (angle 0, distance 999px) and reduce the layer opacity to 40%.

Copy this layer press Ctrl+J and reduce opacity to 30%. In the layers pallet select all shadows layer together and press Ctrl+G to group this layers.

8.Step

Create a new layer, name this layer “Line circles”. Select Elliptical marquee tool (press M), hold shift key and draw a perfect circle, then go to Edit -> Stroke: 3px black to color and hit ok.With selection active go to Select -> Transform selection and reduce the size of the circle, use 1px black color this time. Put this layer above “Texture” layer.

Add a layer mask ( click in the layer mask button ) in the layers pallet and hide some areas to create a nice effect. Change color to black and use water paint brushes or splatter brushes with black color and low opacity to hide some areas.

9.Step

Create another layer and name it “Black bars”. Select Rectangular marquee tool (press M), and draw some black bars like the image bellow.

Press Ctrl+T and rotate 45 degrees. One more time press layer mask icon in the layers pallet, select color black and use Brush tool to hide some areas.

When you finish reduce layer opacity to 20% or 10%. Then group (press G) “Line circles” and “Black bars” layers together, name this group “Circle effects”.

10.Step

Almost done. Create a new layer and call this layer “Black lines”. Use Pen tool (press P) and create angles and intersecting lines.

Open brush panel and adjust spacing to 425%, select a hard round brush with black color and 1px, press P to Pen tool right click and choose Stroke path without simulate pressure and hit ok.

Repeat this process in other areas, make some circles too, try make things like angles. Make straight lines and dotted lines on separate layers. Finish this step masking or erase some areas in this lines. Group all black lines layers together.

11.Step

If you want to add a boom box in the composition, follow the steps that were shown above, repeat steps 2 through 6.

12.Step

Last step. Select Eyedropper tool (press I), take a sample of skin color and paint around the eyes. Use low opacity to paint.

Final Result: Hand Drawing Sketch With Photo Effect