Office hacks: no longer spicy eyes PPT gradient settings have skills

Gradient is a kind of effect often used in PPT design, but it is not good to use the preset gradient effect of PowerPoint directly, we should design the appropriate gradient effect by ourselves according to different needs.

Use the color picker to “intercept” the gradient color of the master

Many masters make very good-looking gradient effects, and for the gradients in these cases, we can extract them manually by using the color picker that comes with PowerPoint (this article takes 2016 version as an example). The web page https://webkul.github.io/coolhue中 provides designers with a large number of gradient colors online, but these examples are formed pictures can not be modified, to be used for their own need to do some processing. First select a gradient color you like to take a screenshot, and then import it into the PPT, then insert a rectangle as a reference to fill the gradient shape, right-click the inserted rectangle and select “Set Shape and Format → Shape Options → Fill → Gradient Fill”, then select a preset gradient, type and direction and the same example of the gradient type (Figure 1).

202006jbsz1

Figure 1 Gradient settings

switch to the “gradient aperture” settings, follow the prompts to delete all the gradient apertures in the middle (only the first two apertures to retain). Then select the first retained aperture, click “Color → Color Picker”, and then position the color picker to the upper left corner of the downloaded gradient pattern, set the color of the first aperture (Figure 2).

202006jbsz2

Figure 2 Set the aperture color using the straw

As above, continue using the pipette to select the lower right corner of the downloaded gradient pattern and set the color of the second aperture. Finally, in order to make the color transition more natural, you can add an aperture in the middle of the gradient, and finally slightly adjust the position of the aperture, so that using the pipette we can “transplant” the sample gradient into the inserted shape (Figure 3).

202006jbsz3

Figure 3 by aperture settings

However, the aperture slider adjustment is rather coarse, and to get a more detailed gradient effect, we can also use RGB (R red, G green, B blue) values for more precise adjustment. For example, in the phone design example shown below, since the phone itself is blue, in order to make the background color match the main color of the phone, we can hover the color picker cursor over the phone and get the RGB (27, 59, 100) which is the darkest color of the phone. The same into the aperture of “Color Fill → Other Colors → Custom”, in the RGB adjustment, the R set to 27, G set to 59, B is set to 90 (in order to make a slight difference deliberately set slightly lighter than the phone color), you can get a more natural, coordinated gradient effect (Figure 4).

202006jbsz4

Figure 4 RGB adjustment

In addition, in order to improve the naturalness of the gradient transition, we can also set the HSL of the gradient, i.e. H (Hue), S (Saturation) and L (Lightness). Continue to take the above cell phone picture as an example, in order to better highlight the phone, you can reduce the brightness of the background gradient color at this time, and enter the “Other Colors” setting as above, select HSL under “Color Mode”, and drag the brightness slider to adjust (Figure 5).

202006jbsz5

Figure 5 HSL settings

Tips.

In HSL adjustment, it is recommended to fix two elements without moving, and then only modify the other element, so that the gradient transition will look more natural.

Use the “Vignette Tool” to create a blended gradient

In everyday design, in order to get a better bokeh effect, we often see a combination of gradients of various colors and shapes in some designs. The familiar iPhone X wallpaper is a typical hybrid gradient, because the gradient is composed of multiple apertures, and the simple use of the color picker cannot obtain similar effects (Figure 6).

202006jbsz6

Figure 6 iPhone X mixed gradient effect wallpaper

For this kind of gradient, it can be achieved by the bokeh tool that comes with PowerPoint. We can see that the above wallpaper is mainly composed of a number of different shapes of gradient color block, click “Insert → Shape → Free Curve”, in accordance with the original color delineation outline inserted in turn a number of closed curve shape, the shape and the original match can be roughly, do not leave white between the shapes (you can use the ” Vertex Edit” tool for editing). Each shape is filled with a color picker according to the color of the original figure, and set it to “no outline” (Figure 7).

202006jbsz7

Figure 7 Inserting shapes and filling them with color

Press Ctrl+A to select all the inserted shapes and create a new slide to paste the selected shapes as pictures. Select the inserted picture, switch to “Picture Format → Art Effect → Vignette”, while switching to the “Art Effect Options”, the appropriate adjustment of its radius size, so that the boundary between the shapes is not obvious, so that the combination of gradient effect picture (Figure 8). In order to get better results, you can also shade the picture, light, soften the edges of more settings.

202006jbsz8

Figure 8 Bokeh image

Using similar methods, we can insert any shape to create more magical combinations of gradient effects. These completed gradient effects can be produced either as a slide background, or will be used as a gradient effect of other shapes to fill, or as a picture gradient mask to use (Figure 9).

202006jbsz9

Figure 9 combination of gradient as a PPT background

QQ图片20210420165237 

Leave a Comment