locked
How to use multiple gradients? (Thijs) - 1/8/2007 6:53 AM PST RRS feed

  • Question

  • By: Thijs

    I would like to add two or more gradients to a background of any type. Is 
    this possible? Any help will be appreciated. Thanks!
    Tuesday, February 19, 2008 7:07 PM

Answers

  • By: Jen Rowe [MSFT]
    You can't set two fills to a single shape, but you can do something like:

    1. draw 2 shapes
    2. create the gradients as you describe below (red to white/ blue to white)
    on each one, respectively.
    3. on one of the shapes, rather than going from color to white, change it to
    go to from color to transparent (set the Alpha value to 0% rather than white
    (100%).
    4. now drag one shape on top of the other.

    If you like the result, you can add both of the overalying shapes into a
    container (such as a grid) and then Make a drawing brush resource which can
    then be applied as a single fill to any element.

    Hope this helps.

    "Jen Rowe [MSFT]" <jrowe@online.microsoft.com> wrote in message
    news:uLDy5h2MHHA.3588@TK2MSFTNGP06.phx.gbl...

    Click to show or hide original message or reply text.


    Tuesday, February 19, 2008 7:30 PM

All replies

  • By: Jen Rowe [MSFT]
    If you are referring to adding mulitple gradient stops, here is an example
    workflow:

    1. Select the Rectangle tool
    2. draw a rectangle on the scene
    3. click on the properties tab in the property inspector
    4. select the Fill property (under the Brushes category in the Property
    Inspector)
    5. Select the tab "Gradient Brush" in the color editor area of the Property
    Inspector.
    6. Below the color editor, you can add gradient stops by clicking on the
    gradient bar.
    7. You can use the Brush transform tool (located on the toolbar on the
    left) to adjust your gradient.

    Thanks.

    "Thijs" <Thijs@discussions.microsoft.com> wrote in message
    news:83E3CA46-DAC0-48BC-9990-249325764B30@microsoft.com...

    Click to show or hide original message or reply text.


    Tuesday, February 19, 2008 7:28 PM
  • By: Thijs
    Hi Jen,

    Thanks for your reply but I am not referring to gradient stops. I try to,
    for example, use one gradient from top to bottom with colour blue for
    gradient stop 1 and white for gradient stop 2 and another gradient from left
    to right with colour red for gradient stop 1 and white for gradient stop 2.

    So far, I am only able to use one of the two gradients but not both.

    regards,
    Thijs

    "Jen Rowe [MSFT]" wrote:

    Click to show or hide original message or reply text.

    Tuesday, February 19, 2008 7:29 PM
  • By: Jen Rowe [MSFT]
    You can't set two fills to a single shape, but you can do something like:

    1. draw 2 shapes
    2. create the gradients as you describe below (red to white/ blue to white)
    on each one, respectively.
    3. on one of the shapes, rather than going from color to white, change it to
    go to from color to transparent (set the Alpha value to 0% rather than white
    (100%).
    4. now drag one shape on top of the other.

    If you like the result, you can add both of the overalying shapes into a
    container (such as a grid) and then Make a drawing brush resource which can
    then be applied as a single fill to any element.

    Hope this helps.

    Try creating 2 separate rectangles and making the gradients as you describe
    below. Rather than setting the white color, set the Alpha value to 0. Now
    drag the rectangles on top of one another.
    "Thijs" <Thijs@discussions.microsoft.com> wrote in message
    news:752411E1-F50A-49B1-8783-944BD6DC823C@microsoft.com...

    Click to show or hide original message or reply text.

    Tuesday, February 19, 2008 7:30 PM
  • By: Jen Rowe [MSFT]
    You can't set two fills to a single shape, but you can do something like:

    1. draw 2 shapes
    2. create the gradients as you describe below (red to white/ blue to white)
    on each one, respectively.
    3. on one of the shapes, rather than going from color to white, change it to
    go to from color to transparent (set the Alpha value to 0% rather than white
    (100%).
    4. now drag one shape on top of the other.

    If you like the result, you can add both of the overalying shapes into a
    container (such as a grid) and then Make a drawing brush resource which can
    then be applied as a single fill to any element.

    Hope this helps.

    "Jen Rowe [MSFT]" <jrowe@online.microsoft.com> wrote in message
    news:uLDy5h2MHHA.3588@TK2MSFTNGP06.phx.gbl...

    Click to show or hide original message or reply text.


    Tuesday, February 19, 2008 7:30 PM