Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
5

How do I select and move two control handles on two different anchor points so they move concurrently?

Engaged ,
Mar 08, 2019 Mar 08, 2019

I am drawing a teardrop shape and want to select and move the two ringed control handles upwards at the same time so that the teardrop is exactly the same shape on both sides, is there any way to do this? Thanks.

Screensnap.png

23.8K
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Community Expert , Mar 08, 2019 Mar 08, 2019

Miss Sparkles,

I apologize for the ambiguity of

over the Anchor Points with the Handles

As c pointed out, the over was meant as above/higher than vertically, rather than covering/including.

ClickDragging across over/above the Anchor Points will select the upper segments and reveal the Handles of the side Anchor Points and the top Anchor Points, but you will only affect the pair of (vertical) upper Handles of the side Anchor Points when you use the Up arrow (just as you will only affect the (horizont

...
Translate
Adobe
Community Expert ,
Mar 08, 2019 Mar 08, 2019

Miss Sparkles,

Just deselect, then Direct Select both path segments (you may ClickDrag across over the Anchor Points with the Handles), then use the Up arrow.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Engaged ,
Mar 08, 2019 Mar 08, 2019

Hi Jacob,

If I select the two anchor points with my Direct Selection Tool by click dragging, the control handles don't appear (shown below)? The same thing happens if I try to select one anchor point, hold down shift and select the second anchor point.

Screensnap 2.png

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Mar 08, 2019 Mar 08, 2019

Jacob Bugge spoke of the segments themselves, not the bezier handles.

Instead of the arrow keys you could also start draging the segments upwards and hit the shift key to constrain the transformation vertically.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Mar 08, 2019 Mar 08, 2019

Miss Sparkles,

I apologize for the ambiguity of

over the Anchor Points with the Handles

As c pointed out, the over was meant as above/higher than vertically, rather than covering/including.

ClickDragging across over/above the Anchor Points will select the upper segments and reveal the Handles of the side Anchor Points and the top Anchor Points, but you will only affect the pair of (vertical) upper Handles of the side Anchor Points when you use the Up arrow (just as you will only affect the (horizontal) Handles of the Top Anchor Point if you use Left of Right arrow.

In the image, you have the corresponding lower segments selected with corresponding Handle selection.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Mar 08, 2019 Mar 08, 2019

Miss Sparkles,

You can also select both segments by ShiftClicking each.

And you can extend the Handles by ShiftClickDragging either as c says.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Engaged ,
Mar 08, 2019 Mar 08, 2019

Thanks Jacob and c.pfaffenbichler, that is excellent, I have wanted to know how to do that for years but never worked it out and could never find the details by googling, THANKS so much.

Thanks SJRiegel, this is the technique I have used in the past but have wanted to know for ages if there was a way to move two control /bezier handles concurrently.

God knows what I'd do without this forum, its awesome. Thanks everyone!

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Mar 08, 2019 Mar 08, 2019

For my part you are welcome, Miss Sparkle.

The way Susan (re)told about, which gives a greater freedom in creating the desired shape, can be done live.

Here is the easier way possible with the newer versions, which replaced my earlier suggestion (with an initial preparation) some 4 years ago, and kept among my  snippets:

It is quite possible to create a symmetrical drawing live with the help of Illy, with the inbuilt tools, without any external plugins, if you just start in the right way. Obviously, it is much better to see the whole appearance while you create it.

Depending on the number of reflexion/rotation axes, there are different ways.

For a simple one to two mirroring, you may see the reflection live after each Anchor Point if you start out as follows (for Pen Tool with vertical reflection to the right, similar for other directions):

1) Create the first two Anchor Points of your basic path;

2) Effect>Distort&Transform>Transform>ReflectX with 1 copy and the middle right side Reference Point chosen;

3) With the Pen Tool ClickDrag (or Click) anew from the second Anchor Point and go on;

If you wish, you may:

4) Object>Expand Appearance and Ctrl/Cmd+J to join the half paths.

Ctrl/Cmd+Z Undo is your friend: you can just go back and redo while drawing the basic path.

For multiple reflexion/rotation axes and plugins, you may have a look at solutions in this thread, including the links to external solutions below:

https://forums.adobe.com/thread/2284752

Or you can have a look at the MadPattern templates,

http://madpattern.com/

Or you can use the MirrorMe plugin from Atute Graphics,

http://www.astutegraphics.com/software/mirrorme/

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Engaged ,
Mar 08, 2019 Mar 08, 2019

Thanks so much Jacob, that is really great, I shall take a look and try them out. Excellent.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Mar 08, 2019 Mar 08, 2019

You are welcome, Miss Sparkles.

I hope you will share your findings.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Mar 08, 2019 Mar 08, 2019

Another way to guarantee a perfectly symmetrical shape is to draw one half of it, and then use the Transform Effect to reflect the other half. Any subsequent changes in the original half will be automatically applied to the reflection.

Screenshot 2019-03-08 10.40.25.png  Screenshot 2019-03-08 10.43.41.png

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Mar 08, 2019 Mar 08, 2019

move_direction_handles.gif

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Apr 29, 2020 Apr 29, 2020

Do you know why i can only do this through scaling, and not with the direct selection as you've showed in the gif?

(i'm using Illustrator 2018)

nvm i just had to do a straight movement with the mouse as without guidelines i wasn't sure if it was going to lock by itself

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Contributor ,
Oct 29, 2021 Oct 29, 2021

Wow - I can't believe I finally have the answer and it was so darn simple. Thank you!

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Oct 30, 2021 Oct 30, 2021

G, the Concurrent Handle Move thread lives, thanks to you.

 

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Engaged ,
Aug 14, 2023 Aug 14, 2023

Hi. Just reviving this thread. What about doing what the OP wants but with only one segment (not two) between the two anchor points with the handles? In other words, the sharp anchor point at the top of the teardrop does not exist, making the anchor points with the handles two ends of the same segment. I would like to keep the anchor points in place but change the size of both handles (just the top part of the handles) the same way for both anchors.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Aug 15, 2023 Aug 15, 2023

s,

 

The OP has four segments: two upwards from the side Anchor Points to the sharp one at the top, and two downwards to the smooth one at the bottom.

 

But either way, if you delete the sharp top one, you can still change the Handle lengths together, even though they will be pointing downwards.

 

With only one segment you can just ShiftClickDrag the segment with the Direct Selection Tool, or select it and use the Up/Down Arrow key.

 

You can Click the segment(s), then ShiftClick

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Engaged ,
Aug 17, 2023 Aug 17, 2023

Hi Jacob. Thanks. You're right. I could swear I had tried this before writing and thought maybe it doesn't work with CS4. But I tried after reading your reply and indeed, ShifClickDrag the segment with Direct Selection adjusts the length of both handles and keeps their angle as is. Thanks again.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Engaged ,
Aug 17, 2023 Aug 17, 2023

Jacob. After tinkering some more with it, if I don't shiftclick right in the middle of the segment and then drag, then the symmetry in the handles adjustment is lost. Am I missing something?

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Aug 17, 2023 Aug 17, 2023

s,

 

Wherever you ShiftClickDrag, the Handles will move symmetrically, and parallelly.

 

I have made a set of images showing this.

 

I started with a circle where I deleted the top Anchor Point to get a half circle, then removed the bottom Anchor Point to get a (much flatter) single segment and, most importantly, completely identical Handles.

 

I also made a non symmetrical version to the rightby ShiftClickDragging the leftmost Handle further down, and then I ShiftClickDragged with the Line Segment Tool to show the Handle lengths in red.

 

After that, I ShiftClickDragged the path segment a quarter of the width from the leftmost Anchor Point, on both versions (differently), then I ShiftClickDragged with the Line Segment Tool to show the Handle lengths in blue, and then I copied the original Handle lengths in red on top of the new blue ones.

 

Lastly, I make dashed lines between corresponding Handles in both cases.

 

As you can see, in both cases, ShiftClickDragging the path segment has moved the Handles identically, with the same increase in length.

 

But this means that if any of the Handles is at any other angle than vertically down, this angle will change.

 

To be continued.

 

Click/RightClick to see in full, Click again to get close

 

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Engaged ,
Aug 17, 2023 Aug 17, 2023

Hi Jacob. Thanks for that. That was a lot of work! I reproduced what you did with the circle and it appears to be doing what you described. I had done something quite similar before writing here. Let me describe it. Like you, I had started with a shape but mine was a rectangle. Then I converted the top two corners to smooth anchor points. That wrecked the rectangle but showed the handles. At that point, I assume and it looks like the handles for each anchor point are identical. Then I deselected the object and with the Direct Selection Tool, shiftclickdragged somewhere on the top segment (not in the middle). The two handles went crazy each resizing separately. Obviously, the top segment also lost its symmetry.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Aug 17, 2023 Aug 17, 2023

Edited by removing considerations based on wrong assumption about the actual issue.

 

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Aug 17, 2023 Aug 17, 2023

Obvious crossposting, s.

 

I am unsure where that leaves us.

 

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Engaged ,
Aug 17, 2023 Aug 17, 2023

I have attached what happened in my case. I started with 1, made 2, then shiftclickdragged and got 3. You can see what happened to the handles. But I was expecting the top part to reshape "in proportion", as your circle did.

I think my statement "to keep the same angle" was incorrect. It seems the handles could not have kept the same angle to get the result I was expecting. They did in your case because there was no angle to begin with (rather, yours were the same angle as the direction you were dragging in). In the end, I got what I wanted (in a slightly different scenario) by cutting the object at the anchor points and scaling the problem part.

I am also unsure where that leaves us! Some place muddy. 😉handleissue.jpg

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Aug 17, 2023 Aug 17, 2023

The stuff being described in this thread (moving the direction handles on multiple selected anchor points simulateously) can be done pretty easily using Astute Graphics' VectorScribe plugin:
https://astutegraphics.com/plugins/vectorscribe

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