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

I am having trouble converting a JPG Logo to a PNG file

Community Beginner ,
Sep 28, 2023 Sep 28, 2023

Copy link to clipboard

Copied

I can't get this JPEG to convert to a PNG.. I'm trying to remove the entire white background.

 

I've tried select and mask but it does not work..  

 

janee_0-1695953735457.jpeg

 

TOPICS
Windows

Views

300
Translate

Report

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 ,
Sep 28, 2023 Sep 28, 2023

Copy link to clipboard

Copied

First covert the locked image Backround to a floating layer.

Votes

Translate

Report

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 ,
Sep 28, 2023 Sep 28, 2023

Copy link to clipboard

Copied

My first thought was to use Remove Background (open the JPEG, unlock the layer, and go the to Quick Actions section of the Properties panel where you would click the Remove Background button). However, it removes most of the N and quite a bit of the text on the bottom line.

 

So instead, I would recommend using a Layer Mask and Channels. Here's how:

  1. Open the JPEG
  2. Unlock the layer by clicking on the lock icon
  3. Click on the Layer Mask icon at the bottom of the Layers panel or go to Layer > Layer Mask > Reveal All
  4. Go to the Channels panel (Window > Channels)
  5. Select the Blue channel
  6. Copy and paste it into the layer mask in the Channels panel
  7. Hide the visibility of the all the channels except the layer mask
  8. With the layer mask selected, invert the layer mask either with Ctrl + I (Windows) or Command + I (macOS) or by going to Image > Adjustments > Invert
  9. With the layer mask still selected, go to Image > Adjustments > Levels...
  10. Drag the white triangle below the histogram to the left until the main content is mostly white, when the background shows gray parts, drag the darkest triangle to the right until it's black again, and drag the middle triangle to the left to remove gray from inside the main content (my values turned out to be 16, 4, 54 from left to right)
  11. Turn the visibility back on for all the other channels and turn off the visibility for the layer mask
  12. Export the masked content as a PNG (File > Export As and select PNG)

Votes

Translate

Report

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 Beginner ,
Sep 28, 2023 Sep 28, 2023

Copy link to clipboard

Copied

You Rock Myra... I'm really struggling here.. I'm a total novice at PS..   I"m getting most of your instructions.. but some of it is just real foreign to me...   thank you so much.. I'm going to keep trying. ..   

Votes

Translate

Report

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 ,
Sep 28, 2023 Sep 28, 2023

Copy link to clipboard

Copied

Oh, I just noticed there was some remaining white with the values that I used in Levels, so you can try some other values or use the Brush tool on the layer mask to remove the white above the N and around the S. You would add black on the layer mask to hide the pixels in the image.

Votes

Translate

Report

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 ,
Sep 28, 2023 Sep 28, 2023

Copy link to clipboard

Copied

No kidding?  That is such a small graphic at 320 pixels square, and quite busy with a large range of colours.  That makes it tricky as all heck.

 

First thing I do in these situations is look for a better version.  Especially much larger pixel size, and with luck, a PNG with transparency.  I found a PNG, but it is even smaller!

 

https://static.spotapps.co/website_images/ab_websites/118786_website/logo.png

 

OK try this.  I am short on time so I'll write the steps. 

 

The blue channel has the most contrast, so drag it to the new channmel to copy. 

Select the copy and use Levels to get the contrast as high as you can

image.png

 

Ctrl click the blue channel copy to load it as a selection, and invert it (Ctrl Shift i)

Select RGB and add a layer mask.  That gets us started.

Now do the same thing again using a copy of the red channel.  That gets our layer mask pretty much all the way there.

There is bugger all contrast in the green channel, so not really worth adding it.

 

image.png

 

You can see I have a layer filled with green behind the logo.  That makes it easier to seaa any leaks in the mask

image.png

I would still redo the 'SEAFOOD & DIVE BAR' because it would be easy and would crisp that part of the logo up. If it was in any way important, I would rebuild the entire logo. The palm tree and the three lines between the setting sun and Fins would be tricky to do as a vector shape, so I'd probably leave that as raster. The combine the shape and raster layers as a Smart Object and save them to a Creative Cloud Library.  Could you do that?

Votes

Translate

Report

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 Beginner ,
Sep 28, 2023 Sep 28, 2023

Copy link to clipboard

Copied

I'm not sure... wow.. I appreciate your help.. but I"m still very much a novice here.. si I'm really struggling..   Thanks! 

Votes

Translate

Report

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 ,
Sep 28, 2023 Sep 28, 2023

Copy link to clipboard

Copied

LATEST

I've been trying to home in on the SEAFOOD font but wasn't getting anywhere till I realised that the crossbars are lighter weight than the verticals.  That suggests that they cheated with the aspect ratio, which would have any self respecting graphic artist screaming into their Café Latte.  The capital S is unusual, but the Adequate font is about right.  I still wasn't there because the weight is about a semi bold.  I decided if I am going to commit sacrilege with the aspect ratio, it's OK to reduce the weight with a one pixel inside stroke the same colour as the background.  [CRINGE]

image.png

 

https://en.maisfontes.com/adequate-bold.font

Votes

Translate

Report

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