A to Z of Affinity Designer: Suggestions, Methods and Hacks!


What You will Study in These Affinity Designer 2 Tutorials

On this article I’m going to pack in as many Affinity Designer suggestions and methods as potential in a brief area of time. The matters will embrace:

  • Easy methods to change the background coloration in Affinity Designer 2
  • Affinity Designer 2 brushes, each raster and vector
  • Affinity Designer 2 Layer panel: quick clipping and adjustment layer concentrating on
  • Affinity Designer 2 templates for speedy challenge begins
  • Affinity Designer 2 T-shirt design capabilities

We’re going to see a complete bunch of cool options, so with out additional ado, let’s leap in!

A is for Artboards

Let’s begin this Affinity Designer tutorial introduction with artboards. Affinity design software program lets you create a number of artboards, that are impartial sub-canvases inside your doc. On desktop, you may entry the Artboard device from the Instruments panel, and on iPad you may activate it from the Doc menu.

Moreover, in the event you’re questioning the way to change the background coloration in Affinity design software program, utilizing artboards is definitely the right means. After creating an artboard, you may choose it after which change its background coloration as you’ll with another form.

B is for Brushes From Photoshop

You possibly can simply take any set of Photoshop brushes and switch them into Affinity Designer brushes. That features all the 600+ brush units within the assortment you get entry to while you be part of Envato Parts.

Simply go to the Pixel Persona, then the Brushes panel. Click on within the top-right nook to open the menu, click on Import Brushes, after which browse for and choose your brush information.

These raster brushes can be utilized to create superior Affinity graphics, reminiscent of pencil sketching, conventional painterly kinds, comic-style inking, texturing, you title it.

C is for Steady Export

You possibly can file this one below “superior Affinity Designer App suggestions and methods”:

Within the Export Persona, you may create picture slices after which set them to be repeatedly exported as you’re employed in your design.

This implies in the event you’re integrating your picture exports into an exterior challenge, like a web site or recreation, you may simply design away, and any time you test in your challenge, your photographs will at all times be of their newest state.

D is for Twin Picture Sort Enhancing

Affinity Designer‘s Vector Persona and Pixel Persona mixture means you get pro-level raster modifying and vector modifying in the identical unified Affinity Designer app. So not solely are you able to do each sorts of graphics with out switching software program, however you may do each in the identical designs.

Vector sphere with raster texture

For instance, you may create your essential shapes as vectors, then use the Affinity Designer app so as to add texture to these shapes utilizing the sorts of raster brushes we talked about a second in the past.

Bonus trivia: Serif’s aim of making an affinity between a number of strategies of graphic design is the rationale they selected the title “Affinity”.

E is for Embedding Exterior Designs

You possibly can take one Affinity Designer app doc and embed it into one other one, as many instances as you want. While you make modifications to the embedded doc, you may see the situations in the principle doc replace in actual time.

This performance can largely fill the non-destructive modifying position that good objects play in Photoshop. It lets you make all types of edits whereas preserving the unique picture, and making it straightforward to switch with a brand new one.

Pictured: Summary Responsive Mockup by QalebStudio. Inventory photographs “Wholesome Breakfast”.

F is for Freehand Line Stabilizing

Within the case of each Affinity graphics and Affinity Designer vector artwork, the wonderful freehand “window” and “rope” stabilization instruments could be extremely useful. They’re accessible on the pencil and brush instruments within the Vector Persona, in addition to on the comb, eraser, and pixel instruments within the Pixel Persona.

The rope stabilizer is nice if you would like your traces to have sharp corners, whereas the window stabilizer creates clean corners. It’s also possible to mix these stabilizers with pen strain for top ranges of freehand drawing management.

G is for Grid Gloriousness

Affinity Designer 2 has an excellent grid administration system. You possibly can create ten several types of grids, together with sq., isometric, indirect, and triangular.

Particularly, it has probably the most superior isometric grid system at the moment accessible in any vector utility as a result of you may activate the Edit in Airplane and Match to Airplane choices after which use all the standard form drawing instruments immediately in isometric perspective, as if you had been working in 3D.

H is for Historical past Branches

In addition to having historical past that may be saved into the doc so it’s included in the event you share the file, Affinity Designer helps with historical past, which additionally contains “branches”. When you return a number of steps in your historical past and begin making modifications, a brand new department will likely be created in your Historical past panel.

At that department, you’ll then have two totally different potential histories, and you’ll click on the department icon and toggle between one historical past and one other at any time. This manner, if you wish to return and take a look at one thing totally different, you are able to do so with out dropping the work that you have already created as much as that time.

I is for Import Adobe Recordsdata to Affinity 2

Affinity Designer 2 has one of the best PSD import of any graphics program I’ve used thus far. It is the one utility I’ve seen that may import with 100% accuracy, constantly, whatever the content material of the unique file. It’s also possible to very successfully import Illustrator AI, EPS, and SVG information into Affinity 2.

Precisely imported PSD to Affinity 2

So in the event you’ve been mulling over the perks of Affinity Designer vs. Illustrator, you do not essentially have to decide on between the 2. That’s as a result of you may at all times import your information from Illustrator into Designer and work on them in each applications.

And for example you’re looking Envato Parts on the lookout for an Affinity Designer brand. The strong and correct importing of a number of file codecs means you could have a whole lot of choices accessible, along with the logos particularly made for Designer.

Pictured: Panda Samurai brand by Blankids

J is for Management-J to Energy Duplicate

Energy duplication allows you to shortly create a number of duplicates of an object with progressive transforms and rotations utilized to Affinity graphics.

For instance, you can shortly create a grid of repeating tile graphics by duplicating an preliminary tile and offsetting it to the facet, then repeatedly hitting Management-J. Each duplicate will repeat that very same preliminary offset, forming a row.

You possibly can then choose that complete row, duplicate it, offset it downwards, and once more hit Management-J repeatedly to create as many rows as you want.

The identical factor will also be carried out with rotation to do issues like making a flower illustration, for instance.

Okay is for Keyboard Customization on Desktop and iPad

The iPad model of Affinity Designer has full keyboard help, and all of the keyboard shortcuts on each it and the desktop model could be absolutely custom-made.

Each variations have hotkeys for each device, and they are often set uniquely in every of the personas, or you should use the identical hotkeys throughout comparable instruments such because the vector brush vs. the pixel brush.

L is for Layer Panel Drag and Drop

The Affinity Designer Layers panel makes it very easy to arrange clipping shapes or to focus on adjustment layers, simply by dragging and dropping layers into the precise place.

For straightforward clipping setup, simply drag and drop a layer or group onto the layer you wish to use as a clipping form.

To focus on an adjustment layer, drag and drop it onto the layer or group you need the adjustment to have an effect on.

M is for Cellular Design

The Affinity Designer iPad model has nearly full characteristic parity with the desktop model. I personally now use it greater than l do the desktop model.

With the addition of the Apple Pencil into the combination, it additionally offers you the benefits of drawing immediately on the display screen, plus touch-based interactions reminiscent of two-finger faucet to undo, pinch to zoom, utilizing a finger to bodily smudge with the smudge device, and so forth.

The expertise could be even higher in the event you’re utilizing Affinity Designer on iPad Professional, with its giant show and extra system assets.

N is for Noise That Scales

If you wish to understand how Affinity Designer can add texture, one of the accessible and versatile methods is thru the vector-friendly noise device that can be utilized as part of setting fill colours.

All you must do is ready the Noise slider to no matter quantity you want, and a grain-style texture will likely be added to your form.

This noise will recalculate itself and scale to no matter degree you zoom, making it an excellent means so as to add texture to your vector shapes.

Seize the Transparency Instrument and simply drag it over any form to immediately add a fade-out impact.

What this does behind the scenes is routinely create a layer with a black-to-white gradient, then set it as a layer masks so you find yourself with an opacity gradient.

And since this device creates a gradient, you may then edit that gradient to totally management the transparency, change the place and energy of the stops, and swap the form of the gradient to elliptical, radial, or conical.

P is for Palettes From Color Chords

Affinity Designer palettes could be routinely generated utilizing coloration harmonies.

Go to the Swatches panel and create a brand new doc palette, then add a base coloration swatch to it. Proper-click the brand new swatch, choose Create Color Chord, after which select the kind of coloration concord you wish to use to generate colours—for instance, complementary, triadic, tints, shades, or tones.

The variety of new swatches added to the palette will rely on the colour concord you select.

Q is for Fast Begin With Templates

Affinity Designer templates are straightforward to create. In any doc, at any time, go to File > Export as Template and observe the prompts.

From then on, you can also make a fast begin on comparable paperwork by selecting out of your assortment of beforehand exported templates when beginning a brand new doc.

The brand new doc will decide up precisely the place the template left off on the time it was exported.

R is for Actual-Time Preview

In Affinity Designer, you get previews of mix modes, coloration choices, masking brushes and so forth in actual time.

This implies you do not have to take a seat by means of the tedious technique of testing, undoing, and testing once more. You see precisely what outcomes you are going to get earlier than you commit.

S is for Stroke Kinds

In Affinity Designer, dotted traces are straightforward to create—simply apply the Sprint Line Type to a form’s stroke, tweak the sprint parameters, and also you’re carried out.

It is equally quick to use the appliance’s different stroke kinds too, reminiscent of vector brush-based traces and arrows.

T is for T-Shirt Designs

When you’re questioning whether or not or not Affinity Designer T-shirt design is a factor, the reply is sure. I’ve used it myself for some POD printed designs, and each the method and outcomes had been nice.

Affinity Designer simply imported the PSD design template information I wanted to make use of. It was clean and efficient to design in on the required dimension, and it supported the CMYK coloration format that is vital for print.

Don’t overlook, if you wish to get a head begin, you may at all times seize a T-shirt graphic template from Envato Parts and import it into Affinity Designer as the idea in your personal design.

Pictured: T-shirt Designs Retro Assortment by JeksonJS

U is for UI Design

While you’re first studying the way to use Affinity Designer, you may not initially understand, nevertheless it’s really a really succesful UI design device—one of many few (or perhaps the one one) that may be bought for a flat price and used on each desktop and cell.

It has artboards, as we talked about earlier, nevertheless it additionally has different key UI design options like format constraints, typography controls, synchronized symbols, an asset library, and even a group of ready-made drag-and-drop UI belongings constructed proper in.

V is for Vector Brushes

One of many distinctive features of Affinity Designer artwork is definitely pushed by Affinity Designer brushes. No, not the raster, Photoshop-compatible brushes we talked about earlier. Relatively, Affinity’s personal scalable, versatile, vector-based brushes.

Seize any vector-based brush and paint away as in the event you had been working in raster, however then keep the power to scale with out high quality loss, and alter the location of your strokes at any time.

W is for Workspace Presets

As from Affinity Designer 1.9, you may create your individual workspace presets, a.okay.a. studio presets.

Arrange your workspace with the studio panels you wish to present, positioned the place you want, after which go to View > Studio Presets > Add Presets and provides your preset a reputation.

You possibly can then load that preset any time you want to revive your saved workspace format.

X is for X-Ray Imaginative and prescient

Go to View > View Mode > Break up View, after which set one of many facet’s views to Define mode.

This offers you X-ray imaginative and prescient of your doc everytime you drag the separator forwards and backwards.

Y is for Your Personal Asset Libraries

We noticed earlier how Affinity Designer ships with an asset library of UI components. Nicely, you too can create your individual asset libraries similar to this, so you can also make graphics as soon as after which reuse them by dragging and dropping onto your canvas. You possibly can share these libraries between paperwork and even with different individuals.

Open the Belongings studio panel, create a brand new class, after which create a sub-category and begin including objects to it. Do that by choosing a graphic you’ve got made, clicking the top-right dropdown inside an asset sub-category, and selecting Add from Choice.

Z is for Zooming 1,000,000%

Affinity Designer has a capability for zooming with velocity and constancy that at this level is first in school. Begin zooming and successfully hold going so long as you want, as a result of it is extremely unlikely you are ever going to hit that a million p.c zoom restrict.

And no, that is not a dare.

Wrapping Up

In order that’s the A to Z of Affinity Designer: 26 of the good options, suggestions, and methods I do know in regards to the software program. I hope these Affinity Designer 2 tutorials assist get you began.

Since its preliminary beta again in 2014, Designer has turn out to be my go-to graphics utility. I’ve purchased it for each platform on which it exists, and I’d fortunately do all of it once more. When you haven’t tried it but, do your self a favor and provides the free trial a go.

Get your self all of the Affinity Designer enable you to want and refill on graphics, brushes, and different belongings to make use of in it over at Envato Parts.


URL List

Leave a Reply

Your email address will not be published. Required fields are marked *