iopkiss.blogg.se

You should have an image similar to the following. Make sure the rectangle is selected, and let's assume we move the white stop towards the right at approximately 20% (shown in the Location box) of the Gradient slider length and the black stop at the 80%. Let's see now what happens if we move the Color Stops. You will also notice that as soon as you move the Indicator the Location value box becomes active so that you can precisely place the Midpoint along the Gradient. You will see that your gradient is adjusted so that the midpoint will be at the new point you defined. Click on the Midpoint Indicator and drag towards the right. Ok now, let's see what adjustments we can make to our dull rectangle. This is an indication of where is the midpoint of the transition from one color to the other.įor demonstration reasons, I undocked the panel and resized it so that its length is equal to my rectangle length. On the top side of the bar, there is a diamond shaped icon called the Midpoint Indicator.

Underneath the slider bar, you can see two small 'pointers' called Color Stops (the start color and the end color of the Gradient). The Gradient Slider adjusts the way the Gradient looks. At the bottom of the panel, there is a tool called the Gradient Slider. Ok, let's go back to the rectangle we started with, so that we explore the Gradient Panel a bit more. In a Radial Gradient, color blending starts from the center of the shape and is completed outwards. If you input a value of 45 degrees the result is shown below. In the images shown above, the angle is 0 degrees. In this type of gradient, you may also specify the angle of that line, the direction along which the color blending will take place. In the following images the blending starts from left to right along a straight line. In a linear gradient the blending of one color to the other takes place along a straight line from one side of the object to the other. Below I will try to explain the difference between them. There are two types of Gradients, Linear and Radial. Let's focus first on the Type textbox and the Angle textbox. Notice that the first time you will click on this icon, the default white to black gradient fill will be applied to your selection.Īs you see, the rectangle fill, looking at it from left to right, starts from pure white color and then it gradually blends into shades of grey until it ends up to pitch black. By default, the panel includes a start and end color box. This is the Gradient Fill Box, and displays the current gradient colors and type.

With the rectangle still selected, click on the small icon on the top left corner of the panel in order to change from the solid green color to a gradient fill. Of course, you can always avoid all this by simply clicking CTRL+F9 on your keyboard. In the toolbox on the left, select the Rectangle tool, click on the artboard and drag to draw a rectangle with a black stroke and a nice solid green color.įrom the right dock, click on the Gradient Panel and click to expand it. So, start Illustrator and create a new document. It takes a minimum of two colors gradually blending from one to the other. A gradient fill consists of more than a single color.

I will try to explain in detail all about Gradients.Īn alternative way of coloring an object with a solid fill, is choosing a gradient. I think it's useful anyway.'Ī nice Gradient Fill can really make the difference and enhance your artwork. 'After discussing about Clipping Masks in a previous post, my intention was to start a subject about Opacity Masks, but then, I thought it would be a better idea to talk about Gradients as an introduction to Opacity Masks.