Affinity photo and designer

Affinity Photo

Blur certain area of photo

1. In the Photo Persona in the left column pick the Rectangular Marquee tool (M) and create a rectangle.
2. On the right choose the layer tab and then click on the lower botton which looks like a sand clock (i.e. Live Filters)
3. Choose Gaussian Blur... and increase the radius.

Cut out something out of image

1. Pick the brush selection tool.
2. Choose a pencil width
3. Left click while moving the cursor and don’t worry about too much selection
4. Left click + press the Alt key to remove selection which you don’t want.
5. Hit Refine on the top left
6. In the Layer tab on the right, select your layer and in the bottom row click on the Mask Layer button.
7. Go to File > Export as png and use it later.

Remove complex background

1. Duplicate image
2. Apply high-pass filter
3. Adjust radius
4. Layer > Merge visible
5. Selection Brush Tool -> Rough selection

6. Refine

   • Increase border width
   • Output > New layer with mask
7. Roughly go over border area between image and background

Export front image only with transparent background

8. File > Edit in Publisher…
9. Export to PNG

Export with other background image

8. File > Place…
9. Pick image, drag and move layer behind created front image with mask.
10. This YouTube video explains it perfectly. It additionally contains haze removal which I omitted here.

Add into other image

1. Go to File > New to create a new Image window
2. Create a new layer: In the layer column on the right, at the bottom right one of the small buttons creates a new layer.
3. Drag and drop the newly created png image in.

Instructions taken from here

Draw border around cut out image

1. Cut out an image as described above.
2. In the Layer tab on the right, select your layer and in the bottom row click on the Layer Effects button (it says fx on it)
3. Go to Outline and increase the Radius.

Seen in this video

Add padding to image

1. In the Layer tab on the right, select your layer and in the bottom row click on the Layer Effects button (it says fx on it)
2. Go to Outline and choose the Alignment Inside.
3. Now increase the Radius.

Blur background of image

See these instructions on YouTube

Affinity Designer

Move with transformation vs. without

• Button is on the top right.

Flatten svg files

found it at this link

1. Go to Layer/Expand Stroke.
2. Export to svg

Only weird part missing: it’s exported as responsive because it shows width and height as 100% and not as its actual values.

Links

http://design.tutsplus.com/tutorials/create-an-autumn-girl-illustration-in-affinity-designer—cms-24685