How to create opacity mask in Gravit Designer

Pro bono

I believe most of the tutorials about free tools should also be free. I like to help people to learn and believe that every human being should share his knowledge to make our society better.
For example, you can help me with me with my English:) Just let me know about my errors following along this tutorial

Opacity isn’t always all or nothing. Sometimes you need to change the opacity gradually across the object. You can do it in Photoshop with the layer mask and with opacity mask in Illustrator.

Opacity mask in Gravit Designer

Gradual opacity in Gravit

There is no such a thing as opacity or layer mask in Gravit, I should admit. Instead, we can use an effect, called overlay to control the amount of transparency across the object. I use this trick to create this lonely planet with its satellite.

lonely planet in Gravit

New document

Start with the 560x315px new document also called “Blog Cover” in Gravit Designer.

Blog cover

Create Universe

Use the Rectangle Tool (R) to create a rectangle with the size of the entire canvas. Fill it with two color radial gradient:

  • #514380 at the center
  • #2A154D in the side

Radial gradient on the rectangle

Create a planet

Grab an ellipse tool and create a circle (hold shift) with d=188px. Move it to the left.

Create a circle

Fill it with a linear two color gradient:

  • #555EA8 at the top-right
  • #351D48 at the bottom-left

Create distant planet

Apply an opacity mask

Now, let’s blend a dark side of the planet with the background using overlay effect. Go to Effect/More/Adjust/Overlay. Turn on “blend” option and set the same direction of the effect’s gradient as on the shape’s gradient itself.

apply overlay effect in Gravit

Create a rising star

Create a duplicate of the planet. Draw a new circle with the 142 px diameter, that overlaps with the planet. Move it backward using Ctrl/Cmd+Arrow down. Now it should be between “two planets” on the layer’s panel).

Create a rising star

Select both rising star and duplicate of the planet and choose the subtract boolean shape operator from the drop-down menu on the toolbar. If you are new to the shape operators in Gravit, I highly encourage you to read this article.

Substract from the star

Now we have only non-intersecting part of the star, that we should clone once using Ctrl/Cmd+Shift+D.

With the clone selected, navigate to the Effect/Blur to apply a blur. Set Radius to around 35px.

Apply the blur to the duplicate

Notice how beautifully it cast the light on the lonely planet. I believe, that what the Byron saw writing these lines of verse:

Sun of the sleepness. Melancholy star!..

Ha-ha. Dear friends, I love English literature and learn English by heart and want to write very well. So, if you spot any mistake, please let me know in the comments form below, so I could learn from you. Many thanks.

I also highly recommend you to join a Gravit tutorials group on Facebook and watch some of my Youtube tutorials.

join Gravit tutorials

Gravit Designer tutorials facebook community

Find a solution for every Gravit challenge

Join group

Leave a Reply

Your email address will not be published. Required fields are marked *

join our newsletter

Subscribe to the weekly newsletter: