Affinity blog postings

Affinity Postings - Page 1

Earliest: March 20, 2009Latest: March 31, 2021Total: 52
March 31, 2021

Gradient with Transparency

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.

March 24, 2021

Using OmniGraffle Shadow in Affinity Designer

One of the things that I like about OmniGraffle is the Shadow effect. OmniGraffle just does a better job of making the shadow look as natural as possible. This is done by using a 50% Obsidian gradient instead of a pure solid color gradient.

Inside OmniGraffle

Omni Graffle Shadow

When I copy and paste the box into Affinity Designer, there are three layers created.

Inside Affinity Designer

Omni Within Designer

  • The stroke of the rectangle as a rectangle object
  • The white rectangle as a rectangle object
  • The shadow as an Image

I am disappointed that the shadow comes over as an image object. However, chances are that I wouldn't really make changes to the shadow.

You can't use a gradient as a shadow type in Affinity Designer. This is why I use OmniGraffle/

March 17, 2021

Add Any Emoji into Affinity Designer

As mention in a previous Blog Post, you are not able to use emoji symbols within Affinity Designer. This can be an issue when you want to add a touch up to a graphic, such as this:

Affinity Designer Emoji

Work Around

The easy workaround is to use OmniGraffle. When you copy an emoji, the emoji is converted to an image. This means that you can convert the emoji to any size as needed.

This is useful if you don't use emojis all the time, and want a quick solution to adding a smiling face or something to an image.

March 10, 2021

OmniGraffle Text Boxes

The text tool in Affinity Designer works very well. You can do all sorts of text modifications.

The one thing that it does lack is the ability to add a box around the text.

Sure, I can just use the shape tool around the text that I wrote. But I find that it's too much "extra work." There has to be an easier way.

That's where OmniGraffle comes in handy.

With OmniGraffle, I create the shape of my object and then double click on it to add the text or I can create the text and then add a stroke around the box.

I can then copy the text/box and paste it in Affinity Designer. When I paste it in, the text is still editable and the box object is shown as a rectangle. I can change the colors styles and text within Affinity Designer.

Omni Graffle Text Box
Sample Output of a Paste from OmniGraffle

Why use OmniGraffle?

The main reason that I use OmniGraffle to create "text boxes" is because it's much faster to create. In a few clicks I have my text, and ready to paste into Affinity Designer for further manipulation.

March 3, 2021

Tables in Affinity Designer via Omnigraffle

It's great when two separate applications complement each other. This is the case with OmniGraffle and Affinity Designer.

In particular, the ability to create beautiful tables. Affinity Designer doesn't have any ability to create tables. However, it's easy to create tables using OnmiGraffle, and then Copy/Paste into Affinity Designer as individual objects.

Not All Apps Work the Same

I tried copy/paste tables from Apple Pages and Microsoft Word. The tables don't copy in as full objects.

The table cells are broken into different layers making it really hard to do any customizations in Affinity Designer.

OmniGraffle Cost

OmniGraffle isn't free. In order to create tables, you need the Pro Version of OmniGraffle. The Pro version costs $249.99 or $12.24 / month subscription.

Yikes!

Obviously that's a pretty expensive piece of software to use just to create tables. There's a lot of cool things that you can do with OmniGraffle and Affinity Designer.

On Wednesdays, in the month of March, I'll give you some examples of more ways to use the two applications.

Tables Designer

Creating Tables

In OmniGraffle, you have to create the base object first, then convert it to a table.

in Omnigraffle:

  1. Using the Shape tool, create a rectangle that will represent the first cell.
  2. Type in Shift-Command-T short cut to convert the shape to a table. You'll see some additional black line appear in the shape.
  3. Using the select tool, select the black lines to add new columns or rows.
  4. Add text, change color, even make the stroke different.
  5. Once your done, using the select tool, select the table and type in Command-C to copy the table to the Clipboard.

In Affinity Designer:

  1. Create a new document and paste the clipboard content.
  2. Type in Command G to group the pasted content - this makes it easier to manipulate the content of the table in Affinity Designer.
  3. Now make the changes that you want.
February 24, 2021

Step Pointers

This week I decided to create some neat Affinity Designer Assets.

Affinity Designer Step Pointers
Download the Affinity Asset.

These are step indicators. Which are useful when you want to point out which items should be clicked or acted on first. These are all Curve base designs with changeable text.

Unlike other graphic programs, these don't increment as you apply them. You do have to go into each asset and indicate the correct step number.

You can change the colors and create a new asset subcategory that matches your style.

Installing the Asset

After you download the file, double click on it to uncompress it. Then in Affinity Designer, go under the Assets and click on the three lines. Click on Import Assets.

February 17, 2021

Evenly Space Objects

There may be times when you want objects to be evenly spaced. For example, you may want three boxes to be exactly 20 pixels apart.

Affinity Designer makes doing this task as easy as possible.

Affinity Evenly Space Objects

Steps to Evenly Space Objects

Simple steps to nicely space a group of objects:

  1. Select a group of objects that you want to evenly space.
  2. Click on the alignment icon in the tool bar.
  3. Click on the last icon in the Align Horizontally or Align Vertically.
  4. If you want to manually distribute, uncheck the "Auto Distribute"
  5. Enter in the value that you want to see between the objects.

I would recommend playing around with this dialog box - just so you know how things work.

February 10, 2021

Using Emoji in Affinity Designer

Affinity Designer and Affinity Photo don't support Emojis. Which means that if you try to add an Emoji or Symbol from the Edit menu all you see is a square. I don't know why Affinity hasn't supported this - maybe in version 2?

Alternative Solution

You can get around this limitations by using the Emoji images on the emojipedia.org website. Simply search for the emoji or symbol that your looking for and then drag and drop it into your document.

While this isn't the best solution, it does offer an advantage - the ability to select the emoji that works for your design.

Affinity Emoji Poster 2021

Create an Emoji Assets Collection

I took about 10-minutes to build my own Emoji Asset Collection. I basically went through all the popular Emoji that I thought I would use.

Basically, I dragged and drop the images from emojipedia and then move the image to a dedicated Asset panel.

February 3, 2021

White Balance in Affinity Designer

There are a few differences between Affinity Photo and Affinity Designer - where as some functionality isn't available in both applications.

White Balance is available in both applications.

White Balance fixes issues with the color of a photo - particularly if the photo was taken with bad lighting.

White Balance Affinity Designer

Apply White Balance

In Affinity Designer, White Balance is applied to a particular object in a layer.

  1. Select the Layer that you want to apply the White Balance.
  2. Select the Layer Menu
  3. Select the "New Adjustment" and then select the White Balance.

Best to Use the Picker

I would highly recommend using the "Picker" to identify the pixel in the photo that should be white.

Simply click on the "Picker" and then select the part of the image that should be white.

You can play around with the "White Balance" and "Tint" sliders to get some interesting color effects on your photo.

January 27, 2021

Color Palette

Swatches are a way easily pick a color that you would like to use as an object color or as a font color. It?s a great way to switch between colors and maintain a consistent look and feel.

Affinity Designer supports the ability to import Swatches. You can import any standard. Swatch file to use in Affinity or in the system.

Dun Edwards Color Pallete

Build Your Library

Since you can import any library, why not import some generic colors. It might give you some colors that you may not have thought about.

Here are a couple of swatches to download and import:

Sherwin-Williams

One of the popular paint companies in the world has made available their entire paint catalog in a single swatch file.

Download the ColorSnap Photoshop CS2 & Later swatch file.

Make sure the file you download has an ASE extension - that's what Affinity Designer supports.

Dunn Edwards Paint

Dunn-Edwards has been the leading paint manufacturer in the Southwestern United States since 1925.

They have made their entire color palette available in Adobe Illustrator format - which works perfectly well in Affinity Designer.

Visit the Illustrator Swatches page on to download the swatches.

Note: There are a lot more colors in the Dunn Edwards Pallete than in the Sherwin-Williams.