Highlighted

How to make objects precisely rotate and match the angle of random diagonal lines, and make it snap

Explorer ,
Apr 26, 2020

Copy link to clipboard

Copied

I want to know if there's a precise method of rotating objects to match the angle of random diagonal lines. For example, on the picture below, I want an object (circled black) to rotate and precisely match the red sides of the angles. On the angle on the left (circled red), that angle is exactly 90° and its red side is a vertical straight line, so I can just easily adjust my object and make it snap to that red side.

 

But I have no easy method that I know of on how to be precise on the angles on the right (circled blue). Angle #1 is basically 45° so I can just make the object rotate while holding shift to match that angle and be precise with it, but I can't make the object snap to that red side unlike the one earlier (the one circled red). For Angle #2 and #3, I really have no clue on how to be precise with my rotation on the object.

Pic 1.JPG

Adobe Community Professional
Correct answer by tromboniator | Adobe Community Professional

tromboniator_0-1587971064429.png

tromboniator_1-1587971123156.png

tromboniator_2-1587971160535.png

tromboniator_3-1587971189007.png

tromboniator_4-1587971219426.png

I'm sure there are other ways, but this is what occurs to me at the moment.

 

Peter

 

 

TOPICS
How to

Views

673

Likes

Translate

Translate

Report

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

How to make objects precisely rotate and match the angle of random diagonal lines, and make it snap

Explorer ,
Apr 26, 2020

Copy link to clipboard

Copied

I want to know if there's a precise method of rotating objects to match the angle of random diagonal lines. For example, on the picture below, I want an object (circled black) to rotate and precisely match the red sides of the angles. On the angle on the left (circled red), that angle is exactly 90° and its red side is a vertical straight line, so I can just easily adjust my object and make it snap to that red side.

 

But I have no easy method that I know of on how to be precise on the angles on the right (circled blue). Angle #1 is basically 45° so I can just make the object rotate while holding shift to match that angle and be precise with it, but I can't make the object snap to that red side unlike the one earlier (the one circled red). For Angle #2 and #3, I really have no clue on how to be precise with my rotation on the object.

Pic 1.JPG

Adobe Community Professional
Correct answer by tromboniator | Adobe Community Professional

tromboniator_0-1587971064429.png

tromboniator_1-1587971123156.png

tromboniator_2-1587971160535.png

tromboniator_3-1587971189007.png

tromboniator_4-1587971219426.png

I'm sure there are other ways, but this is what occurs to me at the moment.

 

Peter

 

 

TOPICS
How to

Views

674

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Apr 26, 2020 0
Adobe Community Professional ,
Apr 27, 2020

Copy link to clipboard

Copied

tromboniator_0-1587971064429.png

tromboniator_1-1587971123156.png

tromboniator_2-1587971160535.png

tromboniator_3-1587971189007.png

tromboniator_4-1587971219426.png

I'm sure there are other ways, but this is what occurs to me at the moment.

 

Peter

 

 

Likes

Translate

Translate

Report

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

Copy link to clipboard

Copied

I tried following your process step by step, but I wasn't really able to do it the way you did. The corner point of my object just doesn't snap to the point I created in the red line/side of the angle. I guess the snapping feature just behaves differently in my Illustrator. In order to make mine work, I had to drag guides from the ruler to mark the point that I added in the red line/side of the angle, and use those guides to make my object snap to that point. After that, I just followed your use of the Rotate Tool, and I was able to do it. Thanks for the help!

 

Pic 2.JPG

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 27, 2020 0
Adobe Community Professional ,
Apr 27, 2020

Copy link to clipboard

Copied

You're welcome. I'm glad you were able to find some use in my method. There are doubtless some points of finesse that I overlooked.

 

Peter

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 27, 2020 0
Adobe Community Professional ,
Apr 27, 2020

Copy link to clipboard

Copied

By default not all snapping features of the smart guides are enabled. In Preferences > Smart Guides check all the options.

Then of course uncheck View > Snap to grid

And check View > Snap to point.

Likes

Translate

Translate

Report

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

Copy link to clipboard

Copied

The "Snap to point" on the view menu was already checked  though when I tried doing it earlier and it still didn't snap. I still had to use the guides from the rulers just to make the object snap on the point I added to the diagonal red line. But I see, I'll try checking and experimenting on the settings on Preferences > Smart Guides to see what works for me. Thanks for the added information.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 27, 2020 0
d0nut247 LATEST
Advocate ,
Jun 27, 2020

Copy link to clipboard

Copied

Holding the cmd (Apple) key after you start to move and object makes it much behave much more as expected and snaps to things more accurately. Guessing that would be the control key on pc? 

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 27, 2020 0
Most Valuable Participant ,
Apr 27, 2020

Copy link to clipboard

Copied

Zernolf,

 

I would also do as Peter says.

 

Smart Guides can be your best friends, especially when they are allowed to.

 

Often, Snap to [Whatever] is overused, especially Snap to Grid as mentioned by Monika, which will wreck the use of Smart Guides.

 

And Smart Guides work fine without other snapping, just their own.

 

With the Anchor Point as shown by Peter, you can see in his screenshot that Smart Guides say anchor when you are within snapping distance; when you are within snapping distance of the line (and move along it) they say path. (until you get into snapping distance of Anchor Points or intersections or whatever).

 

You may also consider which Smart Guides options/settings suit you best (and omit unecessary/confusing ones).

 

If you need the other corner of your box to hit the other line exactly, as may be the case in your #3, you can do (almost) the same, only (kind of) reversed, as follows:

 

1) Select the red line and Object>Path>Offset Path with the offset equalling the box height,

2) ClickDrag the box by its lower right corner to snap to the intersection of the red offset path and the black line, Smart Guides say, guess what, intersect;

3) Set that corner as the centre of rotation and ClickDrag the opposite corner to snap to the red line, Smart Guides say path;

4) Delete the red offset path.

 

Likes

Translate

Translate

Report

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