It’s common knowledge that the bigger the size of a website, the longer it takes to load. These days it’s still the most space-consuming element of a web page, accounting for up to 80% of any given webpages size. Unfortunately, images have not been so quick to adapt to the change and evolution of the web.

Images are like flower petals that express the beauty of their creation. You should also set the shadow color to the darkest color in your palette to simulate a shadow.The web is evolving alongside all of its elements, including one of the most popular aspects of the web: images. Next, we can add another Long Shadow with instead 35% opacity, fade turned off, and a marginally longer distance. Tip: Try leaving fade turned on for a differing look. This should simulate some basic 3d text once you change the shadow color to a darker or lighter shade. Start by adding a Long Shadow with 100% opacity, “Fade” turned off, and a low distance. This is one of my favorite effects in Gravit and saves a ton of time when creating 3d shadowed text. 🙂 Since we’re going for a retro styling, we’re will use the “Long Shadow” effect extensively. Now that all the basics are laid out, we’re finally to the fun part, adding effects. From there, you can apply the colors to your text and background as you wish.

And remember, color has a big effect on the mood and meaning of an image, so don’t take the job of color design lightly!Īfter you pick your palette, you can import it to Gravit Designer by adding the HEX codes to the color dialog and adding them to your document color swatch. But feel free to change yours up based on your taste. I used a two color complementary palette as a base, then added tones of those two colors using Gravit’s color tool.įor my palette, I went with a couple of subtle mid-tone colors that give a somewhat modern, yet subdued look.

Designer gravit