In today’s tutorial I am going to show you how to design a beautiful dreamy night scene in the free vector editor, Gravit Designer.
You’ll learn how to create night water landscape using simple shapes, linear gradients and a blur effect. Then we will trace a boy’s silluette, that I’ve prepared specifically for this tutorial using free raster editor Krita.
Setup a New Document
Begin by opening up the Gravit Designer and create a new document. I am working at 270 x 320px.
Lake and Sky
Create a rectangle using Rectangle Tool. Set 270px as the width value and 210px as the height.
Navigate to the Fill Color panel and change it from solid color to the linear gradient. Change a direction to the top-to-bottom. Click on the Gradient Slider to add the third color stop. Apply these values to the gradient stops (from top):
#4D4997at the position of 0%
#5556C3right in the middle
#3EB33FCat the bottom (100%)
Done! Position rectangle on the top of the canvas. We’ll create another one in the bottom.
Add another rectangle. Give it a size of 270 x 110px.
Go to the Linear Gradient. Set these colors to the colors stops (from top to bottom):
#3EB3FCat the position of 0%
#2E6CB9at the position of 65%
#4A4DADat the end of the slider.
Draw a circle using an Ellipse Tool. Set a diameter of 122px.
Change a fill color to
#F4FCFF. Position the circle so near 1/5 of it overlap with the bottom rectangle.
Grab the Ellipse tool once again and draw an ellipse with the size of 120 x 111px.
Position it to cover the top 2/3 of the first circle. Keep them both selected and choose Substract command from the Gravit’s Toolbar.
Now we got a lunar shape, in the lake. Make a duplicate of it using Clone Command.
Keep the duplicate selected and navigate to the Effects>Blur. Set the Blur’s radius to the 6.6px.
Shade the Submerged Part of the Moon
In order to shade the bottom part of the moon, create duplicate of the original lunar shape and lake rectangle.
Keep these duplicates selected and choose an Intersect command from the Boolean Shape Operators Menu on the Toolbar.
This small underwater part of the moon should have a color, that is a bit darker than the rest of it. So go to the Fill Color panel and change a value to
#D3EAFF. Change a blending mode to the Multiply.
Create a star using Star Tool.On the Appearance panel change the properties of the shape to:
- Number of points to 4
- Size to 16%.
Give it any reasonable size, that is basicly depends on the size of the document you are working on. I follow the rule, that the size any of my stars shouldn’t exceed 25px.
Create a duplicate of the star using Clone Command.
With the duplicate selected, go to the Effect>Blur. Set the Radius to the 16.2px.
Make a few duplicates by draging the star, while holding
Alt/Option. Place them somewhere on the sky rectangle.
In order to create a cloud, create a bunch of the overlapping circles of different size.
Choose a Unite Command from Boolean Shape Menu or proceed Merge using
Ctrl/Cmd+M (they are interchangeable).
In the end you should have a single cloudy-like Compound Shape. Add a liear gradient to it with the direction from the top to the bottom. Set a
#EBEBEB color at top and
#4D74D5 at the bottom.
Decrease the Opacity to the 11% and navigate to the Effect>Adjust>Overlay.
Enable the Blend option and set the direction of the gradient from the top to the bottom.
Make a few duplicates of the different size and arrange them randomly on the sky rectangle.
Small Tip: keep the small clouds closer to the center of the artwork/key object and larger clouds on the sides to make composition more balanced.
Vectorize a boy’s silhouette
Delete a border and set fill color to black. Do the necessary adjustments, scale down the figure and place on the moon.
Sample the fill color from the moon using Eyedropper Tool on the Fill Color panel.
We are almost done! Let’s create a haze.
Create a rectangle with the width of the entire artboard and 106px of height.
Arrange it at the bottom of the layers panel just above the two rectangles. Play with the opacity. I’m using 10% opacity.
On the Fiil Color panel choose the linear gradient. Apply
#7A95E1 at the left end of the Gradient Slider and
#62A4E6 – at the right one.
Navigate to the Effect>Blur. Set the value of Radius to the 34px.
We are done, ladies and gentlemen. Simple, right. Huh!
Now, let me show you mine, and you shall show me yours in the comments below:)
I hope you’ve enjoyed this one. Let me hear your thoughts in the comments. Enjoy the day and don’t forget to follow me on Youtube and Medium, where I post serious graphic design articles and tutorials.
Gravit Designer tutorials facebook community
Find a solution for every Gravit challenge