Page 1 of 2 12 LastLast
Results 1 to 10 of 13
  1. #1
    Junior Member
    Join Date
    Jan 2013
    Posts
    4
    Post Thanks / Like
    Mentioned
    0 Post(s)

    Lining up shapes on a path (circle)

    Hi everyone!

    I would like to know if there's a handy way in Photoshop to line up shapes around a circle in a similar manner: -b6l8u-jpg

    I have pondered this for a while and googled pretty much every phrasing I could think of to no avail. I don't think one could pull something like this off manually (I mean even getting the shapes to come together perfectly after the full circle would be a nightmare).

    If you think you have a solution to my problem please leave a reply. All help would be well appreciated!

  2. #2
    Forum Moderator IamSam's Avatar
    Join Date
    Sep 2012
    Location
    Texas
    Posts
    5,005
    Post Thanks / Like
    Mentioned
    17 Post(s)

    Re: Lining up shapes on a path (circle)

    I find this easy to do. But it will take some explanation. I usually will take the time to make a tutorial, sometimes even a short video, but it seems that when I do the OP never comes back. So this time I will wait to see if you come back.

    Here are puppy feet shapes that I aligned in a circle..

    -circleshapes-jpg

    -circleshapes_02-jpg
    I can alternate the pattern any way I desire.
    Last edited by IamSam; 01-07-2013 at 09:39 PM.

  3. #3
    Junior Member
    Join Date
    Jan 2013
    Posts
    4
    Post Thanks / Like
    Mentioned
    0 Post(s)

    Re: Lining up shapes on a path (circle)

    Quote Originally Posted by IamSam View Post
    I find this easy to do. But it will take some explanation. I usually will take the time to make a tutorial, sometimes even a short video, but it seems that when I do the OP never comes back. So this time I will wait to see if you come back.

    Here are puppy feet shapes that I aligned in a circle..

    -circleshapes-jpg

    -circleshapes_02-jpg
    I can alternate the pattern any way I desire.
    Haha I'm back. I'm glad this is easy to make - please do tell. You don't have to make it too long, I just need the main idea.

  4. #4
    Forum Moderator IamSam's Avatar
    Join Date
    Sep 2012
    Location
    Texas
    Posts
    5,005
    Post Thanks / Like
    Mentioned
    17 Post(s)

    Re: Lining up shapes on a path (circle)

    Ok, Simple it is.

    Create a new doc. Fill with white.
    Drag a horiz and vert guidelines to center.
    Create a circle. Fill with color. This will only be a template.
    Use Custom shape tool to create a shape at top of circle.

    -circleshapestep1-jpg

    Turn off circle layer.
    Command + J to duplicate the shape an even number of times. I used six.

    -circleshapestep2-jpg

    From the bottom, select the second duped shape layer.
    Command/Control + T to transform.
    Hold alt/option + mouseclick to move the rotation point to center of guidelines.
    Hold Shift + Alt/Option to rotate the shape to its next position.
    -circleshapestep3-jpg

    Do this for all shapes. (Note: If you want colors, this is where you would do it)
    Highlight the shape layers and hit Control/Command + G to group them.
    You may or will have to reposition the group up using the Move tool.
    -circleshapestep4-jpg

    Hit Control/Command + J to copy the group.
    Go to EDIT > TRANSFORM > ROTATE 90%
    -circleshapestep8-jpg

    Then use the Move tool to move the new group into position.
    Hold the Shift key to move faster.

    -circleshapestep9-jpg

    Here's where you could merge the two groups and rotate, or repeat the above mentioned process two more times.
    You can decide.
    -circleshapestep10-jpg

    Turn on your circle layer and re-center the shapes if needed.
    If you have to have the shapes in an exact size, highlight the shape groups, right click and select Merge Visible while holding the Alt/Option key. This will merge a copy of the group layers into one. Turn off the other group layers and you can then use the Transform function to re-size the newly merged group.
    -circleshapestep12-jpg

    If you need help coloring the shapes, let me know. For now, I will assume you know how to do that.

  5. Thanks ggg377 clicked thanks for this post
    Likes ibclare, ggg377 liked this post
  6. #5
    Guru
    Join Date
    Mar 2010
    Location
    Mesa, Arizona
    Posts
    1,846
    Post Thanks / Like
    Mentioned
    1 Post(s)

    Re: Lining up shapes on a path (circle)

    Make a brush in the design you wish. Set the spacing for what you need, set angle jitter to direction in the brush engine. Stroke the path with the brush.
    Attached Thumbnails Attached Thumbnails -screenshot001-jpg  


  7. Likes ibclare, IamSam liked this post
  8. #6
    Forum Moderator IamSam's Avatar
    Join Date
    Sep 2012
    Location
    Texas
    Posts
    5,005
    Post Thanks / Like
    Mentioned
    17 Post(s)

    Re: Lining up shapes on a path (circle)

    This is a good idea Hawk, it was the first thing I thought of when I started. The problem I found was alternating the colors.
    How would you change the colors of the individual arrows? Hopefully I'm missing something.

  9. #7
    Guru
    Join Date
    Mar 2010
    Location
    Mesa, Arizona
    Posts
    1,846
    Post Thanks / Like
    Mentioned
    1 Post(s)

    Re: Lining up shapes on a path (circle)

    Simply a matter of setting the spacing and then stroking twice with two different colors on two layers. Rotate one layer to get the effect.
    Attached Thumbnails Attached Thumbnails -screenshot001-jpg  


  10. Thanks ggg377 clicked thanks for this post
    Likes ibclare, IamSam, ggg377 liked this post
  11. #8
    Forum Moderator IamSam's Avatar
    Join Date
    Sep 2012
    Location
    Texas
    Posts
    5,005
    Post Thanks / Like
    Mentioned
    17 Post(s)

    Re: Lining up shapes on a path (circle)

    Excellent Hawk!!! I did miss that! It was the spacing that threw me, so very simple!

    Using the shapes saved in individual layers (groups) allows me to easily go back and change colors. This might be the only slight advantage to using shapes.

    -circleshapescolors-jpg

  12. #9
    Guru
    Join Date
    Mar 2010
    Location
    Mesa, Arizona
    Posts
    1,846
    Post Thanks / Like
    Mentioned
    1 Post(s)

    Re: Lining up shapes on a path (circle)

    There are other ways to go about it, but this is the easiest and quickest.

  13. #10
    Junior Member
    Join Date
    Jan 2013
    Posts
    4
    Post Thanks / Like
    Mentioned
    0 Post(s)

    Re: Lining up shapes on a path (circle)

    Thanks a lot for posting this tutorial! I will try this later on today and let you know how it goes .

  14. Likes ibclare liked this post

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!