Stack Exchange Network

Stack Exchange network consists of 174 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

Questions tagged [gradient]

Questions about multiple colors or channels gradually blended together. A rainbow is an example of a natural gradient.

0
votes
1answer
50 views

Smooth gradient overlay on image in Sketch

I'm working on a music app in Sketch where the top part of the screen is a full-bleed album art that fades into a dark background. There will be some content on top of the album art, so I've applied a ...
1
vote
2answers
66 views

Outline-like artifacts in Inkscape bitmap trace?

This seems quite similar to How to get rid of these outline artifacts in an Inkscape SVG trace? but I thought asking again would be helpful since it seems that at least the preview does not have the ...
1
vote
2answers
93 views

Illustrator: Logo fade out to transparency gradient in outer edges

So, I've got a rectangular little/logo banner thing drawn up in Adobe Illustrator: And I want to fade out to nothing around the edges relative to a new shape; in this case, an ellipse. Here it ...
1
vote
1answer
27 views

color chart 3 gradient and 5 highlight

I think I have to explain a bit of context to introduce the question. In the project I am working we have reference object that belong to 3 major groups A, B, C (real name Archaea, Bacteria, ...
0
votes
1answer
29 views

How do I combine separate shapes for contiguous gradient fill in illustrator

I wanted the rainbow gradient to extend to the "'s".. and not filled as separate shape. I've tried everyone of the pathfinder options and refilled.. but the same results (or just plain did not work)
0
votes
0answers
40 views

How to make circular gradient in SVG?

I'm having a problem with exporting the circular SVG gradient. Do you have any idea how to solve it? SVG should support linear and radial gradient but i can't believe that it's so much limited. You ...
0
votes
1answer
48 views

Watercolor Art Work Prepared for Screen Printing on Fabric [duplicate]

Can watercolor artwork be printed on fabric, noting that the fabric is white? if yes how can it be prepared and if not what options do i have? Thank you
5
votes
3answers
616 views

Adobe Illustrator: put a radial gradient over solid background

I am trying to create 3d ball in Illustrator. I have the following strategy: create a solid colour background; create a "diffuse" shape; create a "reflection" shape; mix them together. Final result ...
0
votes
1answer
88 views

SVG: Can I make an outer glow with a gradient?

I've seen a million tutorials to make outer glow effects using some combination of feGaussianBlur, feFlood and dilating either SourceGraphic or SourceAlpha. They work pretty well but aren't exactly ...
4
votes
1answer
421 views

How to create fading shadow lines over gradient

I want to recreate this effect: The gradient part at the very top of the mock-up has two line at the downside right-hand corner, with shadow over the gradient and fading inwards. I want to recreate ...
0
votes
1answer
121 views

How do I draw a pie chart

I'm bit new for designing. I'm trying to draw a pie chart for a dashboard design. I tried editing gradients but could located the positions correctly.If I am to use 3 colours for the pie chart how can ...
0
votes
2answers
83 views

gradient tool in illustrator

What is function of small slideballs (diamonds on the left side) in gradient tool of adobe illustrator? I understand that the perpendicular slide bars (which are also removable from gradient slide ...
0
votes
1answer
65 views

Striped gradient after saving vector in Adobe illustrator

After saving an .ai to .jpg I've got striped lines on gradient background. Anti aliases is enabled. How can I get smooth transition in this case?
0
votes
3answers
65 views

Smoothen the gradient after filling by content-aware

May I know how to make the gradient color looks more natural after filling by the content-awareness on the left? I tried to use a Stamp tool, but it does not work as expected. :(
-1
votes
1answer
62 views

How do you replicate the grain effect as in this App Store graphic on Illustrator? [duplicate]

Hi! I'm new to Stack Exchange. I've been meaning to replicate this (what I can describe as) static-ish grain fill in my illustrator graphics. I've tried everything from sprinkled grain, applying a ...
0
votes
1answer
316 views

How do I achieve such gradient / fill in Figma?

I've come across this UI element I tried to copy.. and realized I couldn't. Do the semicircles use some sort of gradient? Is it possible to apply such gradient in Figma?
0
votes
2answers
39 views

How to have a slight gradient to edge of shape

I have a few shapes in Illustrator which I have grouped and made into a compound path. I filled it with a gradient. (client wants a the chakra colours). I would love to put another layer on top like ...
0
votes
2answers
71 views

How to replicate this old Safari (Browser) icon border effect? (Photoshop) [closed]

I am trying to replicate this border button effect (the gradients, fill color and shadows; forget about the content of the icon). I've already tried to achieve it but I am struggling Can you give me ...
1
vote
1answer
77 views

How to achieve this border button effect? (Photoshop)

Im trying to replicate this border button effect (the gradients, fill color and shadows; forget about the icon) but I don't know where to start Can you give me a way to replicate it straight away or ...
2
votes
2answers
114 views

Show perpendicular guidelines while using gradient tool

On lightroom, when you're using the gradient tool, you're able to see 3 guidelines showing the start of the gradient, middle and end of the gradient while creating the gradient itself. Is there any ...
1
vote
0answers
81 views

Inkscape - Gradients and saving as vector graphics

I have a vector eps plot on which I add gradient shade in Inkscape. However, when I save as eps again, the gradient part of the plot is pixelated. Does anyone has solution for this, that is to save a ...
0
votes
2answers
152 views

How to generate gradient from stripes?

I have rectangles one below another making list of stripes, similar to this: Now I just want to generate a gradient from this pattern. It should be such that colours mix with the adjacent colours a ...
0
votes
1answer
146 views

In Inkscape, is there a way to apply an alpha mask or gradient over another color gradient?

I have an object that I've applied a linear gradient to: that I would like to fade to transparent at the edges: But I do not know how to do this, given that inkscape doesn't let you apply two ...
0
votes
1answer
35 views

Define non-visible areas as transparent

I have had a problem that I haven't been able to figure out, and haven't found the right way to search for it on the forum. I have made the below image for a logo. It is a rainbow circle with four ...
1
vote
1answer
165 views

Is it possible to rotate a gradient fill with its shape?

I find it very annoying to have to change the angle of a gradient fill after having rotated/flipped a shape. Is there a way to rotate the shape AND the gradient fill at the same time ? In other ...
6
votes
2answers
165 views

Uniform Scattering with vector

I'm attempting to create a random spread of dots to create a gradient look. I'm getting really close to the effect I want by blending two scatter brushes. The issue I'm having is that the blended ...
1
vote
3answers
164 views

Am I overusing gradients?

I would like to know how this looks and an overall critique, but just answering the question in the title is enough (: So in this screen the user would select what he wants to advertise, all that is ...
0
votes
2answers
98 views

Where can I increase color depth in Illustrator

I'm working with a gradient in Illustrator, but there is banding in gradient. I'm trying to increase the color depth, but I can't find the color depth setting. If there are any other methods to ...
1
vote
2answers
140 views

App buttons gradient critique

I am currently working on this part of my app where the user has to select what do they want to advertise. The color palette I use in my app is mostly grey, a little bit of black and then a gradient ...
0
votes
2answers
61 views

Featuring a curve to create a centered gradient

I'm trying to recreate a graphic I made back in 2007 with Photoshop 7 and I can't duplicate what I did back then with Photoshop CC. Well, as far as my memory is taking me... I created the graphic ...
0
votes
1answer
74 views

Help identifying effect(s)

I am trying to create a template for a dead card game. My end goal is to generate a vector template that I can use to create new cards for personal use. I've toyed around with using an image trace, ...
3
votes
2answers
134 views

How can I make a gradient go around a compound path?

I want a gradient to go around a compound path, like so:      not necessarily a hexagon, but any compound path You can notice how the gradient is one continuous gradient ...
0
votes
1answer
230 views

How can I export my gradient to get the colour values from Illustrator

I would like to export my gradient from Illustrator CS5. I know I can click each swatch individually, make a note of the colour and the percentage value and click on each handle to work out the value ...
0
votes
4answers
83 views

Join paths to make one single line drawing so I can gradient the stroke

I have made a drawing with the pen tool. Most of the paths are unclosed. I would like to put a gradient stroke on the paths. I don't seem to be able to join all of the paths together, which I ...
0
votes
0answers
48 views

Any way to easily create a svg filter from a PSD Gradient Map?

My designer got into Gradient maps. The effect is pretty easy to do, with a SVG filter (feColorMatrixes and feComponentTransfers) But thing is, you have to wildly guess what values to put in the svg ...
0
votes
1answer
55 views

Difficulties with Gradients [closed]

I'm having some difficulties with Gradients... again. There's this image with the artwork of a bezel in which the artist simply "dropped the brush", guess that's an appropriate analogy, with the ...
9
votes
1answer
1k views

How to create an image with complex gradient?

I need to create an image like this, but I do not know what software or technique to use. I tried to use the Mesh Tool in Illustrator, but the result is odd, also I tried to blur an image in Photoshop,...
0
votes
2answers
202 views

Photoshop - How to properly apply a Gradient Map to a Brush in a layer?

I have a this Watercolor brush and painted over a transparent layer Then I add a Gradient Map to have the desired colors in the Watercolor But when I try to clipping mask the Gradient Map to the ...
0
votes
1answer
30 views

Creating a sketch component where it picks average colour from an image and fills it in a layer

I've been trying to create a symbol in sketch which has a property where an overlaying gradient layer has a fill of the average colour it picks from the image in its background. Its easy to do it ...
-3
votes
2answers
87 views

How can I achieve this whitish circular pattern?

I am trying to achieve this whitish circular pattern at the back of pizza giving a glowing effect. I have tried Gradients but the Circular gradient isn't giving me this effect. Please, I need help. I ...
0
votes
1answer
53 views

In photoshop how can you fill each selection with its own individual gradient automatically?

Basically, this is an oversimplified illustration that shows exactly what I want. Instead of me selecting each patch individually then apply the gradient I can just use select > color range or magic ...
1
vote
1answer
121 views

Adobe Illustrator: make a gradient ellipse over shape and cut everything outside

How can I make an Ellipse with gradient on separated layer, and remove everything, which is not in shape, located on another layer? I will describe it on a schema, like I do this in Photoshop (...
1
vote
2answers
85 views

how do I make a custom gradient shape mask or vector mask that is gradually transparent on one side only?

Using Vector masks or layer masks, In photoshop CC, how do I make a custom gradient shape mask or vector mask that has a gradient on one side only? A side that is curved and the gradient should follow ...
2
votes
2answers
232 views

3d effects and gradient fill produces raster images in Illustrator

I have a collection of some arbitrary shapes that I deform with Effect > 3D > Rotate. I want to apply a gradient to some of those shapes. The problem is that Illustrator, trying to preserve the 3d ...
0
votes
1answer
252 views

Fade an image's bottom edge to white in GIMP? Current method results in far too “harsh” a gradient

I have a series of photos that I'd like to create the effect of them fading to white on the bottom edge in gimp. I have this working very nicely in CSS already with linear-gradient(to bottom, rgba(...
1
vote
0answers
73 views

How can I map colors of one (non-uniform) gradient to another?

I'm trying to recolor parts of an image to match another part of the image. As an example, consider this image of an anime character's arm wearing a black glove: I want to remove the glove, i.e. I ...
1
vote
2answers
364 views

Save a gradient for future use

I've produced quite a complex gradient in Ai, is there any way of saving this as a file I can then import to use with other assets in Ai in stead of manually having to reproduce it each time?
0
votes
1answer
86 views

How do I align a gradient to a line?

I would like to know how I can make the gradient tool aligned perpendicular to a line in photoshop, or how to set the exact angle of the gradient? I know that by pressing the Shift key, I can ...
0
votes
1answer
188 views

Gradient numbers for multiple svg export from illustrator

When exporting to svg from Illustrator, the code generates a "linear-gradient-" or "radial-gradient-" plus number. This seems to work until I export multiple files with different gradients. No matter ...
0
votes
1answer
52 views

How can I gradient a multicoloured line into another to create a cleanly gradiented rectangle?

I'm trying to blend one vertical line of multicoloured pixels (1px width, 200 px height) on the left, into another vertical line of multicoloured pixels (1px width 200px height) on the right, with a ...