Official website for Web Designer - defining the internet through beautiful design
FOLLOW US ON:
Author: Steve Jenkins
13th January 2010

Photoshop Week Day 3: Create custom shapes

01

01. Open image
shape-step-1-pic
To get started open your selected guide image. We will be creating a custom shape based on a photograph of a penguin. Any image is OK but something with a bold shape is easier to work with.

02. Outline shape
shape-step-2-pic
First, carefully and precisely as possible make an outline selection. To acheive this choose the Magnetic Lasso tool and work your way around the outline of the penguin. Move around the edge slowly to ensure anĀ  accurate selection.

03. From selection to path
shape-step-3-pic
To create a path from your lasso selection choose Window>Paths. Now click on the Make Work Path From Selection icon at the bottomĀ of the window. Your path will appear in the Paths window.

04. Get into shape
shape-step-4-pic
Now choose Edit>Define Custom Shape and enter a name into the Shape Name window. Choose the Custom Shape tool, click on the arrow beside the Shape title in the Options bar and your shape swatch will appear at the bottom.

05. Locating your custom shape
shape-step-5-pic

You can use your custom shape in different ways by selecting from the Options bar. Select from Shape Layers, Paths or Fill Pixels. There are other ways you can customise it depending on which option you select.

  • Tell a Friend
  • Follow our Twitter to find out about all the latest web development, news, reviews, previews, interviews, features and a whole more.

    3 Comments »

    • Web Design Nepal said:

      Thank you for sharing techniques for creating different custom shapes.

    • Victoria Web said:

      Thanks for this post. I have added a new skill to my photoshop knowledge and this will be very useful.

    • Trulium said:

      Thanks for sharing such great technical skills.Keep going….!!

    What's your opinion?

    Add your comment below, or trackback from your own site. You can also subscribe to these comments via RSS.

    Be nice. Keep it clean. Stay on topic. No spam.

    * Required fields