A gradient is the outcome of blending multiple colors or channels gradually together. A rainbow is an example of a gradient.
11
votes
2answers
344 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 ...
8
votes
5answers
3k 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
561 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
5answers
6k 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.
...
7
votes
1answer
165 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
230 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
337 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
7k 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?
4
votes
2answers
1k 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 is an orange and purple found that matches the same colour scheme?
I suppose the colour in the 'R' is yellow?
...
4
votes
1answer
73 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
3answers
6k 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 ...
3
votes
2answers
972 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 ...
3
votes
2answers
64 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 ...
3
votes
1answer
5k 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
482 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
1answer
159 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
1answer
704 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 ...
2
votes
3answers
895 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 ...
2
votes
1answer
149 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)
2
votes
1answer
829 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, ...
2
votes
1answer
87 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?
2
votes
1answer
384 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 ...
2
votes
1answer
41 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
430 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 ...
1
vote
5answers
924 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 ...
1
vote
4answers
3k 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?
1
vote
1answer
250 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
3k 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
115 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.
...
1
vote
1answer
930 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?
1
vote
3answers
346 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 ...
1
vote
2answers
50 views
How to fix the gradient's position in Illustrator?
How do I make the Illustrator not change the gradient's position and size when I change the path's shape?
1
vote
1answer
119 views
Gradient white lines in .eps file
I designed a vector in Adobe Illustrator CS6, but when saved as an .eps file, white vertical lines appear in my gradient.
What is happening? I've tried rasterizing the vector at 300 PPI with ...
1
vote
1answer
2k 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 ...
1
vote
1answer
28 views
Gradient part of the image displays white doted a long the bending on email clients
I'm new to Photoshop and I'm building an HTML email template for the client with the PSD file provided.
This is the image part I cropped and what it displays in the normal browsers:
And below is ...
1
vote
1answer
38 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 ...
1
vote
2answers
953 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 ...
1
vote
1answer
541 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 ...
1
vote
2answers
47 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
...
1
vote
1answer
35 views
Inkscape radial gradient center color visibly different from specified stop color
I use Radial Gradient in Inkscape.
PROBLEM: Color at center of radiant is much darker than defined stop color, as shown by red arrow:
How comes?
How can I make the color at the center to be the one ...
1
vote
1answer
608 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
1answer
1k 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
2answers
796 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
vote
1answer
207 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
1answer
611 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?
...
1
vote
1answer
223 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 ...
1
vote
0answers
178 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
2answers
961 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 ...
0
votes
1answer
474 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?
0
votes
2answers
161 views
What colors look nice in 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?
