Stair-Step Path
- I'm primarily a Blend user with some Design experience, but more traditional Photoshop skills. I am trying to make a simple stair step path, but having difficulties. Hoping that folks more experienced with Design could be of help. I'm trying to make something like I've ASCI'ed below. Ideally, it would be one path or polygon about 30px in line thickness, 1 pixel black border, with rounded ends (although not uniform rounded, with flat-round), rounded elbows/pits and with gradient fill applied (although solid fill could work). (note that was ideally).
*****************
*****************
****
****
*********
*********
What I have been able to accomplish:
- A single color path of thickness 30 with uniform rounded ends. (lacking 1 pixel border).
- A polygon, with square ends, 1px border (but because of only 1 px pits and elbows are square).
- I've tried creating a polygon + 2 ellipse with combine, but when I got to editing the line points, things weren't grouped right and no border.
Any suggestions would be greatly appreciated.
All Replies
- I'm totally lost here. You want to create "one path" to look like what's you've ASCI'd, which looks like 6 paths. Can you give me more clues? Can you create something in Photoshop to better illustrate what you're trying to do in Design?
Sorry to be such a dunce here.
Annie the basic stroke can not be converted to a path at least not in design 1 if you want a black border you will have to copy your line (path) and fill with black and add 2 pixels to your stroke and move it under the gradient line (path)
you can always create a stroke yourself to use
click on the stroke color fill
for the gradient open an already existing gradient and change the fills click on a lower small rectangle on the gradient bar were you want another color go to the color palette and alt click on the color you want
don t forget the alt
if you forget the alt the gradient bar disappears and you get a uniform color (in design1)
not sure this help
using the line tool click drag
Thanks for the illustration, Germaine. I couldn't figure that out for the life of me! :-)
Your explanation was excellent!
Annie- Ah well ...My take on it was:
- or adding anchor points to your line and select the anchor and use the direct selection tool to drag the anchor what I did here or use the convert anchor
- Actually was trying to make the gradient follow the path, so the path looked like a tube. Thanks for the suggestions and was helpful for the path!
- Tubes and shading can be done in ED.Someone posted a tutorial about one way to do it but I do not have the details immediately to hand (stay tuned ... )
- deebs
this was also a good tutorial from Bill Somogyi but his website seems not working any longer
here work I did following his tutorial
png file
design file
