Fazer uma PerguntaFazer uma Pergunta
 

PerguntaStair-Step Path

  • terça-feira, 27 de outubro de 2009 21:59kuoman Medalhas de usuárioMedalhas de usuárioMedalhas de usuárioMedalhas de usuárioMedalhas de usuário
     
    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:
    1. A single color path of thickness 30 with uniform rounded ends. (lacking 1 pixel border). 
    2. A polygon, with square ends, 1px border (but because of only 1 px pits and elbows are square).
    3. 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.



Todas as Respostas

  • quarta-feira, 28 de outubro de 2009 0:58Annie FordModeradorMedalhas de usuárioMedalhas de usuárioMedalhas de usuárioMedalhas de usuárioMedalhas de usuário
     
    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
  • quarta-feira, 28 de outubro de 2009 13:25germaine1 Medalhas de usuárioMedalhas de usuárioMedalhas de usuárioMedalhas de usuárioMedalhas de usuário
     

    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

  • quarta-feira, 28 de outubro de 2009 21:26Annie FordModeradorMedalhas de usuárioMedalhas de usuárioMedalhas de usuárioMedalhas de usuárioMedalhas de usuário
     

    Thanks for the illustration, Germaine. I couldn't figure that out for the life of me! :-)

    Your explanation was excellent!


    Annie
  • quinta-feira, 29 de outubro de 2009 0:31BBB Medalhas de usuárioMedalhas de usuárioMedalhas de usuárioMedalhas de usuárioMedalhas de usuário
     
    Ah well ...

    My take on it was:

    image

  • quinta-feira, 29 de outubro de 2009 12:28germaine1 Medalhas de usuárioMedalhas de usuárioMedalhas de usuárioMedalhas de usuárioMedalhas de usuário
     
    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
  • quarta-feira, 11 de novembro de 2009 14:42kuoman Medalhas de usuárioMedalhas de usuárioMedalhas de usuárioMedalhas de usuárioMedalhas de usuário
     
    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!
  • quarta-feira, 11 de novembro de 2009 20:16BBB Medalhas de usuárioMedalhas de usuárioMedalhas de usuárioMedalhas de usuárioMedalhas de usuário
     
    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 ... )
  • quinta-feira, 12 de novembro de 2009 12:04germaine1 Medalhas de usuárioMedalhas de usuárioMedalhas de usuárioMedalhas de usuárioMedalhas de usuário
     
    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