Add a Solid Color, Gradient, Picture and Pattern Fill to Objects

Add a Solid Color, Gradient, Picture and Pattern Fill to Objects

You can change the look of a shape, table, chart, or text box by applying a fill color, pattern, texture, picture, or gradient to the interior of a chosen object in Zoho Show.
  • Solid fill applies a single color uniformly within the whole of an object.  
  • Gradient fill applies a continuous blend of two or more colors, where one color gradually fades and changes into another. 
  • Picture fill applies a tile pattern or image as an object background.
  • Pattern fill applies a two-colored design, comprising dots, cross-hatch, stripes, checks, and more, along with options to choose foreground and background colors for your pattern. 
Here is a sample presentation created using Zoho Shows’ different fill styles. Feel free to save, share, and even reuse these slides in your own presentations.


Apply a solid fill

1. Choose the shape, picture, text box, or any object you want to apply color.
You will see the FORMAT mode on the right pane. 



2. Select the Shape tab within the pane, click the Fill dropdown and choose Solid Color. 



3. Now, click Colors dropdown and choose the color you want. 
There are four types of solid colors that you can apply: 
  • Theme Color  is a set of colors based on the active theme applied to your presentation.
  • Standard Color  is a set of 10 colors most often used other users.
  • Other Used Colors is a set containing the colors you have most recently used.
  • Advanced Color Palette  comes with several color schemes that lets you edit the color palette to match your brand and company.
     
       
4. Once you choose the fill color, you can adjust the transparency of the color using the Transparency Slider or enter a percentage of transparency to reduce or increase the transparence of the color. 
You can vary the percentage of transparency from 0% (fully opaque, the default setting) to 100% (fully transparent). 



Apply a gradient fill 

1. Choose the shape, picture, text box, or any object to add a gradient style.
You will see the FORMAT mode on the right pane. 



2.   Select the  Shape tab within the pane, click the Fill dropdown and choose  Gradient Colors.



3. Click Colors dropdown and choose the preset gradient color from the top band. 
You can further choose lighter or darker shades of the preset color that you want to apply from the Gradient gallery. 



4. Now, click Style dropdown to choose a gradient style. There are three types of Gradient Styles available: 
  • Linear: A linear gradient tends to be the most common, where two or more colors will appear at opposite points along the horizontal or vertical diagonals of the slide and will blend into each other.
  • Radial: A radial gradient will create an effect where the transition between two or more color stops will be in a circular pattern with the colors starting from a center position, and then merging into other colors towards the edge of the slide.
  • Angular: An angular gradient will create an effect where the transistion between two or more color stops will appear based on the direction and different angle values set using the rotating handle.


5. Once you choose the gradient style, you can make further changes to the gradient style using the following options:
  • Apply Gradient Colors -  Choosing your Gradient Colors is similar to  making a color selection for Solid Fill, except that the gradient color you select will be applied to a portion of the slide instead of the complete slide.

    To apply gradient color,
    • Select the desired Start or Stop handle on the Gradient Scale.
    • Click the Color dropdown to choose the color you want.



  • Add, delete, and edit gradient points - Add new gradient points, edit their color/transparency, and remove them from the Gradient Scale as you wish.

    To add or delete a gradient point,
    • Click a location on the Gradient Scale or the Plus   icon above the scale. 
    • Drag and move the points over the scale.
    • Click the Minus   icon to remove the selected point.


          To edit gradient points,
    • Click the handle of the gradient point below the gradient scale.
    • Change the gradient color or adjust the transparency.


                            

  • Set Gradient angle - Gradient angle lets you set the direction/angle/starting point of the gradient color within your slide.

    To set the gradient angle:
    • Click a gradient point on the Gradient Scale.
    • Enter the required angle of rotation in the Gradient Angle   box.



  • Adjust Gradient Transparency - Adjust the transparency of each gradient point using the Transparency Slider so that your slide is visible through the applied gradient.

    To do this, enter a percentage of transparency in the Transparency box, or use the slider to set the transparency. You can vary the percentage of transparency from 0% (fully opaque, the default setting) to 100% (fully transparent).        

Apply a picture fill

1. Choose the shape, picture, text box, or any object to add a picture.
You will see the FORMAT mode on the right pane. 



2. Select the  Shape tab within the pane, click the Fill dropdown and choose  Picture.



3. Click the Picture Gallery dropdown to choose the picture style you want to apply.
You can also click  Change Picture to add your own picture using the Image gallery on the Insert section.


 
4.  Once you choose the type of picture fill you wish to use, you can make more changes to the picture fill using the following options:
  • Tile Image - If you want the picture used as a fill to be tiled, select the  Tile Image  checkbox below the Change Picture button. By using this option you can make any picture behave like a texture. When deselected, this checkbox ensures that your selected picture is used as a  picture fill and stretches throughout the slide.

    There are four ways to move the starting point of the tile texture within the slide: Offset X, Offset Y, Scale X and Scale Y.
    • Offset X and Offset Y balance the alignment of the fill within the slide. 
    • Scale X and Scale Y change the size of the fill horizontally and vertically.
        



  • Adjust Picture Fill Alignment - Adjusts the alignment of the picture fill within the slide in two ways. This option is visible when you uncheck the Tile Image checkbox.

    There are four offset adjustments (left, right, top, and bottom) available in percentage values that enable you to adjust the picture edges along the slide edges.

      


  • Change the picture fill  - Click  Change Picture , choose the location of the picture that you want to use, and click the  Insert  button.

       


  • Set Picture Transparency - Enter a percentage of transparency in the Transparency box, or move the Transparency slider to reduce or increase the transparency of the slide's picture fill. You can vary the percentage of transparency from 0% (fully opaque, the default setting) to 100% (fully transparent).

Apply a pattern fill

1. Choose the shape, picture, text box, or any object to add a pattern.
You will see the FORMAT mode on the right pane. 



2. Select the  Shape tab within the pane, click the Fill dropdown and choose Pattern.



3. Click the Pattern Gallery drop down to choose your pattern style.
You can choose the foreground and background colors for the chosen pattern using the Foreground and Background Colors drop down. This is similar to making a color selection for solid fill.


 
4. Once you choose the type of pattern fill you wish to use, you can make more changes to it using the following options:
  • Rotate pattern within object - Rotates just the pattern fill within the object.

    Turn the rotation slider to set the desired rotational value (in degrees) or type in your rotational value within the text box. You can also use increments of 90 degrees to rotate your pattern. Clicking the    icon will rotate your object 90 degrees to the right and the   icon will rotate your object 90 degrees to the left.



  • Scale or adjust pattern's distance - Stretches (or shrinks) the pattern fill within the object and helps create unique pattern styles on the slide. 

    Use the Scale slider or enter a distance value (in pixels) in the text box to increase or decrease the distance between the pattern fills. Note that scaling does not apply to the size of the object.
     

Check out the presentation below built using Zoho Shows’ different fill styles like solid, gradient, picture, and pattern. Feel free to save, share, and reuse these slides in your own presentations, too! 



    • Related Articles

    • Apply a solid color, gradient, picture and pattern fill

      Fill the empty spaces inside your shapes to make them stand out on the presentation screen. Adding fills such as blended-color gradients, two-color patterns, or pictures to your slide objects not only helps your audience easily capture the ...

    • Group and Ungroup Objects

      Working with several objects as a single entity is always easier rather than selecting each of them individually. Grouping let's you combine multiple objects such as a shape or a picture on the slide and allows to work on them as a whole(a single ...

    • Format a Picture

      Adjust images added to your slide using a variety of picture formatting options to bring a distinctive look and feel to your project. You can add a frame to a picture, increase or decrease the brightness, recolor/customize to fill in your own ...

    • Format a picture

      Once you add an image or photo to a slide, there are several ways to make it more appealing for your audience from the Zoho Show app for android. Adjusting images in Zoho Show includes options to add a frame to your picture; increase or decrease the ...

    • Apply stroke, shadow, and reflection effect to your objects

      Polish and add depth to your images, shapes, charts, and other objects on Zoho Show using subtle yet interesting effects like shadow, reflection and stroke. With the presentation app for your Android device, you can easily drop shadows to make your ...