Inkscape

How to make object fade out right to left.

Asked by Robert Nagel

Is there a way to fade an overlying object out right to left so that an underlying object can be seen more and more as one looks right to left? I have tried adjusting transparency but the adjustment includes the entire object.

Question information

Language:
English Edit question
Status:
Solved
For:
Inkscape Edit question
Assignee:
No assignee Edit question
Solved by:
Hachmann
Solved:
Last query:
Last reply:
Revision history for this message
Hachmann (marenhachmann) said : 		#1

Hi Robert,

there are even several ways to do this.

The most common one (if your object is just a plain path with only a fill) would be to use a gradient on the fill, which goes from opaque to transparent. Use the alpha slider in the fill and stroke dialog to set transparency for a gradient stop.

Another option (if your object consists of a group, or is an object that does not have a fill, e.g. a raster image) would be to use a mask that has a gradient applied.

Find more information about these here:

Gradient: http://en.flossmanuals.net/inkscape/styling-objects/fill-and-stroke/
Mask: http://en.flossmanuals.net/inkscape/multiple-object-operations/clip-and-mask/

Tutorials that help you with basic usage can be found in the Help -> Tutorials menu, and on our website:
https://inkscape.org/en/learn/tutorials/

Kind regards,
 Maren

Revision history for this message
Robert Nagel (robertnagel123) said : 		#2

Thank you so much, Maren. Very informative. What if I have two embedded jpgs or pngs or gifs? I have done nothing to them as far as paths or nodes. Am a new user, so learning much as I go.

Revision history for this message
Best Hachmann (marenhachmann) said : 		#3

Hi Robert,

in that case, you'd need to use a mask with a gradient that you use with one of those two images, so you can fade out that one.
Put the other one below and they should fade into each other.

Similar to this little tutorial: http://www.brighthub.com/multimedia/publishing/articles/87692.aspx
or this video: https://www.youtube.com/watch?v=A-xAQJHYwqU

Kind regards,
 Maren

Revision history for this message
Robert Nagel (robertnagel123) said : 		#4

Thanks Hachmann, that solved my question.