Page 1 of 2 12 LastLast
Results 1 to 10 of 11
  1. #1
    Newbie
    Join Date
    Jun 2004
    Posts
    1
    Post Thanks / Like
    Mentioned
    0 Post(s)

    How do I create a curved arrow in photoshop...

    Can anyone please explain how to create a curved arrow similar to what appears in this picture:



    as I would like to be able to have a curved arrow in Photoshop I can change size/shape/colour...

    Or did they just use some sort of clipart with a transparent background for the curved arrow and put it in a separate layer?

    How would I make clip art arrows in Photoshop or Illustrator like this?

    Cheers,
    sleepy

  2. #2
    Member
    Join Date
    Mar 2004
    Posts
    32
    Post Thanks / Like
    Mentioned
    0 Post(s)

    How do I create a curved arrow in photoshop...

    looks hand drawn, or at MOST, an attempt at using the pen tool... just do that, then it looks like they just blurred the end... i'm sure you can come up with something MUCH better than that... that one doesn't look very professional....

  3. #3
    Guru Gaussian's Avatar
    Join Date
    Apr 2002
    Posts
    1,534
    Post Thanks / Like
    Mentioned
    0 Post(s)

    How to create a curved arrow in photoshop tutorial

    Correct, that's a matter of using Paths (pen tool).

    However, there are a couple ways to go about it.

    If you want a simple outlined head...
    1) Draw a curved path, deselect it, then draw an angled path for the arrow head. Select both Paths and Stroke them using a brush that's the width/size you want your lines to be.

    If you want a solid triangular shaped head...
    2) Use the Line tool and set the Options to use the "Vector Shape Layer" setting (1st icon button on the far left of the bar).
    In the Line tool settings also, open the Geometry Options menu and set your line to have an arrow head at the end of it.
    Now draw a straight line, that starts and ends where you want your arrow to start and end.
    Zoom in close on the middle of the line.
    With the Pen tool selected, hold down the ALT key and click on one side of the line. Then click again on the opposite side of the line. This adds 2 new nodes to your path.
    Hold the Ctrl key down and drag out a selection around these 2 new nodes. Then while still holding the Ctrl key, click-&-drag either of the nodes in the direction you want your arrow line to bend.
    Click outside the shape to deselect it.
    Now hold the Ctrl key again and drag out a selection around the 3 corner points on the solid arrow head (tip and both side corner).
    Press Ctrl+T. Click-&-drag on the outside of the Distortion square to rotate your head so it's better aligned to your arrow line. Press the Enter key to apply, then deselect the path nodes.

    You now have 2 types of fully editable curved arrow lines.

    Hope that helps.

    :B

  4. Thanks jchit clicked thanks for this post
  5. #4
    Power User Yutosi's Avatar
    Join Date
    May 2002
    Posts
    285
    Post Thanks / Like
    Mentioned
    0 Post(s)

    How do I create a curved arrow in photoshop...

    Here are some curved arrows that are in a Photoshop PSD file:


    Each curved arrow is on it's own layer and they are editable. You can change the color shape etc. of each arrow easily. Download the PSD file here:
    curved-arrows-photoshop-psd.zip

    Using the pen tool to make curved arrows in Photoshop is very good because shape is always editable. More users should use this kind of approach. Selections are not as flexible as vectors. I work with vectors more and more and it's all about learning how to create or modify paths. It takes a while, but it's really worth it. It also makes it easier to make the jump to Illustrator and to make beautiful things like this:


  6. Thanks sianwright clicked thanks for this post
  7. #5
    Guru Gaussian's Avatar
    Join Date
    Apr 2002
    Posts
    1,534
    Post Thanks / Like
    Mentioned
    0 Post(s)

    How do I create a curved arrow in photoshop...

    [saywhat] Are you kidding me... did you zoom right in on that illustration? Can you BELIEVE the DETAIL in that thing?! OMG! The shear pixel size of that file must be astronomical! Wheeeeew!

    Unbelievable work. Very very nice. Thanks for the eye-opening link Elysian. \:]

  8. #6
    Senior Member
    Join Date
    Apr 2003
    Posts
    117
    Post Thanks / Like
    Mentioned
    0 Post(s)

    How do I create a curved arrow in photoshop...

    WOW! Talk about phenomenal work! The detail in all of his work has me stunned! Thanks for the link. Everyone should look... truly inspirational.

    [stuned] [stuned] [stuned]

    Hatch

  9. #7
    Newbie
    Join Date
    Dec 2010
    Posts
    1
    Post Thanks / Like
    Mentioned
    0 Post(s)

    Re: How do I create a curved arrow in photoshop...

    Do you have a higher res psd of those arrows, thanks Andy

  10. #8
    Newbie
    Join Date
    Feb 2012
    Posts
    1
    Post Thanks / Like
    Mentioned
    0 Post(s)

    Re: How do I create a curved arrow in photoshop...

    First post here. A big thanks for the arrows. Just what I was looking for

  11. #9
    Member
    Join Date
    Jan 2009
    Posts
    65
    Post Thanks / Like
    Mentioned
    0 Post(s)

    Re: How do I create a curved arrow in photoshop...

    Quote Originally Posted by chatterbox View Post
    Do you have a higher res psd of those arrows, thanks Andy
    I too am looking for a higher res version of these arrows. Or vector versions of them please.

  12. #10
    Senior Member Boomawoom's Avatar
    Join Date
    Oct 2011
    Location
    UK
    Posts
    105
    Post Thanks / Like
    Mentioned
    0 Post(s)

    Re: How do I create a curved arrow in photoshop...

    Wow, reviving a thread from 2004. And for a higher res version just trace over it with the pen tool

Page 1 of 2 12 LastLast

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
About Photoshop Gurus
Photoshop Gurus (PSG) is a friendly community of designers and artists who enjoy all things related to Photoshop. PSG can consider itself one of the oldest Photoshop sites and has recently had it's 10th anniversary. We've come a long way and have every intention to continue supporting the Photoshop community. Photoshop can be an overwhelming program for beginners and that's how we try to help. We have a friendly forum, tutorials and all resources to help you understand this wonderful program. Feel free to look around and if you have any questions, don't hesitate to ask. Happy browsing!