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
5
votes
3answers
957 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
3answers
1k 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 ...
5
votes
2answers
288 views

How is this gradient effect being created on line/vector drawings

I can imagine how it could be done in a dumb way. Are there any quick and scalable ways to produce line drawings with this gradient effect?
5
votes
3answers
155k views

How to create a fade to transparent gradient effect in Illustrator?

The black gradient effect that is placed in front of the pattern but behind the text is what I'm looking to achieve. I've tried creating a black to transparent gradient but can't the nice blur/fade ...
5
votes
4answers
1k views

Create swatches from gradient

I was wondering if there is a way in Illustrator to create a certain number of swatches out of a gradient. Say that I need 9 distinct colors and I want to extract these colors from a gradient. What it ...
5
votes
2answers
5k views

How do I feather the edges of a geographic border in Inkscape?

I'm brand new to Inkscape and I'm trying to feather the edges, or create a gradient on the border of a geographic area for a map I'm making. The desired effect looks something like this:
5
votes
1answer
2k views

Create a clockwise gradient in GIMP

I was wondering if anyone knows a relatively easy way to create a clockwise gradient in GIMP. If you could imagine a vertical line 1ps wide (The length of the radius), and then rotate it 360 degrees, ...
5
votes
2answers
3k 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
2answers
22k views

Illustrator cc: gradient tool — How to take color from the image?

At first I tried the trick with dragging eyedropper, as in Flash 5 (very simple way). Then i tried to use a eyedropper. Update solution I still can not believe that this is the quickest way, I'm sad :...
5
votes
3answers
1k views

How to achieve a gradient in adobe illustrator

I am looking for someone to explain how to achieve a subtle gradient in adobe illustrator like the one in this icon. much thanks.
5
votes
2answers
7k 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 ...
5
votes
2answers
1k 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 text,...
4
votes
1answer
679 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 ...
4
votes
2answers
4k views

How do I make a radial gradient with “rays” from the origin, not circles?

Learning Illustrator, and I'm trying to find how to make a "radial" gradient that, rather than forming circles around the origin, creates "rays" from the origin: Example I've got a similar button ...
4
votes
3answers
9k views

How do I make a gradient of colours with a blocky appearance?

I want to create a block of colours like this (from top left c:0 m:0 y: k:0 to bottom right c:100 m:0 y:0 k:0) There are 100 colours there and I am currently doing a line of 10 with a fade with 10 ...
4
votes
2answers
2k 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 fine....
4
votes
1answer
87 views

Create a 3D cone in Illustrator with rainbow colors

Problem: To create a 3D cone with a rainbow spectrum that consist of 24 colors. Example of the final product should look like this: Example #1 (what I have done so far): Create a circle and use the ...
4
votes
3answers
3k views

Hard color transition gradients

I am trying to reproduce this hard transition of colors with the gradient tool. I had this gradient: And what I need was hard transition between of the colors like here - What is the trick ...
4
votes
2answers
1k 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
4answers
6k views

How to fix the position of a gradient in Illustrator, so that it doesn't move when I edit the object it's applied to?

How do I make Illustrator not change the gradient's position and size when I change the path's shape?
4
votes
1answer
13k views

How to bucket fill area with a gradient in Gimp?

I have a very simple problem. In the following image I want the pinnacles and other parts of my (admittedly very awesome) castle filled with some color and other shapes or outlines filled with other ...
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
2answers
2k views

How do I create subtle background gradients like this?

This has been bugging me for ages. I want to recreate the shadows that are on the background of this image. Whenever I attempt to recreate something like this the shading ends up looking very amateur ...
4
votes
1answer
794 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
2answers
300 views

How to recreate typography in Old Bollywood posters?

Can someone help me to create text in Photoshop that is similar to the sort of text that is in this old Bollywood movie's poster. It looks like text in the gap between the arcs of a hyperbola. Also ...
4
votes
1answer
2k views

In GIMP, how to use an image as colormap (or gradient, or palette)?

I already have a reference colormap in the form of a raster image (basically, the vertical extrusion on a 1D colormap). How can I use it to colorise a grey-level image in GIMP ? If gradients or ...
4
votes
3answers
1k 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 it?...
4
votes
1answer
633 views

Gradient rendered differently in Inkscape (PNG export) and browser

I have created an image with Inkscape. This is how it looks in Inkscape and when exported as a PNG image: But when I try to display it as an SVG the gradient looks drastically different: In case it ...
4
votes
2answers
5k views

Blending colors in photoshop and illustrator

I am working on a print for my wall and I am trying to create something like this: Source I have already created the letters in Illustrator and now I am adding the colors in Illustrator and then ...
4
votes
2answers
7k 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 ...
4
votes
2answers
125 views

Airbrush Illustrator Effect

I am trying to figure out slowly how the following artwork is produced. Would you guys have any clue? It looks like the base work is a photograph, but has a lot of similarities with these faded, ...
4
votes
2answers
747 views

Inkscape: Project a rectangle on bent path keeping gradients intact

I have a rectangle (4-node path) filled with a gradient which I now want to bend along its vertical axis in such a way that it resembles the curvature of another Bezier curve that bends in two places. ...
4
votes
2answers
141 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
2answers
1k views

Creating asymetrical gradients

I've been curious for some time on how to create this asymetrical and multicolored gradient. I know how to do the multi color in photoshop/illustrator, but I am unsure how to create the asymetrical ...
3
votes
1answer
4k views

Inkscape: rectangle with rainbow fill [closed]

I'd like to create a shape gradiently filled with visible light spectrum colors - from red to blue. I am using Inkscape. When I try to specify gradient from red to blue - it chooses a weird color path....
3
votes
1answer
38k views

How do I apply a color gradient to a stroke?

I can see the color gradient when my mouse is over the stroke but once I move my mouse away, the gradient goes away with it. How do I apply the gradient, I have been at this for 3 hours?! I am using ...
3
votes
2answers
501 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 ...
3
votes
2answers
12k views

Illustrator: how to merge multiple gradients

Is it possible to merge multiple gradients into one object? For example: a rectangle with two radial gradients in two corners. How can I implement that?
3
votes
1answer
4k 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 ...
3
votes
3answers
2k views

How do I preserve “shared” gradient when releasing compound path?

I have a compound path consisting of 5 shapes. I have a radial gradient which spans across all of them. Now I'd like to release the compound path because I need to export each of these shapes ...
3
votes
4answers
2k 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
2answers
34k 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 ...
3
votes
3answers
1k views

Can I reproduce this watercolor effect on illustrator? [closed]

Hello there, I found this image on pinterest and I just love it! I would like to know if there is a way to reproduce this effect on Illustrator? It looks a little bit like watercolor, but I can't ...
3
votes
1answer
6k 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?
3
votes
2answers
66 views

How can I apply a continuous gradient across the front and back covers in InDesign?

I get how to create a gradient across multiple objects, but this doesn't seem to work across pages. I've also tried creating a master spread and applying the gradient across two background objects. ...
3
votes
2answers
4k views

Illustrator: How to make color-to-transparency gradient on dark background appear without gray area

I tried to create fade to transparency gradient. It looks fine on white background. However, on black background, there is slightly desaturated gray area between 100% opaque and 100% transparent stop (...
3
votes
4answers
11k views

What's causing my gradient problems in illustrator?

I'm designing a window poster for shop, I'm working on this in illustrator and I'm trying to achieve this clean red to black gradient or feathered effect shown here, A few things are confusing me,...
3
votes
4answers
4k 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
4answers
4k 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 ...
3
votes
1answer
121 views

Is it possible to do smooth color transition between 2 paths in Inkscape?

I have 2 closed paths, one inside another: I want to get a smooth color gradient between their outlines. Something like this, but smooth: (done with path interpolation an manual coloring) Is there ...

1
2
3 4 5
10