Math Functions in Illustrator

Tips and Tricks | January 21st, 2010

I’m not that great at math, but luckily, Illustrator is. Illustrator uses points, lines, curves, and shapes all based on mathematical equations to create artwork. Even with its complicated computations on the back-end, Illustrator also has some basic mathematical functionality to adjust objects within panels and dialogs.

Tip Details

  • Program: Adobe Illustrator CS4 (These functions should work in older versions of Illustrator)
  • Difficulty: Beginner

Math Functions

Pretty much any panel or dialog with an numeric field within Illustrator can utilize some basic math functions. These include:

  • Add: +

  • Subtract: -

  • Multiply: *

  • Divide: /

This comes in real handy when you need to be exact about measurements and adjustments. These functions are not limited to panels, you can also use these math functions in numeric fields in dialogs like effects and tool adjustments dialogs.

Simply type the symbol of your function after the original value in a numeric field, type the desired number, and press Enter or the Tab key. You can also press Shift and Enter together to make a copy. Look at the examples below to see these math functions in action in different panels.

Add

In this example, I add (+) 3 pt to a square’s stroke from the Stroke panel.

Subtract

In this example, I subtract (-) 80% from a square’s opacity in the Transparency panel.

Multiply

In this example, I multiply (*) the dimensions of a square by 2 from the Transform panel (with the constrain proportions icon active).

Divide

In this example, I divide (/) the gradient angle of a square by 40 degrees.

These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • del.icio.us
  • StumbleUpon
  • Design Float
  • Facebook
  • Mixx
  • TwitThis
Visit the Vectips shop!

20 Responses to “Math Functions in Illustrator”

  1. David says:

    It’s probably worth mentioning that you can do these in pretty much most if not all of the Creative Suite. I know I practice these in ai, indd, and ps files.

  2. Theo Hodkin says:

    It’s probably not very obvious, but these functions come in very handy when calculating precise illustrations that need to be pixel-perfect.

  3. Matt says:

    hmm cool! I never knew that. I’ll give it a whirl.

  4. Florian says:

    Don’t really see any use in this, but ok, why not!

  5. Ben says:

    Photoshop ? I didn’t know it worked in Ps.
    That’s very handy. It also works with percentage and you can mix different units !
    Very useful.

  6. d13t says:

    I don’t think this will work in (all of) Photoshop, InDesign yes.

  7. ModeTen says:

    Actually a very clever principle that i never knew about. Would have been handy for a few illustrations i have done! live and learn!

  8. lee says:

    Holy crap, really? Wow, thanks for this ‘un.

  9. hoshimo says:

    it’s also handy to note that you can type something like 7 1/8 and it will understand it to be 7.125 if you suck at fraction-to-decimal conversions.

    • geekART says:

      Another cool and somewhat related thing is if you want a stroke to be .125″ but your stroke palette is set up with default units as points, you just type “.125 in” and Illustrator will convert it to points for you. Same with other measurements, just type “in” “ft” “pt” and it will do the conversion to the default unit of measure for the tool in question.

  10. Been using this for a long time. I love it. Thank you for sharing this with everybody else!

  11. abuanas says:

    interesting

  12. Tarmo Häkkinen says:

    Very cool, you have no idea how many times I’ve been making layouts with regular calculator in my other hand! So useful!

  13. Shane Hudson says:

    I did not know this was possible, thanks for pointing it out!

  14. Laura says:

    Wow I didn’t know I could do that! I’ve been doing it in my head all these years for no reason! Thanks for bring this into my life =D

    And thanks hoshimo and geekART for highlighting that it’ll also cover conversion.

  15. Nirman says:

    Haha! This is crazy! Thanks so much for finding this out for us man! I would always use the calculator function to do the math and then apply the transitions! :D

  16. puneet says:

    Use this with transform panel. U’ll start loving it.

Trackbacks/Pingbacks

  1. [...] We repeated out text element on the right side, now we have to repeat our text over the bottom edge. Select both copies of the text element, Copy (Command + C), and Paste in Front (Command + F). With the copies still selected, type “- 300 px” in the Y value AFTER the current Y value. After you press return you should now see four text elements. To learn more about math function in Illustrator, read our Quick Tip: Math Function in Illustrator. [...]

Leave a Reply