Newbie question. How to create rounded corners in png?

Corel Paint Shop Pro

Moderator: Kathy_9

Post Reply
Drachsi
Posts: 9
Joined: Thu Jan 17, 2013 7:26 am
operating_system: Windows 7 Professional
System_Drive: C
32bit or 64bit: 64 Bit
Location: Germany

Newbie question. How to create rounded corners in png?

Post by Drachsi »

I have an image that I would like to have rounded corners with a transparent .png background. Could somebody tell me the procedure to create this?
Regards
Drachsi
Radim
Posts: 712
Joined: Mon Nov 01, 2010 5:54 pm
operating_system: Windows 10
System_Drive: C
32bit or 64bit: 64 Bit
ram: 4GB
Monitor/Display Make & Model: 27 inch

Re: Newbie question. How to create rounded corners in png?

Post by Radim »

There are quite a few ways to do that.

One way:

1. open PNG picture and convert it to layer (..right menu on layer)
2. create empty image of the same size (width a height) as PNG
3. create vector object (set size of final size of PNG with rounded corners) - rectangle with rounded corners as you like, set border width to 0 (zero), any solid color
4. right click on PNG on layer and select: New mask layer -> From Image (..here in Mask Source select - I think last - transparency), and on top select that image with vector shape

Here is screenshot (sorry in Czech) - http://lab.php5.cz/rounded.png
Drachsi
Posts: 9
Joined: Thu Jan 17, 2013 7:26 am
operating_system: Windows 7 Professional
System_Drive: C
32bit or 64bit: 64 Bit
Location: Germany

Re: Newbie question. How to create rounded corners in png?

Post by Drachsi »

Thanks, I'll give that a try.
Drachsi
Drachsi
Posts: 9
Joined: Thu Jan 17, 2013 7:26 am
operating_system: Windows 7 Professional
System_Drive: C
32bit or 64bit: 64 Bit
Location: Germany

Re: Newbie question. How to create rounded corners in png?

Post by Drachsi »

Hi,
I got to stage 3 and then got lost. I have both images as png, but cannot see how create rounded corners? You support is appreciated.
Regards
Drachsi
LeviFiction
Advisor
Posts: 6831
Joined: Thu Oct 02, 2008 1:07 pm
operating_system: Windows 10
System_Drive: C
32bit or 64bit: 64 Bit
motherboard: Alienware M17xR4
processor: Intel Core i7-3630QM CPU - 2_40GH
ram: 6 GB
Video Card: NVIDIA GeForce GTX 660M
sound_card: Sound Blaster Recon3Di
Hard_Drive_Capacity: 500GB
Corel programs: PSP: 8-2023
Location: USA

Re: Newbie question. How to create rounded corners in png?

Post by LeviFiction »

Hey.

I have an old tutorial from back with PSPX3. It shows how to use a vector rectangle to create a selection and delete the area we don't want. It's not the best, and was based on a similar question.

https://www.youtube.com/watch?v=WAqGyezSiXk

In this tutorial I just deleted the unwanted area, but you can also use a mask by going to the Layer menu and selecting "New Mask -> Show Selection" this removes the need to invert the selection first as it'll mask out the unwanted area. You can then ignore the rest since it's all about adding the border and drop shadow to the image.

When you save out as a PNG make sure to select the "Options" button in the save dialog. This will bring up the PNG optimizer, and make sure to have transparency turned on based on the current image transparency.
https://levifiction.wordpress.com/
User avatar
hartpaul
Advisor
Posts: 2893
Joined: Tue Mar 20, 2012 3:38 pm
operating_system: Windows 10
System_Drive: C
32bit or 64bit: 64 Bit
motherboard: ASUSTeK P7P55D STRIX B240F GAMING
processor: IntelCore i7 7700 3.60 Ghz
ram: 8 Gb
Video Card: Nvidia GeForce GTX 1050
sound_card: Nvidia High Definition Audio
Hard_Drive_Capacity: 1000 Gb
Monitor/Display Make & Model: AOC
Corel programs: PSP8,X2 to X9,2018,2019,2020
Location: Australia

Re: Newbie question. How to create rounded corners in png?

Post by hartpaul »

Is this what you are after?
image1.jpg
1. Place image on workspace. (Can be jpg tif or any other single layer image)
2. Promote Background Layer (otherwise will not show transparency)
3. Selection Tool and choose Selection Type - Rounded Rectangle
4. Select the part of your image you want to keep - you can right click inside the rectangle to move it around.
5. Selections > Invert and hit the Delet key and there is your image with rounded corners and transparent edges.
6.Selections > None and Save as png.
Systems available Win7, Win 8.1,Win 10 Version 1607 Build 14393.2007 & version 20H2 Build 19042.867
Post Reply