Inkscape Tutorial – Using Gradient Over Multiple Objects

Using gradient over multiple objects usually generate very beautiful results, it is very easy to do, in case you don’t know how to, just follow these simple steps.

First of all, create any two objects (you can create more than two too), for this tutorial I am going to use two rectangles.Two Rectangles

Now, select both objects, open Fill and Stroke window (right click -> Fill and Stroke) and choose linear gradient.

Choose any gradient of your choice and close this window, this would result in something like

Now select both objects and choose “Gradient Tool” from the left tool bar

Drag from corner of one object to the opposing corner of other object

Hurray! you have successfully created a gradient spanning multiple objects. You can use same technique on different type of and different number of objects. Have fun.

22 thoughts on “Inkscape Tutorial – Using Gradient Over Multiple Objects

  1. Damn easy – and I just broke two keybords trying to do this before I found your tutorial. Thanks – you saved me at least another two ;)

  2. Pingback: Inkscape Tutorial - Using Gradient Over Multiple Objects « the inkscape tutorials blog — a big list of cool inkscape tutorials…

  3. Just a quick note for those of you who are trying to do this using the tile clone dialogue…

    you have a couple of options

    1)
    *unlink all the clones after you create them
    *follow above instructions

    2)
    *create your tiled clones (edit->clones->create tiled clones)
    *select any object then go (edit->clones->select original)
    *move the original clone out of the way
    *unset the fill on the original (fill and stroke dialogue) set fill to none, then select the question mark to unset the fill, the object should go black, so it could be a good idea to move it off the canvas…

    *finally, prcede as normal

  4. nice tutorial. But how do you apply one gradient to multiple objects that overlap each other without getting a darker color at the overlapped areas?

  5. i found out, it had me stumped for a while though.
    The solution was to to use the “union” option to make them one so that the gradient would be applied as if there were on object

  6. [h]ello
    I have a question – can I translate into polish your tutorial? i will use my own graphics, but I wanna add a note, that I was inspired by your tutorial ^^ and give a link to this original site. Could you write to me? at my mail that I gave for this reply please.

  7. Pingback: Inkscape: Aplicar gradiente sobre múltiples objetos « evelio.blog();

  8. I often enjoy blogging and finding this type of info and i really appreciate your content. The article has genuinely peaks my interest. I am going to bookmark your site and keep checking regarding new information

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>