Tag Info

Hot answers tagged

33

The main difference between the initial example and your experiments is that the original does not cover nearly as drastic a change in hue. Going from golden-yellow to magenta/pink is about a 1/6 turn on the colour wheel. In contrast, your experiments (orange-red to blue-violet, blue-violet to yellow-green, and cyan to blue-violet) are all more than 1/4 ...


24

Since you are asking "why are they perceived differently", here is another (very geeky) thing to consider: the perceived luminescence of an RGB colour. This is hard to apply, so take my answer almost just as trivia : ) The luminescence value of a colour of indicates how "lit up" you perceive it. If the colour would be a light bulb, a colour with low ...


19

Quick & dirty method Use readily available custom shape, which has been included in the installation since probably CS 1 — maybe even before that. I didn't realize its powers at first, mainly because the small thumbnail is distorted with a heavy moiré pattern (here highlighted): Just draw that shape behind the object you want to "emit rays". ...


17

Noise and dither usually yield quite good results. There's a couple of things that may make “banding” more apparent: “start” and “stop” colors gradient size (banding becomes more apparent when “start” and “stop” points are getting farther from each other—gradient have to be “projected” on more samples with the constant number of available brightness ...


15

Here's my way... Prepare an empty layer. Draw a rectangular marquee across the half of the layer. (like on the image above). Fill that selection with your desired ray color. Select Filter > Distort > Wave. Select the Square type and adjust the wavelength to increase/decrease bars (max and min the same value). Apply. Select Filter > Distort > ...


13

Don't confuse "match" with "harmonise". There's a big difference. These colours don't match (they aren't the same). They do harmonise. To understand the difference, and my answer (which I promise I will get to!), we have to take a slight detour into what colour is. One of the most unfortunate things about describing colour is that key terms with ...


11

That image can go either way, but I would say it is upside down to understand the context of the name. Essentially, "chrome" in its classic context really doesn't have a color—it's a mirrored finish on metal parts—and it can only reflect the environment it is in. Think desert horizon on an antique car fender, like a '57 Chevy, and there's your "metallic ...


11

I suspect that the curve on that shadow might be an optical illusion of sorts. As @lawndartcatcher explains in his answer, the curved look can be achieved by making the intensity (or opacity) of the shadow fall off towards either end. Here is a step-by-step look at that process. Here is my top layer: Below that I add a basic soft shadow (I used a ...


11

Color Separation This is the process of taking the artwork and (for the lack of a better term) separating the colors to facilitate the creation of the individual printing plates. To show by example, here's a 3 color job: Your printer probably won't expect you to create the plates with the trim and registration marks†, but you can certainly help them out ...


10

They're just careful applications of gradient fills and/or meshes to give a depth effect. Not everything has a specific term for which complete tutorials can be found. I would advise just trying to recreate these logos and come back when you hit a specific problem.


10

Simply use the color picker in an app like Photoshop. Set the dialog to use the H or Hue option and find a starting color. Then to get color of similar value, move the slider up and down the color bar. This will keep saturation and brightness the same, and only change the Hue value. Don't move the circle in the large color pane. There are also other ...


10

Look at the images - you choose the same options and get the result - You select the path and invoke GRADIENT panel where you choose between 3 STROKE options according to the desired effect: or or


9

When it comes to gradients I know there are several opinions on this, but in my opinion gradients are best used when they provide depth. A gradient should never take away from a design or distract from the message of the design. In most instances they are being used to mimic a light source in either radial or linear format. Radial provides the best look for ...


9

I think a very subtle gradient will definitely improve the aesthetics of the buttons. Since the Windows 8 "Metro" style is a large proponent of this style, I'll use that as an example: At first glance the "tiles" look like they are a flat color, but if you look closely there is a very slight gradient going left to right. It is more noticeable on some than ...


9

I think you're trying to apply a mezzotint effect. Filter > Pixelate > Mezzotint From this: To this:


8

Yes, it's possible to create high quality gradients. There's lots of factors to take into consideration though. Photoshop doesn't and can't dither on the alpha channel. You're better using solid colours, if possible. Also, try to avoid layer opacity. Create the gradient using the exact colours you need. There can be some cumulative rounding errors if your ...


8

Type a V Rotate it 180° Apply a gradient overlay.


8

For Photoshop: Starting with the source image in greyscale: Source: http://everysinglepixel.com Add a layer with a gradient fill on top of it, adjust the blending mode for the layer to something that looks nice. I chose Soft Light and tweaked the opacity.


8

You can easily do this with a Gradient (without a gradient appearance). Don't let the term "Gradient" throw you. It's just the name of the tool, it doesn't have to mean a smooth transition between colors. Just make certain the Location for both gradient stops is set the same. You can even make this dynamic while keeping text live. So, it moves with the ...


7

It looks like an extremely stretched circle with a 2 or 3px feather to me... not a gradient or true drop shadow at all. layer 1 layer2 (circle marquee with 2px feather and anti-alias on filled w/ black. Layer opacity set to 25%) Both layers combined. My example only took 3 minutes to build. You could def elaborate by using a large 10% opacity eraser ...


7

Create the radial gradient on its own layer, whether directly or through the use of a gradient effect, then convert the layer to a Smart Object using Filter > Convert for Smart Filters or Convert to Smart Object from the Layers Panel flyout. You now have a gradient that you can resize and transform using the Edit > Free Transform as needed. Because it ...


7

It's easiest to complete this isometric maze in Adobe Illustrator. I've tried for the first time, creating a screencast that most accurately shows the necessary steps to complete this and adds some commentary on the use of accurate gradients. Still improving at screencasts, but hopefully it gets the points across. Part 1: How to make an Isometric top - ...


7

The procedure to create complex gradient is eventually pretty easy. In Illustrator: Sep 1) Create a rectangle the size of your canvas, with no stroke or fill Step 2) Now you need to create what is called "Gradient Mesh"! You'll find its icon in the toolbar. Step 3) with the tool active, simply click where you want to add a pivot (sort of control point) ...


7

This was probably drawn in Illustrator. My guess with this one is the text FBTO is a clipping mask making everything outside of it transparent. In a layer underneath it looks like they have made a layer with a gradient mesh. They've manipulated the mesh to create a rainbow effect and, as part of this effect, its become distorted a bit to created that ...


7

Drag the Gradient Filled object to the Graphic Styles Panel. The angle will be retained in a Graphic Style (along with any other appearance settings) Then, when you need to reapply the gradient, select the new object and click the Graphic Style in the Panel.


7

As you mentioned, when designing flat buttons you need to keep an eye on a couple of things. The first one being, I'd say: Does it look like a button? This is not necessarily something that depends only on the button, but on the rest of the elements of your UI. If you are using flat buttons, I'd suggest you avoid similar shapes/styles everywhere else. You ...


7

Here's how I do it (steps correspond to pictures). Starting shape to shade. Create copy of shape with color of the shade (or highlight) you want to "speckle" and make sure the layer is above the original shape Create a mask on this layer (3rd button from the left in layers palette) Ensure that the mask is still selected and fill this mask with 50% gray ...


6

I think the question is really one of your particular site and the client's need for the visual effect of a gradient. I think the current trend is (using HSV as a visual construct) to pick just one hue, and use saturation or value to shift it across the spectrum. In most cases, the scale of the gradient is also pretty large; small enough for you to see it ...


6

One good, quick, highly flexible and non-obvious way of getting effects like the first one would be to create a gradient-like blend object from a few thick-stroke lines (see below), make a new pattern brush from it using the brushes panel, curve a path or paths into the right shape, and apply the brush to the paths. Here's an example: The original ...


6

Sounds like in the first instance that you saved the file as a gif or some 256 color format. This throws away a lot of colors and dithers the rest. (see: Floyd–Steinberg dithering). Alternatively, you may have inadvertantly changed your desktop color depth to something low (unlikely) In the second instance, you may just be seing the gradient rendered on a ...



Only top voted, non community-wiki answers of a minimum length are eligible