Photoshop Support - Main Photoshop News Photoshop Tutorials Photoshop Tools Photoshop Resources Photoshop Site Map
photoshop tutorials
photoshop tutorials - top logo
free Photoshop tutorials from Cian Walsh

free Photoshop tutorials from Cian Walsh
back to Photoshop tutorials by Cian Walsh - main page
Learn Photoshop CS2 (Photoshop 9) on our Photoshop CS2 Tutorial Page.
Blog Templates — Blog Design Tips And Resources.





Custom Shapes And Layer Styles

If you are a regular user of custom shapes in Photoshop, here are a few tips on using them when combined with layer styles. The benefits of using custom shapes for smaller work are the ability to scale losslessly and to experiment with color and effects by way of saved layer styles.

Adobe Photoshop tutorial

Getting Artwork From Illustrator Into Photoshop
To paste a path from Illustrator make sure the AICB option (Preserve Paths) is switched on in Illustrator (File Handling and Clipboard Preferences). This will allow you the option of pasting the path as a shape layer.

Saving New Shapes
With the Path selected, go to Edit> Define custom shape. It is then added to your library.

Getting New Shapes
Use the great Adobe Exchange Studio to find great new shapes.

Working With Layer Styles
When adding some depth to a custom shape, consider experimenting with building up layer styles one by one. Often taking an existing layer style from the Styles palette and adapting certain settings, you can get a feel of how the layer styles interact with each other.

Adobe Photoshop tutorial

Using The Pathfinder
To work with the Pathfinder tool in custom shapes, make sure the tool selected is the custom shape tool. You will not be able to paste the path otherwise. Once pasted it works in the same fashion as it does in Illustrator with the ability to save the combined/subtracted etc. shape as a new custom shape. You can use the direct selection tool to move a point or the whole path if you need to fine tune any effect.

Adobe Photoshop tutorial

Blending Effects
Using a layer mask with a custom shape is a powerful way of isolating an effect or area. However the layer style automatically will follow the new outlines of the custom shape if a mask is applied. In the Blending palette, clicking the option 'Layer Mask hides effects" ensures you can do masking without influencing the layer effect.

Adobe Photoshop tutorial

Applying Effects To Multiple Layers.
Simply click on the word effects in the layer palette and drag it on top of any layer you wish to apply the current style to. If you have multiple effects applied to a shape but want to apply just a single style such as "Inner Glow" to another shape, simple click on that effect in the layer palette and drag in the same fashion.

For multiple layers, it is best to link the layers, control click to "copy layer style" and then choose "paste layer style to linked."

Styles Palette & Variations
Keeping a good library of particular effects is very helpful in replicating an effect from a previous project into a new piece. For instance I keep a library of skin tones and light effects to help speed the process of making artwork in a particular style.

The sheer range of options in the layer styles palette means most effects can be simulated including water, fur, grass, glass and metal. A simple switch between layer styles and opacity settings can render an ambulance into a pimped-up van.

Adobe Photoshop tutorial

Wishlist
While I find custom shapes and layer styles to be a great way to work, particularly in Icon and Interface design, there are some niggles. Some of these might have been solved in CS 2 but from what I have gathered, they're still outstanding issues.

  • No way to scale an effect automatically with the scaling of the custom shape. You manually enter a percentage in Layer> Layer Style> Scale Effects.
  • No way to set a default style for certain effects. Opening up the stroke style will always present you with a bright red 3px stroke.
  • Buggy handling of scaling multiple shapes. Sometimes if the path is selected on one shape it will scale only that and no other object.
  • The ability to stack the layer effects in any order. At the moment you have to duplicate the shape to stack effects in a certain way
  • More control with the gradient tool for small work. Very difficult to get a gradient to align with an angled object.
  • Gradient Mesh tool for Photoshop as well.

[tutorial and images © Cian Walsh of AfterGlow Design]



photoshop books
The Photoshop CS2 Book For Digital Photographers
New Book - The Photoshop CS2 Book for Digital PhotographersScott Kelby takes The Photoshop CS2 Book For Digital Photographers to a whole new level as he uncovers the latest and most exciting new Adobe Photoshop CS2 techniques for digital photographers.

His new CS2 version is even bigger, even better, and exposes even more of the pros most closely guarded secrets, including a special chapter which shows, for the first time ever, step-by-step how to how to set-up Photoshop's color management.
Available at Amazon.com (34% off).

photoshop - tutorials, tips & tricks
back to top


PHOTO CREDIT: Banner by Cian Walsh - © 2005


photoshop tutorials - sidebar logo
search the Photoshop Support site
Adobe Photoshop Blog - Photoshop news and comments
Photoshop Blog
News, links and tips.
Adobe Photoshop Blog - Receive Updates via our XML/RSS feed
Inspiring Photoshop Music...
Inspiring Photoshop Music...
Inspiring Photoshop Music...
join our Photoshop Newsletter and win free prizes
Free Newsletter
Free monthly prizes.
Fluid Mask Photoshop Plugin
Fluid Mask Photoshop Plugin
Fluid Mask Photoshop Plugin
Fluid Mask - $10 Off
Fluid Mask Tour
Free Dreamweaver Tutorials and Dreamweaver Templates - Resource Center - Main Page
DW Center - Main
DW Free Tutorials
DW Video Clips
DW Templates
Free Flash Tutorials and Flash Templates - Resource Center
Flash - Main
Flash Tutorials
Flash Templates
Photoshop software & gear at special prices
Photoshop Deals
Photoshop specials.
Turn your Photoshop designs into CSS websites with SiteGrinder - Photoshop plugin.
Turn your Photoshop designs into CSS websites with SiteGrinder - Photoshop plugin.
Turn your Photoshop designs into CSS websites with SiteGrinder - Photoshop plugin.
Turn your Photoshop
designs into websites
with SiteGrinder
Photoshop CS3 Resources - Photoshop 10 news
Photoshop CS3
PS CS3 Tutorials
Adobe Photoshop Elements - resource center
PSE Main Page
PSE Free Tutorials
PSE Free Clips
Lightroom Resource Center - Adobe Lightroom tutorials and news
Lightroom - Main
LR Free Tutorials
LR Resources
Apple Aperture resource center - Aperture tutorials and news
Aperture - Main
Aperture Tutorials
Aperture Reviews
Photoshop Resources
Photoshop Tutorials
Free Tutorials
Photoshop 9 - CS2
Free CS2 Tutorials
Photoshop Brushes
Free Brushes
Photoshop Plugins
Free Plugins
Photoshop Actions
Free Actions
Photoshop Training
Free Video Clips
Free Stock Photos
Free Photos
Free Fonts Directory
Free Fonts
Free Textures
Free Textures
Digital Cameras
Resource Center
Inspiration
Websites & Artists
Photoshop News
Latest News
Photoshop Books
Latest Releases
Color Resources
Color Management
Just For Kids
Photoshop for Kids
How-To Articles
Photoshop Articles
GoLive Site
GoLive Tutorials
Quick Answers
Photoshop FAQ
Get In Touch
Feedback Form
© 1999-2005 PHOTOSHOPSUPPORT.COM
ALL RIGHTS RESERVED - MAY NOT BE REPRODUCED WITHOUT PERMISSION
Some material reproduced by permission of copyright owners
All trademarks mentioned are the property of their respective owners
[this website is intended as a public service]
• navigation bar inspired by Griffin Technology
• website design and development by Futura Studios
web hosting provided by Hostway •