QA Graphic

Gradient with Transparency

Quick and easy way to create a transparent Gradient

Creating a Gradient with one color at one end and end in transparancy is very easy to do in Affinity Designer.

I discovered this when I was trying to create the effect in Apple Motion. It was so much easier to do in Affinity Designer. I imported my final design into Apple Motion as a PNG with a transparent background. it worked great!

Affinity Transparent Gradient

Creating a transparent Gradient

These are the simple steps to transform a simple rectangle to have a single color and fade into transparency.

  1. Use the rectangle tool and create a shape.
  2. Click on the Fill in the tool.
  3. Click on the Gradient Tab.
  4. Click on one end of the Gradient and select your desired color
  5. Click on the other end of the Gradient
  6. Now Click on Opacity and set it to 0%

That's it! Now when you place the transparent end you'll see the underlying color.

Now you can use the Gradient controller to determine the level of gradient that you want.

 

About

Welcome to the Affinity Blog, your ultimate resource for mastering the art of digital design and photo editing with Affinity products. Whether you're a professional designer or a creative enthusiast exploring the realms of graphic design, this blog is dedicated to unlocking the full potential of Affinity Photo and Affinity Designer.

Here, we delve deep into the nuances of these powerful tools, sharing insightful tips, time-saving tricks, and innovative techniques to enhance your creativity. From detailed tutorials on how to achieve stunning effects in Affinity Photo, to expert advice on vector graphics and layout design with Affinity Designer, our content is crafted to help you elevate your projects. We also keep you updated with the latest features and updates from the Affinity suite, ensuring you always have the edge in your creative endeavors. Whether you're looking to refine your skills, discover new functionalities, or simply seek inspiration, the Affinity Blog is here to guide you through every brush stroke and pixel. Join us, and transform your digital creations into works of art!

Download the latest Apps on Affinity's website.

Schedule

SundayOpen Topic
MondayMedia Monday
TuesdayQA
WednesdayAffinity
ThursdayBBEdit
FridayMacintosh
SaturdayInternet Tools