Jump to content

Recommended Posts

I have a round logo that I want to crop out from a white background (JPG image). The Vector Crop Tool only seems to let me crop in boxes.  Surely there is a simple way to select a circular area of an image and crop that out, to save what's inside the circle.  Please advise ASAP.  Thanks in advance!

 

Share this post


Link to post
Share on other sites

Digital images are always rectangular, so cropping is always rectangular too. You probably want to make background transparent.

Share this post


Link to post
Share on other sites
2 hours ago, ACPhillips said:

JPG image

JPEG does not support transparency, you must use eg PNG.

ADe: Pixel Persona, Elliptical Marque Selection, Del. Document with Transparent background (set in Document Setup). 


Affinity Store: Affinity Suite (ADe, APh, APu) 1.8.5.703.
Windows 10 Pro, Version 20H2, Build 19042.610.
Dell Latitude E5570, i5-6440HQ 2.60 GHz, 8 GB, Intel HD Graphics 530, 1920 x 1080.
Dell OptiPlex 7060, i5-8500 3.00 GHz, 16 GB, Intel UHD Graphics 630, Dell P2417H 1920 x 1080.
Intel NUC5PGYH, Pentium N3700 2.40 GHz, 8 GB, Intel HD Graphics, EIZO EV2456 1920 x 1200.

Share this post


Link to post
Share on other sites

Draw a round shape (ellipse) over the part of the JPG image you want to keep.

Then in the Layers panel drag that shape over the thumbnail of the image layer to mask the image to the shape


Due to the fact that Boris Johnson is now our Prime Minister, punctuation, spelling and grammar will never be worried about ever again.  We now have far bigger problems to be worried about.

Share this post


Link to post
Share on other sites

You can not save a round image! You can export the image as PNG. So you will only see the round part of the image.


Nikon D7500 - Win 10 - Mac - Affinity Photo/Publisher (Betas if available)

Share this post


Link to post
Share on other sites
11 minutes ago, ACPhillips said:

carl123    I tried that but what is the step to save only the round section of the image?  

Thanks.

If by "save" you mean export

Select the background (pixel layer) then...

File > Export > PNG

Select "Selection without background" in the Area drop-down box


Due to the fact that Boris Johnson is now our Prime Minister, punctuation, spelling and grammar will never be worried about ever again.  We now have far bigger problems to be worried about.

Share this post


Link to post
Share on other sites

carl123.   Yes.. I tried that but when I select the original file (JPG) and try to save at PNG w/o background I get the same image.  The white bkgrnd does not drop out. See attached AD file. In the attached  are both the original (RT) and the saved PNG ((L).

 

4 minutes ago, carl123 said:

If by "save" you mean export

Select the background (pixel layer) then...

File > Export > PNG

Select "Selection without background" in the Area drop-down box

 

AS Round Logo - Sample.afdesign

Share this post


Link to post
Share on other sites

You used a rectangle shape for the mask you need to use a circle

See attached 

 

AS Round Logo - Sample2.afdesign


Due to the fact that Boris Johnson is now our Prime Minister, punctuation, spelling and grammar will never be worried about ever again.  We now have far bigger problems to be worried about.

Share this post


Link to post
Share on other sites

TY Carl!  However, I'm still not understanding what the steps are to properly mask the desired area and then get a clean background-free PNG.  I have tried placing a circle layer over the original, but the result is not what you get. 

Sorry... newbie to AD.

Share this post


Link to post
Share on other sites

Just the circular red logo on a transparent background (attached logo is a PNG with transparency) ...

circle_on_trans_background.thumb.png.1c4aa3f4632a7344a1f0f42809d8b21c.png

Convert the image layer to pixel (raster) via the layer commands, then via the Pixel persona make a circular selection more exact than mine here and copy over to doc with a transparent background. Save the whole as a PNG to keep the transparency outside of the circle. - That just in case you want to have your circular logo stand alone. Otherwise for usage inside your actual document follow Carls advice.


☛ Affinity Designer 1.8.3 ◆ Affinity Photo 1.8.3 ◆ OSX El Capitan

Share this post


Link to post
Share on other sites
 
 
 
 
2 minutes ago, ACPhillips said:

Sorry... newbie to AD.

Not a problem

Upload what you have now with the circle layer


Due to the fact that Boris Johnson is now our Prime Minister, punctuation, spelling and grammar will never be worried about ever again.  We now have far bigger problems to be worried about.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...

Important Information

Please note the Annual Company Closure section in the Terms of Use. These are the Terms of Use you will be asked to agree to if you join the forum. | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.