Jump to content

Recommended Posts

Hi there,

 

So I would like to change this barcode so that the black bars and numbers are transparent, while keeping the surrounding white as is. I'm not sure how to do this with it being a flat image (not already broken up into separate layers)--can anyone help? 

00860303002305 UPC-A SST1.png

Share this post


Link to post
Share on other sites
On 19/05/2018 at 2:43 PM, kazoulay said:

Hi there,

 

So I would like to change this barcode so that the black bars and numbers are transparent, while keeping the surrounding white as is. I'm not sure how to do this with it being a flat image (not already broken up into separate layers)--can anyone help?

 

Hi kazoulay

 

There are a few options. Here are two.

 

1. Go Select > Tonal Range > Select Shadows to select the black, and then press delete. Make sure it is a pixel layer (rasterised), not an image layer.

 

2. Use blend ranges (the little cog on the layers panel.

cog.jpg.a2a22ad383f940c033afd856e03a088e.jpg

 

 

blend.jpg.6de59282657ba8081cd80133bd559ccd.jpg

 

If you drag this point from the top to the bottom, it makes the black transparent. 

 

Edit. As carl123 mentioned, you might get grey outlines left behind around the edges, so move the point down and then to the right to eliminate them. 

 

right.jpg.98c5be4c07c2aa2551481dca4e5f3b31.jpg

 


Windows PCs. Photo and Designer, latest non-beta versions.

Share this post


Link to post
Share on other sites

Make sure Document > Transparent Background is ticked (or you wont see the transparency)

Select the layer in the Layers panel
CTRL + I (to invert layer)
Filters > Colours > Erase White Paper
CTRL + I (to undo invert layer)


Due to the ongoing Brexit negotiations, punctuation, spelling and grammar will be used sparingly until further notice.

Share this post


Link to post
Share on other sites

One more

 

Use the Flood select tool (with contiguous un-ticked)

 

Select the black and press delete.


Windows PCs. Photo and Designer, latest non-beta versions.

Share this post


Link to post
Share on other sites
23 minutes ago, smadell said:

1) Duplicate the layer.

2) Rasterize to Mask.

 

That masks the bottom layers too. So the mask layer would probably need to be nested.


Windows PCs. Photo and Designer, latest non-beta versions.

Share this post


Link to post
Share on other sites
51 minutes ago, smadell said:

The OP suggested that the barcode image was a solo layer, but otherwise - of course...

 

I only mentioned it because this stuff can be a bit daunting and confusing for a newbie when "odd" things happen.

 

It's often daunting and confusing for me O.o and I'm ancient ;)


Windows PCs. Photo and Designer, latest non-beta versions.

Share this post


Link to post
Share on other sites

Absolutely, toltec. I'm dazed and confused more often than I'd like to admit!

Here's another one:

1) Duplicate the barcode layer.

2) Filters > Colors > Erase White Paper

3) Set blend mode on duplicated layer to "Erase"

4) Group the 2 barcode layers

5b0199e5a76a6_anotheroption....thumb.jpg.7bc27c07d9827105d0c675eeff099d33.jpg

Share this post


Link to post
Share on other sites

Yet another one.

 

Right click on one of the RG or B channels and select Create Mask Layer.

 

Nest the mask.

 

channel.jpg.40c4bebc3e368ba749766592b50448e9.jpg

 


Windows PCs. Photo and Designer, latest non-beta versions.

Share this post


Link to post
Share on other sites

Most of the "solutions" added here are leaving thin greyish outlines around the barcodes and numbers.

Not sure exactly how barcodes work but if the thin greyish outlines will interfere with the scanning of the barcodes you should be careful which method you utilise.

To test just add a pure white Fill layer at the bottom of the layer stack, if all the black areas are truly transparent you should see a pure white canvas with no lines or artefacts.

PS If this is just for some sort of T-Shirt design it's probably less important which method you use


Due to the ongoing Brexit negotiations, punctuation, spelling and grammar will be used sparingly until further notice.

Share this post


Link to post
Share on other sites
47 minutes ago, carl123 said:

Most of the "solutions" added here are leaving thin greyish outlines around the barcodes and numbers.

Not sure exactly how barcodes work but if the thin greyish outlines will interfere with the scanning of the barcodes you should be careful which method you utilise.

To test just add a pure white Fill layer at the bottom of the layer stack, if all the black areas are truly transparent you should see a pure white canvas with no lines or artefacts.

PS If this is just for some sort of T-Shirt design it's probably less important which method you use

 

Not most.

 

Selecting Shadows and deleting

Flood select and delete.

Inverting, erase white paper and invert back

are perfect on my PC. No grey edges at all.

Blend ranges works OK if you tweak the position of the point (move down and to the right)

 

Agreed, the mask "solutions" are a little bit off,

 

Probably the easiest and safest is just to select the black using Select > Tonal Range > Shadows, or Flood select. No edges at all for me.

 

This is the result for those two.

01.jpg.292717e9d2aa0999d250596ca4bca66f.jpg

 


Windows PCs. Photo and Designer, latest non-beta versions.

Share this post


Link to post
Share on other sites

Vector version is more reliable... though when you start fiddling the settings it is always possible (probable) that machine readability suffers. Test if possible.

Share this post


Link to post
Share on other sites

I have no idea why the OP want basically a cut out version. Whatever this will sit on, if it's not just an artistic element needs to be tested with a scanner once finished. 


My computer is a nothing-special Toshiba laptop with unremarkable specs running Windows 10 64-bit.

Share this post


Link to post
Share on other sites

Looks weird but I think this is workable.

5b01e2fd3cbcf_ScreenShot2018-05-20at22_03_31.thumb.png.ac8affa143f169774a759845ec6ce3ad.png

 

Changed the white to grey to show how the transparency works.

5b01e3720bcc2_ScreenShot2018-05-20at22_06_22.thumb.png.6e19282165f7840c566d54bda8e0f219.png

 

Barcode Transparent 860303002305.afdesign

 

Heres the EPS to play with: 860303002305.eps


iMac 27" Late 2015 Fully Loaded, iMac 27" Mid 2011 both running High Sierra 10.13.6 - Affinity Designer/Photo, Publisher Beta 1.7.0.140, Illustrator CC, Inkscape, Blender, Sketchup, Pepakura Designer, MTC, Pixelmator & Pixelmator Pro + more... XP-Pen Artist-12, - iPad2 iOS 9.35 B|  Instagram & Flickr - Affinity Designer (ADe) Tutorials - Affinity Photo (APh) Tutorials - Public Domain Images

Share this post


Link to post
Share on other sites

Thank you so much for your help!! I have a new question though...

I know this is an Affinity forum, but you all have been so helpful--my boss now wants me to do this same thing but in Illustrator, and when I changed the Affinity file to an SVG and opened it in Illustrator it was really blurry. 

Could any of you explain how I would make the black transparent in Illustrator? Sorry to ask! 

Share this post


Link to post
Share on other sites

Did you you download the file I attached to my post above? Just export it to svg. Open in illy. It'll be vector in Illy.


My computer is a nothing-special Toshiba laptop with unremarkable specs running Windows 10 64-bit.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×