Questions tagged [gradient]

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

Filter by
Sorted by
Tagged with
0
votes
3answers
45 views

One gradient across multiple layers (compound path unites layers) illustrator

I know how to put a gradient across multiple shapes in Illustrator using compound path - however, in this specific case I have layers with other parts that need to show in front of each other - and ...
2
votes
2answers
93 views

How can I fade an object which uses the gradient or mesh tool?

I am trying to achieve this look in illustrator. I can only do this much using gradient tool in illustrator. Can someone tell me how can I make it look fade out like the first picture?
0
votes
1answer
60 views

What is this stepped gradient effect called?

I saw this effect of concentric circles discretely fading out (background of the image one). I thought this was a circular gradient (radial-gradient). But other images didn't seem to have a similar ...
2
votes
1answer
33 views

illustrator gradient slider lightens up in the middle

I have a simple two color gradient on an image. I changed the colors to pantone colors to print the design. But now that I changed the colors, the gradient lightens up in the middle. I would love ...
0
votes
2answers
36 views

Apply gradient to individual letters

In Illustrator CC 2018, I can't find a way to apply a gradient to individual letters of a text. I know that I can apply the gradient to the whole text by adding a new fill to the text object. But ...
0
votes
1answer
29 views

Merge Compound Path with its Stroke in Illustrator

I have a vector that is in Compound Path Format. It also has a stroke. I Would like to apply a Gradient to it, but as applying two gradients (one for the color itself and one for stroke) creates a ...
1
vote
1answer
35 views

Fade layers in from edge of the screen (but not the whole image)

I have three layers: 1) fade foreground (currently a black and white gradient) 2) foreground (contains roads, buildings, vehicles etc) 3) background gradient What I am trying to is fade in the ...
0
votes
1answer
55 views

How to save 'Screen'-type gradients?

I am very new to Illustrator. Could you pls help me with following question. Creating a gradient with a Screen-overlay type (near opacity selection) makes your radial gradient a glow pattern, ...
0
votes
1answer
35 views

How to make a “squared gradient” in Adobe Animate (or Photoshop, XD, or Illustrator)

I would prefer to do this in Animate, although if it's possible to do it in Photoshop, XD, or Illustrator instead, I would be interested in learning that technique as well. In Adobe Animate, I can ...
0
votes
1answer
80 views

gradients/blurs - How do I reproduce this gradient?

I've been trying to reproduce this art but can't get such smooth blur and how it just "drags" like smoke... Where should I do it: Photoshop or Illustrator. And how to do it?
1
vote
1answer
36 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
36 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
410 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
143 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
27 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
23 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
166 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
81 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
41 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
115 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
137 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
59 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
407 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
482 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
389 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
56 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
33 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
168 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
522 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
214 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
454 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
49 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
297 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
117 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
105 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
895 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
238 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
614 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
2answers
1k 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
140 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
231 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
139 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
397 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
82 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
89 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
89 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
126 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 ...