How to make a Symbol
In order to create a Symbol within your design, first, you need to go to View > Studio > Symbols to ensure the Symbols Studio is visible.
Now simply select the object you would like to convert to a Symbol, for example, a logo or an icon using the Move Tool or via the Layers Studio, and then click Create in the Symbols Studio. To make sure all of your Symbols update at the same time, you’ll also need to have synchronisation turned on. So, if it is not already highlighted click Sync.
Now if you copy and paste the Symbol elsewhere in your design or across multiple Artboards, when you make changes to that Symbol they will be reflected in all other Symbol instances, in real-time—which is extremely useful if a client requests bulk changes throughout a design or project.
Using Symbols to ensure consistency in branding and UI design
Converting logos and icons into Symbols is a great way to avoid inconsistencies in branding and UI projects. Let’s use this coffee shop branding as an example. Once we’ve got our logo ready, we can then turn it into a Symbol and start to put this branding onto different product mock-ups over multiple Artboards.
This is ideal for when you need to show how something might look in various print formats like letterheads, business cards, menus, packaging or even staff uniforms etc, or to show how it will look as part of a user interface, app or website across different devices.
It is also perfect for UI design where buttons, icons, form elements and logos are repeated and need to be consistent. Using Symbols to update all cases simultaneously will allow you to focus more attention on the user experience, rather than spending time trying to combat inconsistencies in your design.
Combining Symbols and Power Duplicate to make shapes
You can also use Power Duplicate (Command + J or control + J on a PC) and Symbols together to make interesting shapes!
By converting the individual shapes a design is made up of into Symbols we can very easily change the characteristics of the whole design, in seconds. For example, changing the colour of each petal individually in the flower design below would have taken a very long time, but using Symbols I was able to make changes to one petal that were then applied across the whole design instantly.
The key to success with this type of design is trying to stick to exact angles and distances. The flower design above consists of a duplicated petal shape, which was then rotated by exactly 30 degrees and moved slightly to the right of the very first/highest pedal. I knew that I wanted exactly 12 petals in my overall design, so 30 degrees was the perfect amount to fill the shape as intended when using the Power Duplicate feature.
Using Symbols to create pattern designs
Symbols can be incredibly useful when creating repeat patterns because any changes you make to an object will be reflected across all other instances of that object in your design.
For example, I created a simple ice lolly design that I then wanted to repeat across the whole canvas. Using a combination of Symbols and Power Duplicate seemed a perfect choice.
To create the initial Symbol from which to build the pattern I selected the ice lolly design and then clicked Create in the Symbols Studio (with Sync turned on).
I then started to copy and paste the Symbol using Power Duplicate (Command + J or control + J on a PC) in the same direction and distance across the canvas—this is also a quick way to make sure the gaps between your Symbols are equal each time.
When I had one long line of Symbols I grouped them together using Command + G (or control + G on a PC) and then duplicated the line several times to fill the rest of the page. Once I filled the page it was easy to adjust the colour, angle and size of the ice lollies without having to select each one individually.
This cushion mock-up was also made using Symbols. After creating a simple design using random shapes, I then turned it into a Symbol and used it as the basis for a much larger pattern.
Here’s the original smaller square pattern I designed before I converted it into a Symbol and duplicated it numerous times around my design.
When making this kind of pattern the Distribution options (found in the top right corner of your toolbar) are essential to making sure everything is evenly placed, as when an element is spaced even slightly incorrectly, it will really stand out when your pattern is scaled to the correct size.
For more information on creating repeat patterns for textiles check out our article by Liz Kohler Brown.
Creating illustrations using Symbols
You can also use Symbols to create intricate illustrations with repeat elements. This city design was made by combining numerous different skyscraper symbols and then overlaying them together to create an effective ‘collage-style’ illustration.
Here I’ve broken it down to show you a few of the buildings on their own, to give you a better idea of how it was put together.
If you want to go full ‘Inception-style’ you can have Symbols embedded within Symbols too. So, to make life even easier I made the window sections vector symbols. This meant that I could make changes to the colour, height, width and gaps between the windows all in a matter of seconds! Editing two hundred individually placed window sections just wouldn’t have been feasible.
These are just a few examples where Symbols can be utilised to great effect. There are many more use-cases where they can enhance your workflow, so if you don’t already use Symbols in Affinity Designer, hopefully, this article has inspired you to give this feature a try—you might find it a real time-saver!