+ Reply to Thread
Page 1 of 2 12 LastLast
Results 1 to 10 of 13
Like Tree8Likes

Thread: Lining up shapes on a path (circle)

  1. #1
    Junior Member
    Join Date
    Jan 2013
    Posts
    4
    Thanks
    4
    Thanked 0 Times in 0 Posts

    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: Lining up shapes on a path (circle)-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
    Join Date
    Sep 2012
    Location
    Texas
    Posts
    3,565
    Thanks
    40
    Thanked 386 Times in 367 Posts

    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..

    Lining up shapes on a path (circle)-circleshapes.jpg

    Lining up shapes on a path (circle)-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
    Thanks
    4
    Thanked 0 Times in 0 Posts

    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..

    Attachment 26144

    Attachment 26145
    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
    Join Date
    Sep 2012
    Location
    Texas
    Posts
    3,565
    Thanks
    40
    Thanked 386 Times in 367 Posts

    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.

    Lining up shapes on a path (circle)-circleshapestep1.jpg

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

    Lining up shapes on a path (circle)-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.
    Lining up shapes on a path (circle)-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.
    Lining up shapes on a path (circle)-circleshapestep4.jpg

    Hit Control/Command + J to copy the group.
    Go to EDIT > TRANSFORM > ROTATE 90%
    Lining up shapes on a path (circle)-circleshapestep8.jpg

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

    Lining up shapes on a path (circle)-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.
    Lining up shapes on a path (circle)-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.
    Lining up shapes on a path (circle)-circleshapestep12.jpg

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

  5. The Following User Says Thank You to IamSam For This Useful Post:

    ggg377 (01-09-2013)

  6. #5
    Guru
    Join Date
    Mar 2010
    Location
    Mesa, Arizona
    Posts
    1,732
    Thanks
    0
    Thanked 157 Times in 153 Posts

    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 Lining up shapes on a path (circle)-screenshot001.jpg  

    ibclare and IamSam like this.

  7. #6
    Forum Moderator
    Join Date
    Sep 2012
    Location
    Texas
    Posts
    3,565
    Thanks
    40
    Thanked 386 Times in 367 Posts

    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.

  8. #7
    Guru
    Join Date
    Mar 2010
    Location
    Mesa, Arizona
    Posts
    1,732
    Thanks
    0
    Thanked 157 Times in 153 Posts

    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 Lining up shapes on a path (circle)-screenshot001.jpg  

    ibclare, IamSam and ggg377 like this.

  9. The Following User Says Thank You to hawkeye For This Useful Post:

    ggg377 (01-09-2013)

  10. #8
    Forum Moderator
    Join Date
    Sep 2012
    Location
    Texas
    Posts
    3,565
    Thanks
    40
    Thanked 386 Times in 367 Posts

    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.

    Lining up shapes on a path (circle)-circleshapescolors.jpg

  11. #9
    Guru
    Join Date
    Mar 2010
    Location
    Mesa, Arizona
    Posts
    1,732
    Thanks
    0
    Thanked 157 Times in 153 Posts

    Re: Lining up shapes on a path (circle)

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

  12. #10
    Junior Member
    Join Date
    Jan 2013
    Posts
    4
    Thanks
    4
    Thanked 0 Times in 0 Posts

    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 .
    ibclare likes this.

 

 

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
Powered by vBulletin® Version 4.1.9
Copyright © 2014 vBulletin Solutions, Inc. All rights reserved.
Content Relevant URLs by vBSEO 3.6.0
Copyright 2011 Photoshop Gurus Forum. All rights reserved.
All times are GMT -5. The time now is 04:13 AM.