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

learn more… | top users | synonyms

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 ...
1
vote
1answer
134 views

Illustrator gradient fill makes jaggies between colors if angle is changed

I have a 4 color gradient fill angled at 40 degrees (maybe its not the best way to achieve what I want) and the lines where colors meet are having jaggies. I have attached a screenshot of the ...
0
votes
1answer
235 views

How to draw a image transparent in photoshop?

This arrow is transparent image. I want to draw an icon like this image (transparent) in Photoshop. The idea behind this is I want to colour the icon by using gradient tool in my app. It would ...
3
votes
1answer
74 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. ...
2
votes
1answer
1k views

logo with color gradient how to do this?

I would like to do the below color gradiant: Does anyone know how to approach this? I have searched but don't know the right way to name this effect. I'd prefer making this effect in Adobe ...
1
vote
1answer
15k views

Merging multiple paths in Illustrator CS6

I've got multiple paths which, together, create a single sprite in Illustrator. I'm trying to merge the paths in order to apply a gradient to the whole thing; however, Pathfinder does nothing, and ...
2
votes
2answers
571 views

How can I create a black to transparent gradient without banding?

What I need: A 3000px by 1340px PNG that vertically graduates from 100% opacity black to 0% opacity black. My problem: Banding occurs. Example: http://i.stack.imgur.com/bmwle.png What I've tried: ...
1
vote
1answer
6k views

Illustrator gradients along (not following) a shape/curve?

How could I add gradients along an object/path (not following the path, but using it as a base, like inner glow) ? Sample:
1
vote
0answers
432 views

How to create a small button image with embossed text like this?

I'm trying to create a shade/roll up button for a window manager theme I'm using. How do you create an image like the one pictured? I'm familiar with gimp but I'm not familiar with the techniques to ...
0
votes
1answer
106 views

Layer mask not taking in gradient outlay

I have created a layer where I have drawn a straight line of thickness 2px, I need to apply a gradient overlay of a certain pattern but when i do it, the layer mask is not taking it and I see no ...
-1
votes
3answers
273 views

What constraints can I put on a set of colors to produce quality gradients?

I'm creating a gradient programmtically with HSB Colors. My Question is what kind of colors do fit good together in a gradient? Which of the Values H(ue), S(aturation), B(rightness) needs to variate?
1
vote
1answer
6k views

Copy gradient or style from photoshop to illustrator

I am new to illustrator, if this is too basic do provide links for me (tutorial). I've made a shape, and I put styles on the layer, gradient, color overlay, opacity reduced, I know how to copy the ...
1
vote
1answer
2k views

“Replace” image (gradient) in image with alpha

Consider the following graphic: Note that the first image's background is transparent, and that the blue background in the second and third images is a subtle gradient - not solid color. ...
0
votes
2answers
422 views

Get rid of step gradient

Using Flash CS4. The gradient is very "steppy", i.e. there are stripes. How can this gradient be made continuous?
1
vote
4answers
10k views

Illustrator gradient tool won't change direction

In Illustrator CS6, I can only get the gradient tool to add a horizontal gradient. I can not drag either of the end points around into a vertical gradient. What is going on here that I can't see?
6
votes
2answers
2k 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 ...
1
vote
1answer
672 views

Trying to export PDF from Illustrator, but gradient (Black to Transparent) not printing Transparent

Using - Illustrator CS5 I have created an image which has a shadow behind it. This shadow is a shape with a gradient applied that is black to transparent. I have saved this Adobe Illustrator file ...
1
vote
1answer
278 views

Recreating a Photoshop Gradient From a Bitmap Screenshot

What's the most accurate technique for re-creating a gradient in Photoshop from a bitmap image like a screenshot? So far I've been using the dropper tool to pick out colors and manually set color ...
2
votes
1answer
784 views

Colour of gradient overlay changes when saving for web and devices in Photoshop CS4

I have an image with a linear gradient overlay (banner image on this page EDF Energy - Our Campaigns. I have set the RGB colour in CS4 to R: 29 G: 31 B: 79. However, when I save the file for web the ...
20
votes
6answers
28k 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. ...
2
votes
1answer
2k views

Create rounded button with inset edge, gradient and inset text with Gimp

This is my first attempt at seriously using Gimp. I am more of a front end developer slash developer myself and I have only used Gimp or Photoshop for very basic stuff such as removing backgrounds, ...
0
votes
1answer
1k views

Photoshop shape segment with gradient

How can I create a slice-like area within a shape in Photoshop and apply a gradient to it. Here is an example - the black area: I've tried to create one light grey shape and one black shape on a ...
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 ...
7
votes
1answer
342 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 ...
2
votes
1answer
2k views

Dither and Gradients

In Photoshop you can add Dither to Gradients. I understand what dither is but when I apply dither to my gradient I can see no difference. What exactly does dither do?
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 ...
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 ...
0
votes
1answer
328 views

Fill complex technical drawing with a gradient

I have some complex technical drawings that are in Illustrator CS5 that I got from a pdf. I need to be able to fill each with a gradient to look as if there is a light source. When I select and make ...
1
vote
2answers
2k views

Save for Web & Devices in Illustrator CS5 Causes Artifacts on Large Files

I am saving with these settings: And ending up with weird transparent line artifacts: The ai file does not have this, and the path has nothing near the place where the lines are showing: From ...
-1
votes
2answers
599 views

Illustrator gradient banding but on the Display? [closed]

So I was working and everything was ok until a PC crashed which made me re-install windows and adobe products. Until then my gradients were perfect, but now as I try to make one they are full of huge ...
1
vote
1answer
336 views

Critique background color / gradient to use

I'm in the process of putting a site together. I have very limited knowledge regarding Photoshop (but I am trying!!). The site is being built to display some images of mine. I'm a photographer by ...
1
vote
2answers
3k views

Transparent to black gradient?

I am trying to recreate the effect on the bottom of this photograph, where it reads "Back from the Darkness". I have the text figured out as far as transforming it to match the perspective. But it's ...
1
vote
2answers
1k views

Add gradients to an object in Pixelmator?

I'm a new to graphic design and I'm whipping up a quick icon for an app kinda thing. I created a rounded rectangle shape. Next I need to add a slight gradient to it to make it look neat. I have to ...
0
votes
3answers
977 views

Gradient Brightness

I'm not particularly experienced in graphic design, so maybe there's an easy way to do this that I just haven't noticed, but... I have a layered PNG image in Gimp. It's a complex shape (a photo of a ...
1
vote
1answer
833 views

How calculate 2 colors for red gradient button with same ratio as 2 colors for blue gradient button?

I have gradient button that generated by 2 colors:#0880A9, #066383.(blue). I want to create button with red gradient that have same ratio as my blue gradient. How should i do this calculation? ...
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? ...
1
vote
1answer
435 views

Gradient filter

I would like to do a non-color gradient, but am not sure how. For example applying a blur filter in gradient. I.e., imagine the left side of the gradient fill area would be "normal", and as you go ...
6
votes
3answers
16k 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?
0
votes
2answers
1k views

How do you change the origin of a radial gradient in Inkscape?

I want to change the origin of a radial gradiant in inkscape (so that it's not the centre of the shape, but off to one side). How do I do 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
12k 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 ...
1
vote
2answers
4k views

How do I create a custom gradient pattern in Photoshop CS5?

Is it possible to start a gradient (in a layer mask) from, for example, a bent shape. So that the "fade" itself will not be straight but rather a bit curved. I hope the question is understandable, ...
1
vote
1answer
12k views

Photoshop image fading and background effect

I believe it's easy to do, but I am missing some details. Somehow, my results are not what I'd wanted them to look like. How to draw illustrational lines? (Think of the lines from Windows Vista ...
1
vote
1answer
1k views

How to achieve special effect with layers in Paint.NET?

I am more a developer and not a graphic designer, and because I really don't do this kind of stuff often (more like once in two years or so) I don't want spend a lot of money on tools i'm not going to ...
2
votes
1answer
557 views

Can one make a scalable vector background in Photoshop

I'd like to make a linear background gradient that I can scale using the same tools I would for a vector shape (ie. transform). Is this possible? How? Note, if I create a layer style gradient it ...
0
votes
2answers
258 views

Extend gradient to two separate areas

I have two open areas in a picture which aren't connected, but I want the same gradient to be present in both of their backgrounds. Is there any way to achieve this with the same gradient? If it ...
1
vote
5answers
2k views

How do I achieve this gradient effect on type in Illustrator?

I'm trying to achieve the gradient effect shown in the below examples on each letter of the type I'm using in a logo design. I don't really know what this style is called, so I can't effectively look ...
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:
0
votes
1answer
504 views

Gradient background

I bought a template and I want to change the background. Now it is looks like this: I have this background: How can I make from this a gradient background like on original image?
1
vote
3answers
607 views

Cropping a JPEG in Photoshop CS2

I need to crop this .jpeg image: in Photoshop CS2 to a vertical 1px image so I can repeatedly render it horizontally to create the full gradients that are dynamically sized. Do you know how I could ...