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.





Shapes & Styles Redux

Another small batch of tips for those that are knee deep in creating graphics through custom shapes and layer styles.

Adobe Photoshop tutorial - Gradient Styles & Making Dashes

Shine a Light on the Subject
In lighting sometimes you want something to appear as if it's being lit from a single source. A linear gradient overlay can do this but it gives a uniform look to the object. Simply switching the gradient from linear to radial focuses the light in a particular area.

If you'd like the object to look like it's being lit from a direction, click on the object while the gradient overlay palette is still open. You can move around the gradient focus to your whim. Increasing the scale of the gradient helps the effect as well.

Adobe Photoshop tutorial - Gradient Styles & Making Dashes

Forcing a Gradient to Behave
The gradient style in Photoshop will give you some options to fake a lighting pattern but it's limited to the dimensions to your shape. Technically. Very simply, zoom out till you see a view of your canvas, then hold down shift to add another shape to the layer outside the viewable artwork area.

The gradient will follow the new size of the shape allowing you to making more subtle fine tuning of the effect. This usually only applies to very small or very large shapes.

Adobe Photoshop tutorial - Gradient Styles & Making Dashes

Dashed Strokes in Photoshop
Photoshop doesn't yet offer the stroke options of Illustrator or InDesign but a quick dashed line in Photoshop is very easily produced.

First simple make a 2x2 pixel image and fill each two opposing corners with a pixel. Then define this as a pattern (edit > define pattern). Draw out a vector box and choose stroke as a layer style. Change the stroke fill type to pattern and choose your created pattern.

You may need to nudge the stroke width or box itself to line up the dashes correctly, but it's handy for quick and dirty resizing of dashed boxes.

Adobe Photoshop tutorial - Gradient Styles & Making Dashes

When is a Stroke not a Stroke
When it's an Outer glow. For fine tuning a soft edge consider using an outer glow with a tight radius. Overlay a few of them to strengthen the edge. The look will be very close to a normal stroke but with a slighty softer look.

Adobe Photoshop tutorial - Gradient Styles & Making Dashes

Mixing and Matching
While there are some limitations to working with layer effects, most of the time you can recreate some nice effects with judicious use of the gradient tool. Clicking on the gradient bar in the gradient overlay menu will give you the option to change the gradient type.

The option "Noise" can create some nice random effects if it is set to random and you restrict the colours. At the moment you can't reorder the way the effects are stacked but you can create a transparent copy with just one effect if you want to overlay a pattern etc. on top of a shape.

Adobe Photoshop tutorial - Gradient Styles & Making Dashes

Photoshop CS2 and Layer Styles
I treated myself to a crisp new copy of Creative Suite 2 to take advantage of a few new features. Illustrator CS 2 and InDesign CS2 have proven themselves to be workhorses.

However Photoshop CS 2 sits forlornly in the corner, mostly unused. The reason? There is a noticeable lag opening and operating the layer styles palette making this method of working fairly frustrating compared to CS 1 and earlier.

Clearing out large pattern textures and custom shape libraries is recommended but doesn't seem to entirely fix the issue. This appears to be quite a common problem even with 1.5gb ram on a decent processor. So this is a warning rather than a tip.

[tutorial and images © Cian Walsh of AfterGlow Design]
[
Robot Icon from Startly Software's Trans Lucy 2]



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 •