Stack Exchange Network

Stack Exchange network consists of 175 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
0answers
23 views

Appropriate color/gradient for a simple squared design

I have actually been working on similar images which involve simple square shaped designs. I am not satisfied with the color of the design. I have tried many, some being shades of purple, red and ...
1
vote
1answer
24 views

How do I reorder gradient colors for highest contrast?

If I color the world's 41 time zones using the qgis' "spectral" gradient, I get the following, as expected: I like the colors (though it'd be nice to get a little purple in there), but want to re-...
1
vote
1answer
23 views

How to make a brush stroke take gradient colour like pen tool stroke in illustrator?

When drawing strokes with the graphic tablet using brushes, the paths are editable and can accept color change or applying gradients only after expanding. I wanted to apply the "gradient across ...
3
votes
2answers
402 views

Replace gradient with solid colour on PNG/JPEG with Photoshop CS5

First of all thanks for taking the time to read my question and my apologies if this has already been addressed (I did research on the website but couldn't find anything). I am currently teaching ...
2
votes
2answers
105 views

How to make a liquid metal effect

I was wondering if anyone could help me. So I've been trying to make a liquid metal effect in photoshop and I'm having some trouble. I wanted to know if anyone had any idea on how to achieve this ...
0
votes
0answers
22 views

AI to PDF, mask over photo doesn't show

I layered a gradient over a photo and masked it to create a fade. When I save the file as a PDF and place the file in an email the image doesn't show the fade. I've saved it every way I can think of ...
0
votes
1answer
21 views

(Ilustrator CS6) Missing custom color swatches from gradient tool

I'm having a new problem that I'm 100% certain it wasnt there before. On the top I'm pointing out my custom color swatches. As far as I can remember, If I wanted to add those colors to a gradient I ...
1
vote
1answer
21 views

How do I turn a pen outline into a single object for gradients? (Inkscape)

My question is a bit weirdly worded, but I'm sure this is common thing to ask. I inserted an image and traced it with the pen tool, but I didn't do it in one go. I have one part, which itself was done ...
0
votes
2answers
75 views

How to create Gradient Highlight / Shadow using One Spot Metallic Gold Color

My client asks to use one metallic gold color (for example Pantone 871c) in large heading text and other designs. I'd like to make the gold color pop even more with gradient of light and dark. How do ...
1
vote
1answer
66 views

Is it possible to draw a gradient with a brush or vector path?

Let's say I have a circle in a vector art program like Inkscape. I'd like to animate this circle so that it's revealed from two opposite corners simultaneously (i.e. drawing a pair of semicircles from ...
2
votes
1answer
35 views

Converting a gradient with 13 steps to a gradient of 8 steps?

I have the following gradient with 13 steps: This is the output of https://cssgradient.io/ I used to create it: background: rgb(52,17,46); background: linear-gradient(90deg, rgba(52,17,46,1) 0%, ...
2
votes
3answers
102 views

Create grid gradient background

I want to create a gradient background like the background in the image below: I have tried the solution in this post but the result is not satisfying. As it can be seen in this picture, it seems ...
2
votes
2answers
98 views

How can I make complex gradient images like these in Photoshop or Illustrator? [duplicate]

How can I create these types of gradient images in Photoshop or Illustrator? I don't understand how they made these swooshes. Lower picture is what I came up with... but it's not the same. Your ...
0
votes
2answers
58 views

How to reproduce the gradient settings in Adobe Illustrator?

I need to recreate the gradient settings in letters in Adobe Illustrator (below you can find one example letter in .ai file). Is it possible? letter G (cs6).ai I do not know this program very well (...
0
votes
1answer
188 views

How can I add stop point to linear gradient in inkscape?

I want to create gradient with multiple colors. How can I make it with inkscape? One obvious solution is to add more stop points.
4
votes
5answers
333 views

Illustrator: How to create realistic reflective gold surface?

I'm trying to draw a realistic gold ingot. I've been playing with some basic shapes and gradients, but realism isn't my strong suit. I mean, it's obvious what it's supposed to represent but it just ...
2
votes
3answers
227 views

How can I achieve an iridescent/metallic/holographic effect in raster editors?

I understand this effect can be achieved in 3D rendering programs, but I also believe that it can be achieved through a raster editor like Photoshop. I work in Affinity Photo on iPad, so I’ll need to ...
0
votes
1answer
45 views

Rectangle with gradient around entirety of shape . - Illustrator

How can I make a rectangle with basically a fade to middle gradient on both vertical sides and also gradients from the bottom of both horizontal sides of the rectangle? I cant use radial because that ...
0
votes
0answers
31 views

White spaces in clipping mask of just gradient and compound mask?

How do I take these annoying spaces away? I thought it was a preview error. But I moved it and it stayed in the exact same place.
0
votes
1answer
68 views

How can recreate this overlay gradient

Looking to make a banner image for a website and I've tried to recreate these two images using a few different gradient patterns but I can't seem to get close enough to the referenced images. Both are ...
0
votes
2answers
127 views

Printing a drop shadow gradient transition to transparent in CMYK

I am attempting to print an image of a bowl of food with a drop shadow that gradually transitions to transparent on a white background. The shadow renders beautifully within Adobe Illustrator, but ...
0
votes
1answer
361 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
175 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
337 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
48 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
159 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
100 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
94 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
825 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 ...
1
vote
1answer
182 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
576 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
673 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
131 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
179 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
123 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
292 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
2k 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
57 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
82 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
87 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
122 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 ...
2
votes
0answers
234 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
281 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
388 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
37 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
429 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
223 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
199 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
490 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
167 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 ...