November 29 2007 • 5:04 PM

Getting Cool Illustrator Gradients Into InDesign

As Pariah mentioned a while back, the ASE (adobe swatch exchange) system is great for moving color swatches back and forth among the Suite programs. But some swatches won’t come along for the ride… notably gradients. This is too bad, because Adobe Illustrator ships with some really cool gradients.

Now, I’m now Illustrator expert, but I know that I can find great gradient swatches in Illustrator’s Swatches panel flyout menu.

gradswatch1

When I choose one of these, it opens the swatch library (as a palette on screen) and I can apply the colors to objects.

gradswatch2

But if I can’t use ASE, how on earth can I use those gradients in InDesign? I’m embarassed to admit that I don’t remember who told me the answer to this, but it was during the recent Creative Suite conference in Chicago… perhaps Mordy Golding? Sandee Cohen? Anne-Marie? Well, whichever genius it was, I give thanks, because the answer is painfully simple, yet I had never considered it: Copy and Paste.

Yes, you just need to copy an object (one with the gradient, of course) from Illustrator to InDesign. When you paste it into InDesign, it appears as “New Gradient Swatch”. Right-click (or control-click with one-button mouse) on it, choose Swatch Options, and change it’s name to something else.

gradswatch3

And of course, once it’s there, you can apply the gradient to any object or text on your InDesign page.

gradswatch4

Simple, easy, obvious (but, at least for me, only after someone told me). Just the way the Suite should work.

19 Responses discussing this post. Add yours below.

  1. November 29th, 2007 • 5:13 pm • Link

    Ach, how quickly they forget. It was me, dearheart.

    You probably also forgot that I said I picked up the tip from episode 34 of Mike McHugh’s excellent Creative Sweet TV video podcast.

  2. David Blatner
    November 29th, 2007 • 6:06 pm • Link

    I should have known it was the inimitable Anne-Marie! That’s great that it was one of Mike’s tips. He does a sweet, suite podcast!

  3. November 29th, 2007 • 8:00 pm • Link

    That is useful and cool, yes, thanks. And Illu does indeed have a plethora of nice pre-made gradients, which I didn’t know (but I’m no Illu wizard — for I find the program a total PITA to use compared to my all-time favorite vector illustration program: Xara Xtreme).

    But I see that the gradient stop colors come into ID as local colors, not as named colors, which makes editing the gradient less flexible and I can’t easily reuse the stop colors as flat colors on other design elements. Does anyone know a way around this?

  4. Eugene
    November 29th, 2007 • 8:49 pm • Link

    By flat you mean on their own? You can save the gradient swatches as .ase from Illustrator on the flyout menu of the swatches panel in Illy, you will get a warning saying blah blah blah. Then load the file you made into InDesign via the swatches panel and all the colours of the gradient come in as single colours.

  5. November 29th, 2007 • 10:14 pm • Link

    Oh, indeed I can — thanks, Eugene! Have never tried the ASE import-export before. (Unlike Mr. Costanza, I’m not really an importer-exporter. ;-) )

  6. Eugene
    November 29th, 2007 • 11:05 pm • Link

    That’s an odd analogy? I’m not a Seinfeld fan at all though.

  7. Eugene
    November 29th, 2007 • 11:20 pm • Link

    On whoop on me finally being of help to someone here, yay me!

  8. December 6th, 2007 • 10:32 am • Link

    Yep; I’m a copy past kind of guy. I showed that one at the Tips session in Melbourne at the conference. I got a fantastic response from some guy called Art Van Der Lay.

    Penny Packer you screwed me again!

    PS. I love the fact you can resize this comments field… ooh look there’s something shiny, gotta go.

  9. Martin
    February 8th, 2008 • 2:52 pm • Link

    Is there a way to have a gradient “fade” to transparent in InDesign? In Illustrator I can use an Opacity Mask to fake this.

  10. David Blatner
    February 8th, 2008 • 3:36 pm • Link

    Martin, you can’t set opacity in a gradient, but you can use a gradient feather in the Effects panel (in cs3) to achieve the same effect.

  11. Martin
    February 11th, 2008 • 7:38 am • Link

    Thanks! David, thats brilliant. Next time I’ll search Help a little harder…

  12. lulu
    February 14th, 2008 • 2:14 am • Link

    Oh my god….i’m really stupid and a lot of time to figure out how to convert ai swatch to indesign swatch…thanks a lot!!

    Lulu
    Malaysia

  13. J Lo
    October 23rd, 2008 • 5:13 am • Link

    Hi all, what about going the other way – from InDesign to Illustrator. I just tried by exporting an InDesign page with a gradient filled shape on it as an EPS and opened it in Illustrator. This brought the gradient filled shape across as a bitmap with a clipping mask. I’m trying to create new artwork in Illustrator from a page design done in InDesign. Thought this might be worth adding to the discussion..? Sorry if this is this a dumb question. Feel free to ignore/delete/explain why if it is. :^)

  14. Inka
    September 6th, 2010 • 11:58 pm • Link

    I tried this but what happens is that as soon as you switch off the document all the fancy gradients also disappears. There has to be another way to create a standard document as you did before with Illustrator to enable these gradients to appear in every document you create.
    Any tips on this are welcome

  15. September 7th, 2010 • 6:28 am • Link

    @Inka: Save the document (with the gradient). Then close all documents. Now choose Load Swatches from the swatches panel menu and choose the document you chose. That will load that document’s swatches into the “default swatch panel.”

  16. Mimi
    March 31st, 2011 • 7:20 pm • Link

    Hi, I am trying this in CS4 on Windoze and this is not what happens. It seems to paste the vector object with a gradient into InDesign as a bitmap. I see you wrote this article in 2007. Does it still work like that for you? Thank you!

  17. March 31st, 2011 • 7:27 pm • Link

    @Mimi: That happens sometimes if the artwork is too complex (try something very simple) and if you don’t have Illustrator and InDesign’s preferences set up properly. See this thread: http://indesignsecrets.com/forum/general-indesign-topics/illustrator-shapes-wont-paste-in-id-cs5-as-vectors

  18. Jodi
    December 3rd, 2011 • 5:31 pm • Link

    I’m also wondering if there’s a way to get this to work. I’m using CS5.5 for Windows. I have the preferences set up correctly, but the gradient is not added when I paste it from Illustrator :(

  19. Jodi
    December 4th, 2011 • 11:32 am • Link

    The problem was I had Illy set to RGB. I changed it to CMYK and it works fine now.

    http://forums.adobe.com/message/4001787#4001787

Subscribe to the Discussion

Get the ongoing discussion surrounding "Getting Cool Illustrator Gradients Into InDesign" delivered to you. Click here to subscribe via RSS.

Leave a Reply

You can use limited HTML tags, such as <em></em> for emphasis/italics and <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> .

InDesignSecrets reserves the right to edit and/or remove posts and comments.