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
37
votes
7answers
82k views

Is it really impossible to have gradient without banding?

I am struggling to create a gradient without banding. I have watched all the videos on YT and tried: Bluring all kinds, Noise, Dither,bit depth, Brush and doing the gradient in Illustrator. ...
27
votes
4answers
158k views

Photoshop CS5, how to create a layer mask from a layer?

I have a layer in Photoshop that I'd like to use as a layer mask, is this at all possible? It's a black & white layer with some gradients that I would like to apply to another layer that's a ...
24
votes
4answers
12k views

Why is it that this color gradient is so much more attractive than others?

I've been playing around with some gradients on a site I'm developing, and I'm really interested in the psychology or other meaning behind why certain colors appear more attractive than others. Here'...
23
votes
4answers
5k views

How does Yoga Perdana colorize his illustrations?

If you haven't heard of him or seen any of his work, Yoga Perdana is a digital artist who, in my opinion, creates some really awesome illustrations with a very soft feel to them. I believe I ...
21
votes
4answers
47k views

How should artwork be setup for T-shirt printing?

What does it mean to colour separate the artwork for T-Shirt printing? It is normally suggested to use Pantone colours for T-Shirt printing. Is it the Pantone Coated or the Pantone Uncoated? The ...
18
votes
2answers
92k views

How do I apply a gradient across multiple objects in Illustrator?

I have two separate objects that I have applied gradient fill to. The gradient fill seems to only apply to the objects as individuals. I tried grouping the shapes, but that doesn't seem to change the ...
16
votes
2answers
43k views

Adobe Illustrator - Copy gradient of one object into another object

Does anybody know the keyboard shortcut or the easiest way to copy a gradient of an object into another object.
15
votes
3answers
28k views

How to draw “rays” in Photoshop?

How do I draw "Rays" emitting from an object in an image in Photoshop? Example from http://www.pxleyes.com
15
votes
2answers
4k views

What effect do gradient fills have on the eye?

There are many baseline rules in web design (and design in general) around how the use of color, shape, line-quality, and font. These rules typically have some grounding in the way the brain perceives ...
15
votes
2answers
14k views

Change gradient colors in Inkscape

How can I change the color from which to which the gradient should be changing in Inkscape?
13
votes
2answers
26k views

4 colors/corners gradient with Illustrator or Photoshop

I should create a vector rectangle filled with a gradient made of 4 colors, one for each corner. I could just find some very generic information about using live blends, but I am not sure that is the ...
13
votes
3answers
6k views

Research: Grainy/Noisy Gradient

Below I have posted a poster created by Malwin Béla Hürkey in which a grainy/noisy gradient was used to create 3dimensional shapes. Can someone point me towards a method to create such gradients? ...
12
votes
6answers
3k views

How to repeat a gradient multiple times in Illustrator and Photoshop?

How to repeat a gradient 'n' times, for example, repeating black to white gradient 5 times (along the path of stroke) like I've done manually in below example image. Is there a way to automate it to ...
12
votes
2answers
2k views

How do you avoid bands of prominent color in gradients?

So this is more scientific visualization than graphic design, but I think the theory is the same. In colormaps used for visualizing data, there are often bands of color that stick out when they ...
11
votes
3answers
7k views

SVG gradient implementation

Is it possible to recreate this sort of blurred gradient in an SVG?
11
votes
3answers
32k views

Elliptical radial gradient overlay in Photoshop CS5

I've found that you can change the aspect ratio of a radial gradient in Illustrator to create an elliptical gradient, how do you achieve the same effect in Photoshop please?
11
votes
5answers
67k views

How to use the color picker in illustrator?

How can I color picker for the gradient tool to sample a color? It seems the color picker does not work like photoshop does where you can pick a color from the existing canvas, but have to know either ...
10
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,...
10
votes
6answers
6k views

Photoshop curved Shadow

How to create the shadow effect as per the url/image below? Specifically, the rounded/curved shadow at the bottom:
10
votes
4answers
3k views

Styling clean flat-design buttons so they show affordance, and look 'well designed'

I started a tiny CSS framework recently. (http://mincss.com if anyone's interested) I quickly banged out an initial design for some buttons. After asking for feedback on UX StackExchange (and ...
10
votes
2answers
11k views

How to draw a color wheel in illustrator?

How to draw a color wheel in illustrator? I am thinking of creating many small arcs with gradient and all hue colors. Any ideas?
9
votes
2answers
5k views

How to select colours that match each other?

Looking at the colours in this logo, it is clear that the colours match each other. How do I find an orange and purple that match the same colour scheme? I suppose the colour in the 'R' is yellow?
9
votes
2answers
38k views

How to get speckled shading in Photoshop?

I am trying to achieve, for lack of a better term, a speckled shading in Photoshop. I'm not getting the right effect using noise (even with a gaussian blur) or setting the layer to dissolve. Here ...
9
votes
2answers
26k views

Is it possible to make a gradient follow a path in Illustrator?

If you take this image: Is it possible to make a gradient in Illustrator that follows that path? I made something similar (just not with a single path, but with the pen tool) and I want to have ...
9
votes
2answers
2k views

Why is this gradient considered metallic chrome?

Why is the "white to brown & white to blue" gradient generally considered a shiny metal? What is the reasoning/theory behind this? Why those colours? (If someone says chrome, you might first ...
9
votes
6answers
45k views

How can I edit the colors in an already-placed, custom gradient in Photoshop?

Here's a basic list of what I did to the document before I sat down at the computer tonight: Customized a gradient Applied the gradient to the image in the usual way (mouse stroke), in its own layer ...
9
votes
1answer
1k views

Finding the “base” color of a gradient . . .?

Somehow, I inherited this project that comes with a logo, the CEO already has business cards printed with that logo on it, and as far as I'm concerned, the colors and design are non-negotiable anymore....
8
votes
4answers
1k views

Scan of paper: keep grain pattern, remove gradient

I have a hi-res scan of some paper, where you can see the grain. However, the scanner has made some parts of the page darker than others—for example, it is a lot darker near the page edges. This can ...
7
votes
3answers
20k views

How to add a color gradient to a picture

I felt in love with the way this graphic designer, called Mariusz, has edited this picture. It would be fun to produce something like this for myself. Anyone has some ideas on how to create such a ...
7
votes
1answer
4k views

How do I bind gradient to object so that it doesn't change when I move the object?

Typical situation. Make an object in gradient: Move the object: Uninstall Inskcape. My question therefore is, whether I can bind the gradient to the object so that it moves when I move the object,...
7
votes
2answers
3k views

RGB Vs CMYK : Deciphering gradient transitions in different colour modes

This issue may be related to Photoshop or to colour modes in general but this is what I am trying to figure out. The image below is from a CMYK file with two layers. It has two duo colour gradients. ...
7
votes
5answers
24k views

How do you extract a color from a gradient in Illustrator?

I want to grab one of the colors from a gradient, and turn it into a solid color swatch. Update Just to be precise, I want to get the color of one of the 'nodes' in the gradient. So if a a gradient ...
7
votes
1answer
72k views

Gradient Tool is blocked on Illustrator cs6 [closed]

My gradient tool on Illustrator cs6 is blocked. It won't let me change color, direction or anything related. The Gradient tool wont even let me click on the gradient, it shows the cursor with a ...
7
votes
1answer
4k views

How to create a nondestructive gradient mask over an object? [duplicate]

I'm trying to create a mask with a nondestructive gradient. So far I have managed to create my shape in a smart object and the masking gradient in another smart object. My mask looks like this: The ...
7
votes
1answer
2k views

How can I use gradients to imitate depth for isometric mazes?

I would like to create a maze with gradients, but I don't know where to start. I can see that they are subtle gradients that shift, so I would like to start with some techniques that could help me ...
7
votes
1answer
1k views

How to create a clockwise gradient in Inkscape

I would like to know whether it is possible to create a circular gradient or alternative one which follows a given path in Inkscape. This is the effect I would like to create: Circular gradient ...
7
votes
2answers
20k views

How to remove strange banding from PNG export with radial gradient

I'm using Illustrator CC 2014 and have a radial gradient that looks smooth in edit, but gets really weird bands when I export or Save to Web (any format, all settings). Here's how it looks in ...
7
votes
7answers
51k views

Why doesn't the gradient tool appear over the object I've applied it to in Illustrator CS6?

Why doesn't the gradient tool appear over the object I've applied it to in Illustrator CS6? I have to click and hold down to adjust the size of the gradient on an object or just use the gradient ...
7
votes
2answers
7k views

Gradient Banding in Chrome

I've been trying use linear-gradient CSS to avoid using an image for a gradient but unfortunately it renders poorly in Chrome with visible banding. I've created a codepen example to illustrate the ...
7
votes
1answer
642 views

How could I improve the shading on this chain link illustration?

I'm trying to make a stylized chain (the hardware kind, not a bike chain or jewellery) in Inkscape. Initially I gave it a flat effect, and this was easy to achieve. For the O-shaped links, I used ...
6
votes
4answers
82k views

How to fill half of a word with one colour and the other half with a different colour in Adobe Illustrator

I want to recreate the text of a logo I have. It had black half way down the text and then yellow for the other half. How do I create text with a different colour on each half in Adobe Illustrator?...
6
votes
1answer
14k views

How can I make complex gradient images like these in Illustrator?

How can I create these types of gradient images in Illustrator?
6
votes
1answer
9k views

Illustrator: How do I copy a gradient (including direction) from one object to another?

I know I can copy a gradient (minus direction) from one object to another, but how do I preserve the direction of the gradient? (I'm using Illustrator CS6)
6
votes
1answer
8k views

Photoshop CS3 Layer effects - Radial Gradient's center

How do I pick the center point for a radial gradient that has been applied via layer effect to a shape? It's defaulting to the center of my shape but I want the gradient's center point to be near the ...
6
votes
3answers
3k views

Best way to create a shadow (depth) effect in Illustrator?

I'm working on a logo and trying to give the logo shape a 3D'ish depth effect. Here is what I currently have: Regular size: Larger size: The way I'm currently achieving this effect is by creating ...
6
votes
2answers
331 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 ...
6
votes
1answer
2k views

What is the math behind gradient map in photoshop?

I am trying to implement gradient map of Photoshop programmatically. Consider below shown gradient map where all white components are replaced by green and black by blue. For other color components ...
6
votes
5answers
9k views

GIMP: How to apply a mask to multiple layers?

I'm new to GIMP, so I'm having trouble accomplishing the following: I want to apply the same layer mask to all of my layers without having to merge them. If this is not possible, the end result I'm ...
5
votes
3answers
6k views

Gradient effect with dots

I was trying to create a gradient effect using dots, but not using the halftone effect. Examples of what I'm trying to achieve can be seen here: and here: I was hoping to achieve this in ...
5
votes
3answers
916 views

How many colors should be used in a background gradient?

For on-screen design (web or desktop applications), in areas where there is significant background space visible, a subtle gradient adds a lot to the look of the app/page/image. How many colors (max) ...