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

Curve with defined radius, tangent to two paths?

Explorer ,
Jun 02, 2018 Jun 02, 2018

I'm working on some UI for my website and I'm trying to tackle the following issue. I need to have the green circle have a radius of 24 px, and to be tangent to both the horizontal live above it and to the circle that is selected and to it's bottom right. How do I achieve this?

Screen Shot 2018-06-02 at 1.10.35 PM.png

2.3K
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 , Jun 02, 2018 Jun 02, 2018

gregand,

You may, Smart Guides being your friends:

1) Select the grey circle and Object>Path>Offset Path with an offset of 12px,

2) With the Line (Segment) Tool ClickDrag along the (bottom of the) grey line above, then move the line 12px down,

3) ClickDrag the green circle by its centre to where the offset circle from 1) and the line from 2) intersect (Smart Guides say intersect when you are within snapping distance).

Translate
Adobe
Community Expert ,
Jun 02, 2018 Jun 02, 2018

Try the plugin SubScribe or the plugin ColliderScribe

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
Explorer ,
Jun 02, 2018 Jun 02, 2018

I actually had that plugin already installed and had messed around with it. It was decent but not perfect and figured there had to be a perfect option out there.  Details like this makes me miss autocad! It eventually got the job done, but it was a PITA. I could pick two paths, but I couldn't type in the radius of the circle I wanted and had to fiddle with the mouse to get the exact radius I wanted (many minutes of fiddling!!!).

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 ,
Jun 02, 2018 Jun 02, 2018

gregand,

You may, Smart Guides being your friends:

1) Select the grey circle and Object>Path>Offset Path with an offset of 12px,

2) With the Line (Segment) Tool ClickDrag along the (bottom of the) grey line above, then move the line 12px down,

3) ClickDrag the green circle by its centre to where the offset circle from 1) and the line from 2) intersect (Smart Guides say intersect when you are within snapping distance).

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
Explorer ,
Jun 02, 2018 Jun 02, 2018

DUH! I don't know why I didn't think of that! 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 ,
Jun 03, 2018 Jun 03, 2018
LATEST

You are welcome, gregand.

No need to DUH. I believe few might have thought of it.

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
Explorer ,
Jun 02, 2018 Jun 02, 2018

Got the finished look I was hoping for. Thank you for your help.

Screen Shot 2018-06-02 at 9.49.02 PM.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