Rounded corner and frame on image

[angelsmallbizorg]

Hi all - I am brand new to this software (purchased and downloaded last evening!) and need to create an image that's got rounded corners, a thin white 'frame' around the image, and a transparent background (which shows as a thin 'frame' outside of the thin white 'frame') for posting to social and to a website. I've tried using the corner tool, but the little icons to grab and pull in (to create the rounded corners) do not show up for me. I've tried grouping all the layers of the image, and have tried saving the image as a .png and re-opening that way and still the selectors do not show up. What am I doing wrong, any ideas? 

I've attached a screenshot of the top of an image created in PicMonkey that's showing what I'm trying to achieve.

I'm using Affinity Designer on a Mac.

Thanks in advance, and please let me know if I forgot any relevant info! :-)

[v_kyr]

There are several different possible ways to do what you are after in AD. - One quick way would be ...

1. Create a new transparent document of desired size.
2. Add a rounded rectangle shape, the rounded corner radius can be adjusted on top at the tools settings.
3. Place your image into the document, clip it to the rounded rect shape.
4. Add another stroke to the rounded rect of desired size and color.

[angelsmallbizorg]

@v_kyr I cannot believe that you created a video for me... thank you SO much! This newbie really really appreciates that!!! :-) 

[angelsmallbizorg]

1 hour ago, ErrkaPetti said:

Begin to convert your pictures frame to curves, then you can use the corner tool...

I am not sure what that means, but thank you for responding! :-) 

[v_kyr]

What Errka means is ...

1. Place your image into the doc, select it and then convert it to curves via the menu command "Layer > Convert to curves"
2. Afterwards use the "Corner tool" from the toolsbar and apply the corner rounding to the 4 edges
3. You can afterwards adjust just the stroke/contour of the image to make that white rounding as shown previously (or place it on a rounded shape as I show this time), note however that applying just the stroke then is more precise and exact.

[angelsmallbizorg]

@v_kyr thank you (again)!!!! I will try both of these. I appreciate both you and @ErrkaPetti responding! :-) 

[v_kyr]

It's one of the other ways to get rounded corners on images, as said there are different ways to get the wanted end result.

[angelsmallbizorg]

@v_kyr I gotcha - and as is often the case, with both software and life, yes? :-) (I love that this is true... that there are multiple ways to do these things!)

[v_kyr]

BTW, I've forgotten to mention that when using the toolbar "Corner tool" you can when it's activated, also first select all 4 corner points and apply then the radius rounding all at once for all 4 corners equally, that's then more time usage efficient, than I showed in the vid with single selected corner point manipulations. - However with single corner point selection and manipulation you can give all those 4 corners then also different roundings in case needed or wanted.