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

learn more… | top users | synonyms

21
votes
4answers
5k 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. ...
19
votes
6answers
25k 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. ...
12
votes
2answers
1k 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 ...
10
votes
3answers
10k 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
10
votes
3answers
826 views

How should artwork be setup for T-shirt printing?

What does it mean to colour separate the artwork in 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 ...
10
votes
4answers
2k views

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

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

Photoshop curved Shadow

How to create the shadow effect as per the url/image below? Specifically, the rounded/curved shadow at the bottom:
8
votes
2answers
743 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 ...
7
votes
4answers
3k 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? ...
7
votes
1answer
323 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 ...
6
votes
2answers
1k 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 ...
6
votes
3answers
15k 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?
6
votes
1answer
422 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 ...
6
votes
1answer
2k 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
1k views

4 colors/corners gradient with Illustrator

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 ...
6
votes
1answer
1k 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 ...
6
votes
1answer
133 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
2answers
562 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 ...
5
votes
3answers
726 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 ...
5
votes
3answers
399 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) ...
5
votes
2answers
620 views

Easy way to create repeating custom radial gradient?

I want to create a simple repeating gradient for a Gradient Overlay effect in Photoshop. I had to manually create this: Is there an easier way to make a repeating pattern by designing a small one ...
5
votes
1answer
525 views

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

How can I create these types of gradient images in Illustrator?
5
votes
2answers
383 views

What is the best way to write text over a photo so that it can easily be read?

This is a view from an app for restaurant. As you can see, buttons and title of the dish cannot be read easily, especially over white tone photos. I applied some gradient mask between photo and ...
5
votes
3answers
1k 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 ...
4
votes
4answers
1k 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 ...
4
votes
2answers
1k views

Photoshop showing low quality graphics

I have a strange problem in Photoshop. I had this background image that I had downloaded from a website to try and recreate something like it. After I downloaded it and opened it up it all looked ...
4
votes
2answers
340 views

An analogous gradient on a triangle in Inkscape

I have a rectangle, shown below, which has a gradient so that the top and bottom edges fade to black. I wish to reshape this this rectangle into a triangle (like the one pictured) so that top and ...
4
votes
1answer
199 views

How to create a non destructive 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: ...
4
votes
3answers
9k views

How to Create a Leather/String Lace texture or stitching effect

So I've been going through some iOS designs and love the features you see in bar gradients. More specifically the textures are to die for - but I'm still fairly new to mobile design stuff. I'm ...
4
votes
1answer
268 views

Why do I get color banding when using Color Dodge and a dark colored gradient?

I am experiencing significant color banding when I use the Color Dodge blend mode with a very dark colored gradient layer style. I have even tried enabling dithering on the gradient layer style, with ...
4
votes
1answer
10k views

Photoshop, 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 ...
4
votes
2answers
7k 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 ...
4
votes
2answers
197 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 ...
4
votes
1answer
572 views

How can I create a double helix?

I want to create intersected curved line like this , I use Pen Tool but can not get the same as this , and searched a lot for already built through google , but all I got were curve lines not like ...
4
votes
2answers
108 views

Transform or filter which selects similarly colored regions?

Is there any transform, which "looks" at any region of a picture and then compares it with neighbor region, and if two regions are similarly colored, then unifies two regions in one and colors it with ...
3
votes
4answers
1k views

ios 7 background gradient

Please take a look at the image below. I am trying to find out if there's a "rule/pattern", even something that can be put down in math form, to the selection of a two-color gradient. The required ...
3
votes
1answer
5k views

Photoshop Gradient Overlay requires a shape layer, not a regular layer?

Today I was following a tutorial using PS CS6 on the internet and it asked that a layer be added and Layer Style > Gradient Overlay be used, which would later become a background. I'm not a big ...
3
votes
1answer
7k 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 ...
3
votes
4answers
1k views

Perspective/non-linear blends with a common centre

In illustrator, if you want to take a blend between two objects with a specified number of steps and give it a perspective-like effect - changing the curve of the blend from linear to non-linear so ...
3
votes
3answers
147 views

How to achieve this patternish gradient texture / halftone effect in Illustrator / Photoshop

How can I achieve this sort of pattern? I presume from these sample images I found from a poster made by Laurient Durieux, it is made using illustrator. Or am I wrong? Is there a proper way to do ...
3
votes
3answers
4k 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 ...
3
votes
3answers
4k views

Photoshop 24 bit image showing black pixels in 8 bit mode

I came across this problem after printscreening a website with a gradient background. Initially, I was shocked to find that the background was showing those black pixels, and thought something might ...
3
votes
1answer
752 views

Removing part of a stroke and adding a gradient to a stroke in Illustrator CS5

Here's what I have... The top and bottom half are two separate objects each with their own gradient. I would like to remove the curved horizontal line going across the shape, then I would like to ...
3
votes
2answers
1k views

how can I create this gradient in photoshop?

I want to create a radar like the one bellow, where the gradient goes darker and darker clockwise. in the left it is totally transparent, while in the right it goes to 60%. I tried to add linear ...
3
votes
1answer
308 views

Illustrator: creating two colour-wheel-like objects out of 23 circles/discs

So what I'm trying to do is make 23 circles in the same style as the image below, but in two concentric rings instead of one big one. The circles should be the same size and also arranged in a ...
3
votes
2answers
249 views

How to create a custom shaped gradient?

I have an image that I'd like to blend into another image. Using the gradient tool to draw black on a layer mask works fine, but I'm limited to just straight lines or circles. What I need is a ...
3
votes
1answer
2k views

How can I create an abstract sea/wave effect in a free vector package?

I'm looking to create a vector (ideally) illustration with an abstract sea, much like this (not the dolphins or sun): How can I go about this using free tools such as Inkscape?
3
votes
1answer
80 views

Applying a gradient to a shape layer evenly that takes into account the shape of the layer?

When I apply a gradient to a shape layer, the gradient is always applied as a rectangle. e.g. The red rectangle implies the edges of the gradient. What I'm after is for the gradient to be ...
3
votes
1answer
71 views

Inkscape; transfer gradient names between documents

For a webinterface i am designing icons in Inkscape. These icons all use the same colorsetting and gradient. Then, when designing the mockups i copy the the icons to a new document using copy + paste. ...
3
votes
5answers
3k 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 ...