Banner how-to help

[bleyden]

Hello!  I'm curious about the best way to make a banner (similar to this one: https://essential-addons.com/elementor/docs/content-elements/advanced-tabs/, the purple banner behind the search bar).  Looking to have a similar one but blue.  Super basic, but cant figure out for the life of me how to make it look right.  Thanks for the help!

[Alfred]

Welcome back to the Serif Affinity Forums, @bleyden.

If you can share an Affinity file showing what you’ve done so far, together with a brief description of why you think it doesn’t look right, someone here should be able to help you.

[Fixx]

You can get the image from html source:

I would draw shapes with Designer and apply grad fills with fill tool.

[Alfred]

3 hours ago, Fixx said:

I would draw shapes with Designer and apply grad fills with fill tool.

I would do the same. To reproduce the original, start by making a base shape for the entire area and filling it with solid blue. Duplicate that shape, give the duplicate a blue-to-violet linear gradient fill and adjust the top left-hand corner to reveal the lighter blue from the bottom layer. Duplicate again, give the duplicate a lighter violet solid fill and adjust the nodes to give you the much smaller shape you need for the bottom right-hand corner.

Once you have the three shapes in place you can amend their fills as you choose.

[Palatino]

This morning at 5 o'clock I thought someone will make a nice video tutorial, so I don't have to upload my screenshot. Nothing there - is the heat that bad? 🍦😋