Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

Making a PNG image transparent

New Here ,
Jul 28, 2024 Jul 28, 2024

Hi there, 

 

I have a PNG image from the internet (an iPhone case) which I need to turn transparent. So essentially the iPhone case is empty/transparent but the background is still there.

 

This is for a third-party app on Shopify where customers can attach their own image to products such as an iPhone case, and the empty/transparent phone case will be filled by the customers image attached.

 

Please let me know if I need to explain further. 

 

Thanks in advance!

TOPICS
macOS , Web
946
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe
Community Expert ,
Jul 28, 2024 Jul 28, 2024

Is this what you're going for?  See screenshot.

 

I used the Quick Selection Tool and a Quick Mask to refine areas around the iPhone.

Go to Select > Inverse > and use the Backspace key to remove unwanted background.

image.png

 

Hope that helps.

 

 

Nancy O'Shea— Product User, Community Expert & Moderator
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jul 28, 2024 Jul 28, 2024

If the reverse is what you want, don't use the Inverse option. Just select the unwanted pixels from your iPhone and hit the Backspace key.

 

image.png

 

Nancy O'Shea— Product User, Community Expert & Moderator
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Jul 31, 2024 Jul 31, 2024

Hi Nancy, 

 

Thank you for your response.

 

I have figured out now how to remove the iPhone pixels. 

 

I would like to keep the pixel of the circles where the lens should be so the mockup doesn't do over them (The circled part in the attached screenshot. How can I do this?

 

Thanks again for your help!

 

If I have managed to 

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jul 31, 2024 Jul 31, 2024

In Quick Mask mode, use paint brush to reveal/conceal pixels. Black conceals, white reveals.

 

 

Nancy O'Shea— Product User, Community Expert & Moderator
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Jul 31, 2024 Jul 31, 2024

Thank you - the one in the screenshot attached? 

 

Do I just paint over it like so?Screenshot 2024-07-31 at 22.42.11.pngScreenshot 2024-07-31 at 22.42.31.png

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jul 31, 2024 Jul 31, 2024
LATEST

Quick Mask Mode described

https://helpx.adobe.com/photoshop/using/create-temporary-quick-mask.html

 

Nancy O'Shea— Product User, Community Expert & Moderator
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines