Saturday, January 3rd, 2015

Convert a Shape to Path in Photoshop

Learn to quickly turn a Shape into a Path in Photoshop

Sometimes you get caught in Photoshop working with a shape when what you really want is a path. Luckily it’s easy to convert from one to the other – even if it isn’t obvious how to do it.

Start with the Layers palette open and make sure you have at least one layer in the document in addition to your shape layer. If you don’t, choose Layer > New > Layer and click Ok.

 

Click on the Shape layer in the Layers palette and open the Paths palette.

 

 

You will see the shape path there – double click it and give the new path a new name such as path1 and press Ok.


Now remove the original shape layer by clicking it and press Delete and you will be left with just your path.

 

So there’s a simple but not obvious answer to the question “How do I convert a shape to a path in Photoshop?”

Thursday, January 1st, 2015

Convert a Path to a Shape in Photoshop

When you create a path but you want a shape, here’s how to make a path into a shape in Photoshop

1. First create your path – it should be a closed path. In most cases this will already be done because it is at this point you realise that you have a path but what you really want is a shape.

2. With the Path selected in the Paths palette, choose Layer > New Fill Layer > Solid Color, click Ok, choose a color and click Ok again.

3. If you now look in the Layers palette you will see that you have a Shape layer – the shape having been created from your original Work Path.


Simple when you know how!

 

Saturday, September 13th, 2014

Activate Photoshop’s Full List of Filters

Despite their existence in earlier versions of Photoshop some categories of filters are mysteriously missing from the menus in Photoshop CS6, Photoshop CC and Photoshop CC 2014. This is the default behavior so you won’t find the Artistic, Brush Strokes, Sketch, Stylize or Texture category of filters in the Filters menu. This is a problem if you use these filters so luckily you can bring the filters back when you know how.

It turns out that an option in the Preferences menu acts as gatekeeper for displaying the missing filter categories. To re-enable them, select Edit > Preferences > Plug-Ins…. Then check the box that reads Show all Filter Gallery groups and names. Click OK and restart Photoshop. This will put the filter categories back in the Filters menu.

Now you could have accessed the missing filters from the Filter Gallery but the way the filters are named in the Layers palette is different if you access them from the Filter Gallery rather than from the menu itself. So, if you use Convert for Smart Filters to create a smart object before applying the filters and if you start a filter from the menu then the filter name appears below the layer so you can tell the name of the filter you are applying. This image shows this situation:

If, on the other hand, you start your filter from the Filter Gallery the Layers palette simply shows Filter Gallery – with no indication of which filter you applied. This is what the Layers palette looks like – not very helpful at all.

In short, having the filters back on the menu and selecting them from there is the better option.

Be aware too that the Oil Paint filter was removed from Photoshop CC 2014 so it is gone for good.

Wednesday, September 25th, 2013

Photoshop – 3 ways to make silhouette effects

Learn to make a silhouette in Photoshop and, from that, create an outline of the shape and a pattern fill for the shape. Tools used include the Quick Select tool, Refine Edge, Selection Smooth tool, Pattern Fill Layer, Stroke Layer Style and more.

Transcript:

Hello, I’m Helen Bradley.

Welcome to this video tutorial. In this tutorial I’m going to show you three options that you can use to create silhouettes in Photoshop and I’m using some old vintage clipart to show you how to do this. As usual before we get started let’s have a look and see what it is that we’re aiming to achieve.

I have this image of a red deer head which is an old scanned free image that I found from a public domain site and I wanted to look at some ways that I could use this image in my art but perhaps giving it a little bit of a different flavor. And this is one of the ways that I’m going to show you what we’re doing is making a selection or a silhouette of the deer head and filling it with a pattern or showing it filled as a pattern. This is another one of the options that I’m going to show you how you can create it as an edge effect. And finally we’ll look at creating it as a silhouette itself. So if you’re ready let’s get started working with our image. I have my deer head image here and this is the original scanned image that I downloaded from a public domain website.

The first thing we need to do is to make a selection of the deer head. It’s probably going to be easier to select the white area so I’m going to try with the Quick Select tool and just select over the white areas of the image leaving the deer itself intact and not selected. If I go too far I can hold the Alt key and drag out or I can add to the selection here. I might need to zoom in a little bit to make sure that I haven’t gone too far. This is looking pretty good to me. So I’m going to zoom a bit and let’s just test it by choosing Select and then Refine Edge and that will tell me if I’ve got it right. Well, I’ve got a few areas to tidy up. I’m just going to go back and select those and let’s continue once I’ve made those selections.

Now I’ve done a little bit more work on this image and I’m reasonably pleased with the result that I’ve got. This is what I’ve got so far. I would clean up a few of these areas if I were being a little bit more careful, had a bit more time. But basically that’s a pretty good selection for now. Now that I’ve got that selection I’m going to create a mask from it by just clicking the Layer Mask icon here. And because my mask has gone the wrong way I’m just going to click it and press Ctrl and I to turn it around the other way. We can test the mask by adding a color filled layer beneath the image. Now at the moment this image is a grayscale image so I’m going to convert it first into RGB color mode.

I’m not going to merge it so I’m just going to click Don’t merge. And now that it’s a color image I can add a color background behind this deer head which I’m going to do just so that we can check and see how it’s looking. At this point you could continue working on the image by painting on the mask using black and white so that you get a really, really good selection. But let’s assume that we’ve done that. For our first silhouette effect we’re just going to Ctrl and click on the mask because that will give us a selection of the deer head. I’m going to create a brand new layer and let’s just turn off the existing layer and let’s see what it looks like when it’s filled with black. I’ve pressed D to set the default foreground and background colors.

I’m going to press Alt Backspace to fill it with black and then Alt D to deselect the selection. Now ignoring the slight problem areas we’ve still got a fairly pixelated edge. So I’m going to trash that and go back and grab my mask selection, add a new layer and before I fill it this time let’s smooth it. I’ll choose Select and then Modify and then Smooth and I’ll smooth it by a couple of pixels. And now I’ll fill it. And you can see that this time we’ve got a much smoother edge. And we could smoother by even more pixels and we would get a much better result each time. So there’s one of the options that you have of creating a silhouette from an image. But let’s go one step further. Let’s turn this off and let’s go and get our selection again. I’m going to add a brand new layer.

This time let’s smooth it by three pixels and see if we get a slightly better result still. And I’m going to fill it with a color and it doesn’t matter what color I fill it with but let’s do black for argument sake. And I’m going to deselect my selection. This time I just want the white outline. So, on this fill layer I’m going to take the fill to zero so I’m effectively filling the layer with the deer shape but then turning that off. Now that might sound counterintuitive but look what happens when we select a layer style and add a stroke. I’m going to click on the stroke. You can see immediately we’re getting this stroked outline for this deer head. Now if I want it to be white I can just come in here and I’m just going to type the numbers for white which are 255, 255, 255 and click Ok. I can choose outside or center.

I could even do inside but I think that center is probably going to give me the best results here. And I can size my outline to whatever I want it to be and just click Ok. So that’s a filled layer with the fill turned off but with a white stroke to give us this outline shape. So, so far we’ve got two versions of our silhouette. One’s a black and white and one is an outline. And let’s create another one, a third one. I’m going to take this silhouette and I’m going to duplicate it. So let’s just move that up to the top here and turn the other layers off. Now what I want to do is to fill this area here with a pattern. So I’m going to choose Layer, New Fill Layer, Pattern and I’m going to choose this pattern this square pattern.

But its way, way too big so I’m going to scale it down to about 10 percent, maybe even 5 percent so it’s a nice small pattern. And I’ll click Ok. Now what I want to do is I want to make this pattern fill layer just the shape of the layer underneath and I can do that by creating a clipping mask. So I’ll select this pattern layer and choose Layer, Create Clipping Mask. And so I’ve clipped the pattern to the shape of the deer head. So there are a few options that you have for working with something like a clipart image, this clipart image of a deer head which I then extracted so I was able to do something with it. And what we did with it was to fill the selection with black to create a silhouette.

We can also fill it with black, or any color indeed, make the fill invisible and then stroke it to get a stroked outline. And the final feature allows us to fill the silhouette with a pattern. And if we wanted to we could even go and borrow the white outline from the layer below.

I’m Helen Bradley.

Thank you for joining me for this video tutorial. Look out for more of my tutorials on this YouTube channel. And visit my website at projectwoman.com for more tips, tricks and tutorials on Photoshop, Photoshop Elements, Illustrator, Lightroom and a whole lot more.

Helen Bradley

Saturday, May 25th, 2013

Photoshop Tip – Custom Workspaces

How to Create a Photoshop Workspace Just for You

I like Photoshop to open and “look the way I want to see it”. But sometimes ‘the way I want to see it’ is different than others. I’m fickle – but thankfully Photoshop plays nice with me – the secret is its Workspaces. These Workspaces let me preconfigure my Photoshop screen for various scenarios, to save them so I can reuse them, and to put everything back in its place when I mess them up.

If this sounds like something you could use – here’s how to give your Photoshop window a custom look with workspaces.

The first thing I do is to set up Photoshop the way you want it to look and that means hiding all the panels you don’t want to see and displaying those that you do.

Then arrange them on the screen exactly the way you want to see them. For me, I prefer my toolbar to be in two columns rather than one long one. I like my layers and paths palettes visible but not much else.

Once the screen is organized the way you want it to look, from the dropdown list in the top right corner choose Essentials > New Workspace and type a name for the workspace. Select the options for keyboard shortcuts and menus select and click Save.

You can repeat this process, if desired, and create other workspaces. You might make one for photo-editing, one for collage, one for illustration or one for videoing depending on your own personal needs.

In future you can set up your screen by choosing the workspace of your choice from the dropdown list.

If you move things around and things go a bit crazy it is easy to reset a workspace back to how it was when you last saved it.

To do this, first make sure you are viewing the workspace to reset and then open the Workspace menu and choose Reset .

Likewise you can return to Photoshop’s default workspace anytime by selecting Essentials then click Reset Essentials.

And one last word on workspaces…
If you want to see what’s new in Photoshop CS6 click the New in CS6 workspace and you can see what is new in Photoshop. Open a menu and any new options in it will show as blue on the menu.

Helen Bradley

Sunday, March 17th, 2013

Photoshop – Using Kuler Color Schemes

Learn how to use Kuler color schemes in Photoshop via the Kuler Extension.

This video includes details of how to add color schemes to swatches and how to edit, customize, and create Kuler color schemes inside Photoshop CS4, CS5 & CS6.

Transcript:

Hello, I’m Helen Bradley. Welcome to this video tutorial. In this tutorial I’m going to show you how you can use Kuler colors in Photoshop. In this video tutorial we’re going to have a look at Kuler which is a way that you can find custom color schemes from inside Photoshop.

Now Kuler is also available online but we’re going to work with the Photoshop extension. And that’s been there since CS4. To see it choose Window and then Extensions and then Kuler. And when Kuler launches you get to see some of the color schemes.

Now I last looked for vintage car and that’s in actual fact what we’re going to look for now. So I’ve typed in vintage car and clicked the Search button and here are color schemes that are related to vintage cars. And if I can’t see anything I like there I can click the View Next Set of Themes option and we can go forward to see other themes. Now these themes have been designed by other people and they’re available online. And people put them up online when they create them and then they are accessible for us to use if we want to use them.

So I’m looking for a theme to use for my car. And let’s say that I find one, so let’s just go and find one that we sort of like. I’m thinking this one here. And if I like it I can just click on this arrow icon here and I can add it to my swatches panel. And when I do that it becomes the last five colors in my swatches panel and I can click on any of these colors to add it as my new foreground color. And that allows me to paint on it for example to recolor my car.

Now if I sort of like it but think I like to edit a color for example maybe the red in this, then I can click here and choose Edit this theme. And this opens the Kuler panel but this time in the edit mode. And this is where I can change some of these colors.

For example I can take the red and walk it around to maybe make it an orange. And if I like that then I can use this particular color scheme. If I want to save this theme to my swatches panel I can do so by clicking here, Add this theme to swatches panel, again this time all five colors go into the swatches panel. I could upload it to Kuler if I wanted to and I can name and save the theme.

You can also create your own custom themes here so for example if you wanted to create an analogous color scheme you could do that. So you could just click there and then you can drag around on these sliders to make the color scheme that you want to use. If you want to use a complementary one you can do that and just drag in and out on these colors to create your own complementary color scheme. And if you like it then you can add it to your swatches panel. You can upload it to Kuler.

Kuler is a really handy tool for finding color schemes if you’re not sure what you want to use and so you can quickly and easily find color schemes and add them to your swatches panel. So it can help you get inspiration when you want to use a limited color palette on your images and you’re just not really inspired to find it yourself.

I’m Helen Bradley. Thank you for joining me for this video tutorial. Look out for more tutorials on this YouTube channel. Also visit my website at projectwoman.com for more tips, tricks and tutorials on Photoshop, Photoshop Elements, Lightroom, Illustrator and a whole lot more.

Helen Bradley

Thursday, October 13th, 2011

Photoshop CS6 – What’s on your wish list?

When you’ve been using a program like Photoshop for a length of time, you begin to develop a wish list of things you’d like to see in future versions. Sometimes these are addressed by new releases and sometimes they’re not.

Now I know Photoshop CS5 isn’t that old but there are still things on my wish list that aren’t in Photoshop. Here are some things I’d like to see in the next version of Photoshop:

Give me some Clarity

While Vibrance, which first made its appearance in Lightroom, has now been included as an adjustment in Photoshop, Clarity has not yet made the grade – it’s available in Camera Raw but not in Photoshop itself.

In Lightroom and ACR the Clarity slider lets you adjust the midtone contrast and it gives a much needed boost to the midtones in an image with quite spectacular results. At the top of my list for the next version of Photoshop would be the inclusion of a Clarity adjustment.

Paste into a Selection

One thing I’d love to see in Photoshop is the ability to paste a copied item from one image in Photoshop into a second image but with the copied selection being pasted in at a specific size.

In short, I’d like to make a selection on the target image with the marquee tool and have Photoshop paste the clipboard contents into the marquee area at a size that fits it to the selection.

You can make a selection and paste the clipboard contents into it but the pasted image isn’t resized to fit – I’d like the option to do both.

Print Multiple Images

Having used PaintShop Pro for many years, the feature that I’d love to see Photoshop ‘borrow” from that program is some means of easily assembling multiple images to a layout for printing on a single sheet of paper.

PaintShop Pro has a very smart Print Layout tool which displays images down the left of the screen which you can drag and drop into a page for printing. You can drag to resize the images, right click and size them to a fixed size or add them automatically in position on a pre-designed template – built in or custom made.

Adobe has some workarounds to this problem available: Lightroom 3 has a multiple print feature which is reasonably flexible and simple to use and which I wrote about in this post http://projectwoman.com/2010/02/lightroom-3-print-improvements.html. You can assemble multiple images for printing on a single page through Adobe Bridge but the tool is a little cumbersome and it’s in Bridge and not where most people will expect it to be – in Photoshop itself.

You can add the Picture Package tool back into Photoshop CS4 and CS5 (which Adobe removed in these versions) as I explained in this post: http://projectwoman.com/2011/03/multiple-image-printing-in-photoshop-cs4-cs5.html.

But, workarounds aside, I dream of the day a really smart multiple picture print tool appears in Photoshop.

So, now you know the top three things I’d like to see in Photoshop CS6 – now it’s up to you – what’s on your wish list?

Helen Bradley