Friday, April 25, 2008

Cut out images with a Pen tool

Image

Open a picture in Photoshop, pick the Pen tool and make sure it’s set on Paths and Add to path area (+).

Image


Here, I want to cut out the Stig from BBC’s Top Gear. If the subject in your picture is detailed and needs more precision to cut out, zoom in and out as you progress.

Image

Make sure you’ve closed the path so it can be made into a selection. It is done when you connect the first and the last anchor point and it’s marked with a small circle near cursor. Fine tune and adjust the path.


Image


Refine and smooth edges (add some more anchor points if you need them). If the space between two anchor points is too big, you can’t precisely control modifications. So adding one in the middle should correct that. Just practice.

Right click on the path, choose Make Selection… and click ok.


Image

Copy and paste the selection to another image that you trying to modify.


Image


You can save this selection as a shape. Go to Path palette. Select the path, then go to Edit / Define custom shape…, name it and click ok.


Image

Image


Open a new document in Photoshop and select Custom shape tool. In small browser, you’ll see saved shape.


Image


Choose preferred color, select Fill pixels and click and drag on canvas to create your shape. If you want to maintain same proportions as the original selection had, hold down shift.


If you select Shape layers first and then create the shape, it’ll create a vector shape. The advantage of vector shape is that it won’t pixelate if you scale it up or down. Remember that you must rasterize the layer if you want to apply some effects (Layer / Rasterize / Layer).


Image

Make a candy cane

Image

Open a new document in Photoshop and choose a size for your picture.

Fill the background with some dark color (use Bucket tool). We need some contrast since the candy cane is white. I’ll go with dark gray (#565656).

Create a new layer (Layer / New / Layer…) and name it Candy cane. Pick the Pen tool and set it like this:

Image

You all know how the candy cane looks like so roughly draw one. In the end make sure you’ve closed the path. The first and the last anchor points are the same.

Image

Now, smooth the edges. Pick the Convert point tool, go over every anchor point and twist and turn until you get rounded shape.

Image

Image

When you’re finally satisfied with the shape, pick lighter shade of gray for foreground. Right click on a selection, choose Fill path…, make sure Foreground color is selected in the next window and click ok.

Image

Image

After that, right click again on a selection and choose Delete path.

Change foreground color to dark red (#941414). Create a new layer and name it Red stripes. Now hold alt and place your cursor on the border between layers Candy cane and Red stripes until it turns into two circles that intersect each other and click.

Image

That will make so called clipping group. That means whatever we draw it’ll be on the cane only, so no need to worry about crossing over the edges.

Select the Red stripes layer (if it’s not selected already), pick Brush Tool (with hardness on 100%) and start painting stripes wherever you want. The stripes will look better if you don’t paint them looking like a school fence. That means try to make them a little less straight. On ends, paint stripes a little short because it’ll give it more of a 3D look.

Image

Create a new layer and name it Thin red stripes. Make a clipping group for this layer also. Choose a lighter red for the foreground color, pick a smaller brush and paint some more stripes.

Image

Now we’ll create a shadow. Create a new layer, name it Shadow and create a clipping group. Pick a bigger, softer brush (around 20px) and set the foreground color to a lighter gray (I’m using #6f6e6e). Again, no fear to go over the edge because of a clipping group, so feel free to paint with the brush half on the candy cain and half outside. Start from the top and go down the left side to the end of the shorter part. The second part is from the bottom of the arch and down the left side all the way down. Try to go from outside in when starting to paint a shadow, because it’ll look smoother.

Image

Set the blending mode of Shadow layer on Multiply.

Create a new layer, name it Primary Highlight and create a clipping group. Set the foreground color to white. Pick a hard, round brush around 20px and paint through the middle of the cane, ends and near the edge where the shadow was applied.

Image

Go to Filter / Blur / Gaussian Blur… and set the radius on 2px. Change the blending mode of Primary Highlight on Overlay and decrease opacity so it looks good.

Image

Create a new layer, name it Secondary Highlight and create a clipping group. Pick a smaller hard, round brush (around 10px) and paint some more highlights. Apply Gaussian blur with a slightly bigger radius (I used 3.3px). Decrease the opacity as you see fit.

Image

In the end, we’ll create a shadow that cane drops. Select Candy cane layer (it should be highlighted blue), right click on it and choose Blending options… Apply Drop shadow and Inner glow with these settings.

Image

Image

I’ve chosen a sharp shadow, but it’s up to you to set these values as you see what’s best for your picture.

Image

Technical sketch

Image
before that, you much learn how to cut images with a pen tool


First, you’ll have to separate the object from the rest of the image. To do that, use the Pen tool. Before you start, check to see if Paths and Add to path area (+) are selected in options.


Image


Create a path around your object.


Image


Sometimes, you have to make two or more selections to finally select the object and not the unnecessary space somewhere in the object (like this space shown on image below). Make a path around outer rim, then switch to Subtract from path area (-) in Pen tool options and make a path(s) around part(s) that don’t belong in final selection. Go to the Path palette and click on Load path as a selection. After that, right click on a selection and choose Delete Path.


Image


Go to Edit / Copy (or press ctrl+C on keyboard) and then open a new document (File / New…). Values in Width and Height are taken from dimensions of copied image from clipboard, so we need some extra space since we don’t need “boxed-in” image. Set higher values just in case. It’s easy to crop the image later if needed.


Image


Go to Edit / Paste (or press ctrl+V on keyboard). Desaturate the object (Image / Adjustments / Desaturate or ctrl+shift+U).


Image


Now go to Filter / Blur / Smart Blur… Set Quality on High and Mode on Edge Only. Radius and Threshold are individual for every picture so it’s up to you to find what the best for your picture is. I’ve used these values.


Image


Invert the image (Image / Adjustments / Invert or ctrl+I).


Image


Go to Edit / Stroke… Set Width as you see the best for your picture, select color and set Location on Inside. You don’t need to modify other options.


Image


Picture that looks like technical sketch…


Image

Tuesday, April 15, 2008

Cartoon Drawing Tutorial-Photo Manipulation Tutorials

Cartoon Drawing Photoshop Images Effect

1. Open an image that you would like to manipulate. Make sure your image is in RGB mode. To check this, go to Image under the menu bar - Mode - RGB Color.
Make a duplicate of this layer as you will be working on this layer going forward.

2. Now we will be applying the Poster Edges filter. To do this, go to Filter > Artistic > Poster Edges.

3. After the Poster Edges effect, we will Adjust the Brightness & Contrast with the values: Brightness Value: 10 Contrast: 30.

4. Now we will do an artistic cut out effect to give it that cartoon look. Go to Filter > Artistic > Cut Out. And this is what you get!

Monday, April 7, 2008

Simple Skin Smoothing in Photoshop

The original image

skin-smooth-1.jpg

As you can see, the girls skin is not that smooth and it also has some imperfections. We'll get rid of them in a few steps:

1. Using the healing brush to remove imperfections

Select the Healing brush (J) and while holding down the Alt key, select an area that you want to use as a pattern:
skin-smooth-2.jpg
Then click on the imperfections to remove them. You may select a different pattern as you wish in order to fit your work area. Using a smaller brush size gives you a more accurate correction.
This is my result:
skin-smooth-3.jpg

2. Smoothing the skin using the Median Filter

We need to make a selection of the skin (we don’t want to smooth the eyes or the hair too).
Press Q to enter the Quick Mask Mode, and using the Brush Tool (B) with the appropriate size, define the needed area:
skin-smooth-4.jpg
Press Q again to get the selection, press Ctrl+Shift+I, right-click inside it and select Layer via Copy:
skin-smooth-5.jpg
Apply the median filter (Filter-Noise-Median):
skin-smooth-6.jpg
Reduce the layer opacity to 80%:
skin-smooth-7.jpg

3. Adding a bump as a final touch

Create a new layer.
Press Ctrl+Shift+Alt+E to merge the layers.
Press Ctrl+J to duplicate the layer.
Apply a Gaussian blur (Filter-Blur-Gaussian Blur):
skin-smooth-8.jpg
Set the blending mode to Soft Light and reduce the opacity to 45%:
skin-smooth-9.jpg

This is my final result:

Click the image for full size
skin-smooth-final.jpg

by Bueaka