Friday, 15 July 2011

Photo to Pencil Sketch


(1) Open your original image in Photoshop.
Go to Layer > New Fill Layer > Solid Color, 
call it "Gray Fill," and click OK. 


In the Color Picker, choose a light gray.
(2) Click the "Create new fill or adjustment layer" icon at the base of the Layers palette and choose Pattern from the list. 
Click in the Pattern Swatch in the dialog box, hit the right-pointing arrow, and select Grayscale Paper. 
Choose Fibers 1 from the swatch. 
Increase the Pattern Scale to 340% and click OK. Set this layer to 
Soft Light, and 35% opacity.

(3) Right-click/Ctrl-click the background layer and choose Duplicate Layer, calling the layer "Glowing Edges."
Drag this new layer to the top of the stack and go to
Filter > Stylize > Glowing Edges.
Use these values:
Edge Width 3, Edge Brightness 11, Smoothness 10.


(4) Invert the Glowing Edges layer using
Image > Adjustments > Invert (Ctrl/Cmd+I).
This layer only needs to be black and white, so go to
Image > Adjustments > Desaturate (Ctrl/Cmd+Shift+U).
Set the layer's blending mode to Multiply with an opacity of 15%.


(5) Duplicate the background layer again, calling it "Sketch Layer," and drag this duplicate to the top of the stack.
Desaturate this layer using Image
> Adjustments > Desaturate (Ctrl/ Cmd+Shift+U).
To use the layer as a base for the drawing, increase the contrast a little, by going to
Image > Adjustments > Brightness and Contrast. Drag the Contrast slider to the right to a value of 22.
Now set the layer blending mode to Darken and leave the opacity set to 100%.

(6) We need to add some Noise to this layer to break the image up a little, so go to 
Filter > Noise > Add Noise. 
Use an Amount of 12%, choose Gaussian for Distribution, and check Monochromatic.


(7) Add a Hide All layer mask to this layer using Layer > Layer Mask > Hide All.
To make the drawing, simply scribble on this layer mask using a special brush.


(8) Select the Brush tool and click in the Brush Picker.
Click the right-pointing arrow in the Picker and choose Dry Media Brushes. Scroll down the thumbnails and double-click Pastel on Charcoal Paper.


(9) Hit F5 on the keyboard to display the Brush Options.
Click the Other Dynamics panel and set the Opacity Jitter Control box to Pen Pressure.
Click Shape Dynamics and set the Size Jitter to Pen Pressure.
Set Minimum Diameter to 70%.
Remember, if you are not using a graphics tablet, you must control the opacity of the Brush using the Opacity slider in the Options bar.


(10) Now you can begin sketching...
Be sure that the foreground color swatch is white.
In the Options bar, increase the size of the brush to between 20 and 25 pixels. Now begin to scribble onto the Sketch Layer's layer mask. At first, just concentrate on the main facial features within the image. Use just a little pressure on the stylus, or a very low opacity for the brush.
Scribble loosely over all of the required parts of the image, changing direction often to create a hand-shaded look.

(11) Use plenty of cross-hatch scribble where the strokes overlap in opposite directions. Remember, there is no actual drawing ability whatsoever required here, we are simply scribbling to reveal the layer lying beneath the Layer mask.


(12) Increase the size of the brush a little by using the right-facing square bracket key on the keyboard.
Continue to scribble over the image, remembering to keep the brushwork nice and loose, building up the tones around the features of the face. In the hair, and around the outside of the image, use the brush at a bigger size and make the strokes even more sketchy.

(13) Finally, reduce the size of the brush again and use it with white at full opacity to scribble more into the main features, adding some really dark strokes.















Tip FEEL THE PRESSURE!
In exercises such as this, using a pressure-sensitive graphics tablet has huge advantages over using a mouse. Many of the special brushes in Photoshop, such as the one we're using here, have characteristics that can be set to respond directly to pressure. Although this exercise can be completed with a conventional mouse, the opacity of the brush has to be controlled manually in the Options bar. When using a graphics tablet we can simply apply more pressure to the stylus to create darker strokes. Graphics tablets are relatively cheap nowadays, and stunning results can be achieved with even the most inexpensive models.

Good luck and keep on Photoshopping!

Trippy Colors Effect

Intro:

Create a superb multi-colored photo effect using a stock DJ photo. Below is a before and after picture of what we're going to accomplish with this Photoshop tutorial, note that this is not the original width of the picture.

Trippy Color Photo Effect
Step 1:

First open up an image of your choosing, or you could download mine below.

Trippy Color Photo Effect

Now duplicate the only layer you have so far, do this by right-clicking on it and choosing "Duplicate layer", name this layer Gaussian blur. When your done with that we have to give it a Gaussian blur, go to Filter > Blur > Gaussian blur, and give it a blur of 5.6 pixels, press OK. The last thing we have to do for this layer is modify the layer blend mode and the opacity in the layers palette, so make sure you still have the Gaussian blur layer select then set the blendmode to Screen, and the opacity to 55%.

Trippy Color Photo Effect

OK now we're done.. Looks pretty neat huh? Happy Just kidding, tutorial continues on the next page.
Step 2:

Moving on.. Take out the brush tool Trippy Color Photo Effect, and select a soft brush with a brush size of 90px. Then make a new layer (Shortcut: Ctrl+Shift+N), name this layer Brush red. Set the foreground color to #cc0102, then make some squiggly lines with this brush like so.

Trippy Color Photo Effect

Set the layer blend mode to Screen, leave the opacity as it is on 100%.

Trippy Color Photo Effect
Step 3:

Now basically we have to repeat the first part of step 2 so I won't explain it in detail anymore. Make some squiggly brushes with the same brush size but now with this hex color #10ce01, make sure it's on a new layer! You can go in different directions with your lines if you want, but I wanted it to keep flowing for the first 2 squiggly line layers.

Trippy Color Photo Effect

The blend mode and opacity is different for this layer. Set the blend mode to Soft light and the opacity to 26%.

Trippy Color Photo Effect
Step 4:

Now this next layer is we're going to popout some colors with overlaying the colors we have now with blue, let the magic begin. Change your foreground color to #0000cf, make a new layer and brush some blue in the top right corner like so.

Trippy Color Photo Effect

Set the blend mode to Difference and check out the funky colors! pretty neat isn't it.
Step 5:

Make a new layer again, then press Ctrl+Alt+Shift+E to fill this layer with all visible layers. Then go into transform mode (Shortcut: Ctrl+T) and make the layer a bit bigger by dragging the bottom right corner square down and to the right, Hold shift when you do to keep the original ratio of the image. Change the blend mode to Screen and opacity to 34%. As you can see this gives you a nice doubled effect.

Trippy Color Photo Effect
Step 6:

Make a new layer again and fill this layer with all visible layers, you now know how to Wink Then go to Filter > Sharpen > Sharpen, then press Ctrl+F 1 time to apply another Sharpen. Note: Ctrl+F applies the last filter used.

Trippy Color Photo Effect
Step 7:

Now let's tweak the colors even more by using a few adjustment layers shall we. Make a new layer adjustment, do so by clicking this icon

Trippy Color Photo Effect

in the layers palette, then choose color balance as the adjustment layer and use the following settings:

From left to right:
Shadows: -62, -42, +40
Midtones: -43, +53, +100
Highlights: -38, +12, -28

Trippy Color Photo Effect
Step 8:

Now add another adjustment layer but now choose the Photo filter effect, and use a photo filter of your choosing, I've used the Green photo filter on 25% density. And that leaves us with the final result, hope you enjoyed this photoshop tutorial.

Trippy Color Photo Effect

Tuesday, 12 July 2011

Getting to Grips with the Vanishing Point Filter


hese two tutorials are simple guides about using Photoshop’s Vanishing Point filter in photo editing. We’ll learn some of the basics about making selections, cloning areas, and pasting images into the vanishing point filter window. This is a beginner level tutorial that will help you master the basics on this topic.

Final Image Preview for Part One: Adding Floors to a Building

Before we get started, let’s take a look at the image we’ll be creating.

Final Click

Step 1

The Vanishing Point filter is all about perspective, when you’re editing photography, perspective is one of the most important issues to consider, the Vanishing Point filter helps us to make it easy. This time I’ve got two short tutorials to help you to understand this amazing filter.
The first one it’s about adding realistic floors to a building. Before getting started you’ll need an image to edit, I choose this picture because the perspective is very clean and easy to follow. As a first step, paste the image into a new document, a lot bigger than the original picture, then add a new Color fill layer using the sky’s color as a sample (you can use the Eyedropper tool to get a similar color).
Add a layer mask to the picture layer and paint with a huge brush on it. Delete the sky over the buildings. Finally, merge the sky blue background with the original picture and name the resulting layer "Buildings."

Step 2

Now, go to Filters > Vanishing point, remember when you’re working with the Vanishing point filter, all the editing (paste, select, clone) must be done into the Vanishing Point Filter window and nowhere else. At this point, you’ll only need to draw a reference plane, do this by selecting the Create Plane Tool (C) in Vanishing Point Filter window. You can use the windows as a guide.

Step 3

Select the Edit Plane tool (V) and resize your plane, make it wider and taller as you’ll need. Hit OK to save the Vanishing Point plane. Then create a new layer above the original picture and name it something like "Edited picture." We’re going to add all the painting in this layer to keep the original file handy. Select the new layer and go to the Vanishing Point window again.

Step 4

Now the fun! First, we’re going to clone the pipes to get a higher clean area to select in the next step. Select the Clone Tool within the vanishing point window, it works just like the standard clone tool, but this one keeps the perspective when you’re cloning. Hold the Alt key and click to select the cloning source, try to click over the area of one of the pipes, then just paint up. Without changing the clone source, clone the other two pipes of our picture. Hit OK if you want to see the result.

Step 5

Let’s add some floors next. In the Vanishing Point window, click on the Marquee Tool, and make a selection using two or three buildings, try to make a selection as clear as possible. Next, hold the Alt key and click + drag the selection some pixels up. Do it as many times as floors you want to add, nevermind if there’s some bad areas for now.

Step 6

As you’ll see duplicating the selection isn’t always a perfect process, so as there are a lot of tiny imperfections, use the Clone tool to fix them.

Step 7

Finally, crop the image. Also if you want, add more details, like cloning the windows to create some variants between them, use the Blur tool to blur the hard line between building and sky, and whatnot.

End of Part One

And that’s it! To create a more colorful scene I’d merged the layers, duplicated the result, applied a Gaussian Blur 4px radius to the copy, and change the copy’s Blending mode to Overlay with an Opacity set to 75%.

Final Image Preview for Part Two: Adding a Picture onto a Wall

Before we get started, let’s take a look at the image we’ll be creating.
Final Click

Step 1

This second quick tutorial is about adding a picture onto a real wall. How many times have you wished to see your very own design as a picture over the fireplace? This tutorial will make it really simple get that kind of result into a photo.

Step 2

Go to the Vanishing Point Filter (Filters > Vanishing point), and draw a plane over the pictures on the wall, you can use the ceiling and the pictures as a guide. Expand the plane according your needs, if you want to add more than a picture, or use the same perspective on another wall. You can Command + Click one of plane’s sides and add a perpendicular plane, if you want to modify the new plane’s angle. You can hold the Alt key and drag the mouse, or type the number in the Angle combo box (45ยบ).

Step 3

Now, we’re going to delete the existing pictures on the wall. Select the Clone tool and Alt + Click somewhere above the pictures to catch the cloning source. Also, you can go to Windows > Clone source and select the Show Overlay option to see a translucent sample of the cloning source. Clone the wall hiding all the pictures.

Step 4

As you can see, the cloning process isn’t completely clean. There are two quick and useful tips to make the cloning almost perfect. First, using the Healing Brush tool, clone some areas of the wall. The way to use the Healing Brush is the same than Clone tool.
Once you’ve finished the healing, use the Lasso tool to make a selection over the wall, then press Command + Alt + D to Feather the selection. Also, set the radius between 5 and 10 pixels depending the size of your image. Next, go to Filter > Blur > Gaussian Blur and set the radius between 30 px to 50 px and hit OK. The wall is looking fairly good at this point. If you prefer, you can hide the pictures of other walls using this technique as well.

Step 5

Now we’ll add our own picture to the wall. Copy any image into the clipboard, I’m using the result of one of my previous tutorials on this site for the image. Create a new layer above the base image. Go to the Vanishing Point window, Resize the planes if you want just to use them as a guide, then Paste the image inside (Command + V). After that, drag it over any plane.
Next, using the Transform Tool (T) in Vanishing Point window, transform the image to make it fit exactly into the plane’s boundaries. When you have finished placing the image, hit OK and see the result.

Step 6

When you place the picture into the Vanishing Point window, the result always turns a little bit pixelated. You can solve this issue just by making a selection around the picture using the Lasso Tool, Command + Shift + I to inverse the selection and delete the extra pixels.

Step 7

Now add a bevel to your picture. Select the Pen tool and create a shape, as in the image below, then fill the shape with a dark color.

Step 8

If you take a look at the original file, the light of the window is over the wall’s pictures. So we need to duplicate that lightening. Select the Dodge Tool, set a big soft brush and Exposure to 25%, then Dodge some areas of the picture’s bottom left and all around the surface.

Step 9

Select the "Picture" layer and go to Filter > Blur > Blur, then press Command + F to do it again. Next, convert the "Bevel" shape into a Smart Object (right-click on the layer’s name and press Convert to a Smart Object), then apply the same filter to it twice.

Step 10

Now let’s add a soft shadow to the wall’s picture. Create a new layer below the "Picture" layer and name it "Shadows." Now use a soft 100 px black brush (Opacity 50% and Flow 50%) and draw some blurry lines around the picture, except on the picture’s left side.

Step 11

Now delete some areas of the shadow using a soft Eraser set to 75 px.

Step 12

Change the Eraser’s Opacity and Flow to 50%, and erase over the black shadows. When you have finished, apply a Gaussian Blur with a radius of 5px to the "Shadow" layer.

Step 13

Now paint a black blurry shadow again, but this time using a Soft 50 px black brush (set Opacity and Flow below 50%). Again delete all the extra shadow using a soft Eraser.

Step 14

Finally, select a tiny area on the corners using the Lasso Tool to make them just a little bit rounded. Make the selection and press Command + Alt + F to Feather the selection about 2 pixels. Then Delete the selection. Do this on each sharp corner of the picture.

End of Part Two

The Vanishing Point filter makes it easy to add realistic pictures into an existing scene. Try your own!

Conclusion

The Vanishing Point filter is a useful tool for photo editors and photo manipulators, if you’ve never used this filter, or even if you knew about it, but rarely apply it, start experimenting with it more.
.