Expand Object ring radius without effecting Object sizes

Engaged ,
Feb 17, 2021

Copy link to clipboard

Copied

I need help figuring some thing out. I looked around the net, youtube, and this community, but oddly haven't found anything that addresses my specific needs. If I have a ring of objects like the stars here, I want to be able to expand its radius, scaling the gap, but not affecting the size of the objects. Photoshop has a meathod (I think) that allows to you snap object to a path, and adjust the way Im hoping to in Illustrator, but I can't find an equivelant feature. It's probably something simple and obvious, but I can't find it.

Attatched is an image and I link to a video recording.
https://youtu.be/ZWRp38WuYiU

Expand ring radius-01.png

Expand radius of object ring without effecting object size.
TOPICS
Draw and design, How to

Views

205

Likes

Translate

Translate

Report

Report
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

5 Correct Answers

Adobe Community Professional , Feb 24, 2021
Ton Frederiks Adobe Community Professional , Feb 24, 2021
And another one with the recently introduced Object > Repeat > Radial. Just select a single star and apply the repeat.

Likes

Translate

Translate
Jump to answer Jump to answer
Most Valuable Participant , Feb 23, 2021
pixxxelschubser Most Valuable Participant , Feb 23, 2021
A few steps. You'll need a single anchor point and your star - both aligned vertically. And the Transform Effekt.   choose the Pen Tool   draw a single anchor point   draw the star exactly vertical aligned (or align it afterwards)   group the star and the single anchor point   apply the effect: Transform   set the number and the angle (this step is not needed - only for example) but note the reference point: bottom center   you can choose the new number and the new angle   ...

Likes

Translate

Translate
Jump to answer Jump to answer
Adobe Community Professional , Feb 19, 2021
Monika Gause Adobe Community Professional , Feb 19, 2021
You need to just select the spine path with the group selection tool. Don't select the object as a whole.

Likes

Translate

Translate
Jump to answer Jump to answer
Most Valuable Participant , Feb 18, 2021
Jacob Bugge Most Valuable Participant , Feb 18, 2021
varxtis,   Or, for whichever (visually determined) dragged increase of the ring in question, you can also go on from what you have as follows:   1) Delete all but the top and bottom stars, then Group those two and Effect>Distort & Transform>Transform and recreate the others as copies by rotation; 2) Deselect and Direct Select the top or bottom star, then ShiftClickDrag to the desired new size;   If you need the (centre of the) ring of stars in the same position as before, either: 3A) Realign wit...

Likes

Translate

Translate
Jump to answer Jump to answer
Adobe Community Professional , Feb 18, 2021
Monika Gause Adobe Community Professional , Feb 18, 2021
I would use a blend along a circle spine (by replacing the spine of the blend). The circle needs to be opened (with closed paths blends get funky).   In order to do the scaling, select the blend spine (the circle) with the group selection tool and then scale it.   https://www.dropbox.com/s/wgs2vmyminydnzi/star-circle.mov?dl=0

Likes

Translate

Translate
Jump to answer Jump to answer
Adobe Community Professional ,
Feb 18, 2021

Copy link to clipboard

Copied

I would use a blend along a circle spine (by replacing the spine of the blend). The circle needs to be opened (with closed paths blends get funky).

 

In order to do the scaling, select the blend spine (the circle) with the group selection tool and then scale it.

 

https://www.dropbox.com/s/wgs2vmyminydnzi/star-circle.mov?dl=0

Likes

Translate

Translate

Report

Report
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
varxtis AUTHOR
Engaged ,
Feb 18, 2021

Copy link to clipboard

Copied

Monika, your approach is just what I was looking for. I'd be able to control the radius of the object disperssion and shape, all just by scaling up a path. Is there any way to keep the object (stars) the same size and the gaps between them proportionate to the radius increase?

https://youtu.be/IL9IypOilb0

Likes

Translate

Translate

Report

Report
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Adobe Community Professional ,
Feb 19, 2021

Copy link to clipboard

Copied

You need to just select the spine path with the group selection tool. Don't select the object as a whole.

Likes

Translate

Translate

Report

Report
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
varxtis AUTHOR
Engaged ,
Feb 22, 2021

Copy link to clipboard

Copied

Thank you so much Monika! This works great. Very sorry fopr the late ressponse.

Likes

Translate

Translate

Report

Report
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Most Valuable Participant ,
Feb 23, 2021

Copy link to clipboard

Copied

Hi @varxtis 

Did you see the other answers too?

Likes

Translate

Translate

Report

Report
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Most Valuable Participant ,
Feb 18, 2021

Copy link to clipboard

Copied

Varxtis,

 

If you know how much you wish to scale the ring of stars, you can just go on from what you have as follows:

 

1) Select all and Object>Scale>Uniform by the desired factor (3 or whatever),

2) Object>Transform Each>Scale>Horizontal & Vertical by the reverse factor (1/3 or whatever).

 

Likes

Translate

Translate

Report

Report
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Most Valuable Participant ,
Feb 18, 2021

Copy link to clipboard

Copied

varxtis,

 

Or, for whichever (visually determined) dragged increase of the ring in question, you can also go on from what you have as follows:

 

1) Delete all but the top and bottom stars, then Group those two and Effect>Distort & Transform>Transform and recreate the others as copies by rotation;

2) Deselect and Direct Select the top or bottom star, then ShiftClickDrag to the desired new size;

 

If you need the (centre of the) ring of stars in the same position as before, either:

3A) Realign with the object in question (can be done in different ways),

Or independent of everything else, if anything:

3B) Select (black arrow) and Object>Transform>Move by half the current value with the opposite sign (add or remove - in front and add /2 behind the current value).

 

 

Similarly for any ring with an even number of objects, where you can just start out with two opposite objects as 1).

 

 

Likes

Translate

Translate

Report

Report
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Most Valuable Participant ,
Feb 18, 2021

Copy link to clipboard

Copied

I would do the same as @Jacob Bugge - using the transform effect.

But for more flexibility: only one star and a simple anchorpoint (both aligned vertically and grouped).

 

Then use Effect - Distort & Transform --> Transform

 

Changing the distance from the star to the anchor point (within the group) does what you want. Changes to the star change all instances of the star. Changing the angle of rotation and the number of copies in the effect will change the spacing between instances and / or the number.

Likes

Translate

Translate

Report

Report
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Most Valuable Participant ,
Feb 18, 2021

Copy link to clipboard

Copied

Indeed, Hans-Jürgen, that is the way to cover any number.

 

And it can be kept in position by placing the Anchor Point at the intended immovable centre and having the relevant Reference Point chosen (such as bottom centre).

 

Likes

Translate

Translate

Report

Report
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Most Valuable Participant ,
Feb 23, 2021

Copy link to clipboard

Copied

A few steps.

You'll need a single anchor point and your star - both aligned vertically. And the Transform Effekt.

 

  • choose the Pen Tool

Transform_radial_001.png

  • draw a single anchor point

Transform_radial_002.png

  • draw the star exactly vertical aligned (or align it afterwards)

Transform_radial_003.png

  • group the star and the single anchor point

Transform_radial_004.png

  • apply the effect: Transform

Transform_radial_005.png

  • set the number and the angle (this step is not needed - only for example) but note the reference point: bottom center

Transform_radial_006.png

  • you can choose the new number and the new angle

Transform_radial_007.png

 

  • select the star with the Group-Selection-Tool

Transform_radial_008.png

  • drag the star (exactly vertical) to the new position

Transform_radial_009.png

  • new result (immediately visible) - just change/edit your first star in geometry, color or position

Transform_radial_010.png

This is just an editable effect. If you need real paths you have to Expand Appearance (Object menu) however, you lose flexibility (or you just expand a copy of your group and hide the original).

 

If that works for you

have fun

😉

Likes

Translate

Translate

Report

Report
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
varxtis AUTHOR
Engaged ,
Feb 24, 2021

Copy link to clipboard

Copied

I really like this approach! A lot of editabl flexibility and control. and that guide was layed out remarkably well. Thank you. I swear, you three are great! You guys have literally switched my entire work flow over to Illustrator when once I used to cringe in fear.

Likes

Translate

Translate

Report

Report
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Most Valuable Participant ,
Feb 24, 2021

Copy link to clipboard

Copied

A most exquisite way and tutorial, Hans Jürgen.

 

I have Bookmarked it for future reference.

 

Likes

Translate

Translate

Report

Report
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Adobe Community Professional ,
Feb 24, 2021

Copy link to clipboard

Copied

And another one with the recently introduced Object > Repeat > Radial.

Just select a single star and apply the repeat.

repeat.png

Likes

Translate

Translate

Report

Report
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
varxtis AUTHOR
Engaged ,
Feb 24, 2021

Copy link to clipboard

Copied

This approach definetly seems to have its merit, but like my initial issue, the Stars grow or shrink based on the radius of the ring. And despite trying different ways of changing the stars size, it produces undesired results. Any suggestions?

The thing I love about all these options is experimenting with them to see how they can be applied to other things.

Likes

Translate

Translate

Report

Report
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Adobe Community Professional ,
Feb 25, 2021

Copy link to clipboard

Copied

I don't see the objects grow or shrink with the radial repeat.

Likes

Translate

Translate

Report

Report
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Most Valuable Participant ,
Feb 25, 2021

Copy link to clipboard

Copied

@varxtis 

Don't drag the corners of the bounding box! Then everything is scaled and the stars bigger.

Instead, move the top star (with the dot) directly.

or

Use in the Repeat Options (see screenshot from @Ton Frederiks ) the right dropdown to set the new radius.

Likes

Translate

Translate

Report

Report
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Adobe Community Professional ,
Feb 25, 2021

Copy link to clipboard

Copied

Yes, dragging the corner will make a mess. There is no scale or rotate option unfortunately for repeat.

Likes

Translate

Translate

Report

Report
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
varxtis AUTHOR
Engaged ,
Feb 25, 2021

Copy link to clipboard

Copied

Oh wow, This is pretty power meathod too! Illustrator is amazing. Thank you!

Is there a way scale the object/shape once repeat is applied?

Likes

Translate

Translate

Report

Report
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Adobe Community Professional ,
Feb 25, 2021

Copy link to clipboard

Copied

During Repeat you can double click the Repeat object to enter Isolation Mode.

With the origina[ object selected you can scale it. Escape to exit Isolation mode.

When the Repeat object is expanded, ungroup it as many times as needed and use Object > Transform > Transform Each.

Likes

Translate

Translate

Report

Report
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
varxtis AUTHOR LATEST
Engaged ,
Feb 25, 2021

Copy link to clipboard

Copied

Youre awesome! Definetly diggin' this.

Likes

Translate

Translate

Report

Report
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Most Valuable Participant ,
Feb 24, 2021

Copy link to clipboard

Copied

Indeed, Ton.

 

I keep forgetting about it, until now as many times as you have posted about it. I shall have to pull my socks up; I even have the Helpx Repeat page as a snippet.

 

Likes

Translate

Translate

Report

Report
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more