Using photos for project front panel labels/artwork

In summary, the conversation involves a discussion about different methods for creating professional-looking labels or graphics for a DIY project front panel. The ideas mentioned include printing on a laser or ink-jet and transferring or applying it to the panel with adhesive or varnish. The person suggests using LibreOffice Draw to create the artwork and converting it to a .png or .jpg format for printing at a local photo lab. They plan to cut holes for the pots and switches and use nuts and washers to hold the panel in place. There is also a mention of using a craft making kit to cut precise holes. Someone suggests talking to a sign shop to print on sign vinyl or using metal photos for a professional look, but the person is looking for a budget
  • #1
NTL2009
596
380
There are many web sites and videos about various methods for producing one-off labels/graphics for our DIY project front panels. Most of the ideas I've seen involve printing on a laser or ink-jet, and transferring this (laser), or applying it (ink-jet) to the front panel with adhesive or varnishing it in place. They seem like a fair amount of work and questionable results. I don't want to go the chemical etching route.

I'd like a professional looking panel for a project that I'm working on now. An alternative I'm trying is to create the 'artwork' in LibreOffice Draw, then convert to .png or .jpg format for printing at a local photo lab (I'm using Costco, but there are many places with probably similar quality/cost). My panel is 9.25" by 7.25", so an 8" x 10" will do, and costs < $2.

I will cut holes (more on this below) for the pots and switches, and the nuts/washers (plus maybe some adhesive) will hold it in place to the underlying panel (I'm using a thin sheet of plexi-glass, but aluminum sheet would work well too. I'll have mechanical support posts every few inches to keep deflection low.

I haven't seen anyone else doing this, but maybe my searching skills are failing me, I get a lot of hits using printers as above, so maybe this method just gets lost?

Any recommendations for increasing the durability of the photo? I'm not sure how it will hold up to handling. I could laminate it, or maybe spray with lacquer or poly? Ideas for reducing glare? I have some test prints done, they are pretty good as far as glare ('lustre' finish), I'm also doing a test with a slightly less black background to see if that will help. I'll try to upload a sample pic.

I could cut the holes manually, but the switches I'm using have only a small lip ( ~ < 1/16"), so it needs to be fairly precise. Fortunately, my wife wanted one of those craft making kits that is an x-y plotter with a cutter head (Brother Scan-N-Cut), and it takes .svg files ('outline' types of drawings), and I've generated that file from my drawing - a test run on plain paper worked great. They aren't exactly cheap machines, and she was a little sheepish to ask for it, but I kinda figured I'd come up with a use for it for myself!

My first real attempt looked great (even got a "wow" from my wife), but unfortunately, the scale was off. I tried again, this time in Draw, I set the printer paper size to 8.00" by 10.00" with 0.00" margins. The program threw out a warning, but allowed me to continue. This appeared to be accepted into the photo lab program correctly, I haven't picked up the photos yet though. But I also couldn't seem to get Draw to convert to jpg and keep high res (it seemed stuck at 100 DPI), so I had to export as pdf, then import into GIMP, and that would let me export as a 1200 DPI (overkill?) png file. Using minimal compression (#1) got me to a reasonable 3.2MB file size (lossless compression was 422MB!). Hopefully, I can find a way to avoid the multiple import/exports.

If I get the pic uploaded, the 8 'stars' are where pots will go, so most of the radial lines will be covered by the pot knob ('chicken-head' style, for better visual and tactile feedback), and the 13 smaller circles are where 1/2" momentary switches (with center ring indicator LEDS) will go. I'll upload a pic later, right now I can't seem to get the file small enough to be accepted here (update, heck a pdf was only 19KB - smart compression).

Anybody use this method, or see any references to it?
 

Attachments

  • FPCv005c.pdf
    18.8 KB · Views: 316
Physics news on Phys.org
  • #2
If you use a clear plastic then you might try reverse printing on the back side for durability.
 
  • #3
Talk to a sign shop. They can print anything on sign vinyl, then just peel and stick. Sign vinyl is available in many colors. It is roughly the thickness of electrical tape.

This sign is printed on sign vinyl. It has been outside in the sun for 2.5 years now, with no noticeable fading.
P5310024.JPG
 

Attachments

  • P5310024.JPG
    P5310024.JPG
    45.3 KB · Views: 1,197
  • #4
JBA said:
If you use a clear plastic then you might try reverse printing on the back side for durability.

Yes, but I don't want to print them myself. I'm doing a solid black background with white text/lines (were you able to view my attachment?), and I know any consumer grade printer like I have will come out with bands on it. When I have a photo printed by a local photo lab (with < 24 hour turnaround, and < $2), large areas of black are black.

jrmichler said:
Talk to a sign shop. They can print anything on sign vinyl, then just peel and stick. Sign vinyl is available in many colors. It is roughly the thickness of electrical tape.

This sign is printed on sign vinyl. It has been outside in the sun for 2.5 years now, with no noticeable fading.
View attachment 226456

OK, but the sign shops I looked at on-line are based on large sizes (> 1' in each direction), and price looks to be a lot higher than a than an 8" x 10" photo. My wife has access to a laminator at work, I'll have her laminate a sample of a photo to see how that goes for glare, clarity and durability. I may also be changing things up as I develop this project.
 
  • #5
Check up on 'heat transfer print'. Thats the one used for mugs.
 
  • #6

Attachments

  • aluminum-front-panel.jpg
    aluminum-front-panel.jpg
    18.8 KB · Views: 1,139
  • Like
Likes jim hardy
  • #7
  • #8
Not tried this but...i think some ink jet printers will print onto quite thick card stock. Presumably you have to remove a rear panel or something like that. Perhaps they can also print straight onto aluminium? When dry spray with a clear coat?

Edit: I'm thinking the ones that can print onto CDs might also handle similar thickness card/aluminium.
 
Last edited:
  • #9
  • #10
NTL2009 said:
Any recommendations for increasing the durability of the photo?
What about clear contact used for covering library books etc? This stuff can be very durable, and you should be able to find a low-sheen variety. You'd have to make sure it's applied perfectly the first time, which is not hard with some practice.

Otherwise, I would just sandwich the photo in some thin clear acrylic and call it a day. No glue required since the panel would hold it in place.

NTL2009 said:
I'll have mechanical support posts every few inches to keep deflection low.
Just curious, how do these posts help minimise deflection if the label sheet is supported by the (presumably metal) panel behind it?

NTL2009 said:
I don't want to go the chemical etching route.
I know you've already gone down the path of printing, but the standard DIY method of PCB etching with FeCl2 is quite easy, and probably works for other materials if you don't want your front panel to look like a PCB. Just an idea.
 
  • Like
Likes NTL2009
  • #11
To some previous replies - some of those look very expensive for a one-off, and one that I might change up over the life of this project.

And I really am not thinking in terms of ink-jet printing - I don't have (and don't want to buy) a high quality ink-jet printer, and remember, this panel is almost all black (though I guess you can get white ink?).

(
Andrew Lorimer said:
What about clear contact used for covering library books etc? This stuff can be very durable, and you should be able to find a low-sheen variety. You'd have to make sure it's applied perfectly the first time, which is not hard with some practice.

Otherwise, I would just sandwich the photo in some thin clear acrylic and call it a day. No glue required since the panel would hold it in place. ...

Yes, that's the kind of thing I need to try with some samples, to see if I can get the right blend of low sheen and clarity. And I might just go with thin acrylic. The flexible contact sheet is maybe a little more attractive to me, because it would be easy/cheap to replace if scratched/damaged/worn, as I can easily cut them with my wife's craft cutter. An acrylic panel would need to be drilled which is a bit time consuming.

Andrew Lorimer said:
... Just curious, how do these posts help minimise deflection if the label sheet is supported by the (presumably metal) panel behind it? ...

Because I had it handy, I used a thin plexi sheet for the front panel instead of metal. I don't really have good metal cutting tools to get a nice edge, so the plexi needs a little support. No big deal.

Andrew Lorimer said:
...
I know you've already gone down the path of printing, but the standard DIY method of PCB etching with FeCl2 is quite easy, and probably works for other materials if you don't want your front panel to look like a PCB. Just an idea.

Yes, but I really want a black background with white text/graphics. This is going to be an 'expander control panel' for an existing piece of equipment, and I want it to match the style of the panel on that equipment. Etching looks cool, but is very different from what I'm looking for (at least the examples I saw on the web).
 
  • #12
Spray the panel with black paint. Make a stencil with the cutter/plotter. Spray the white part with white paint.

When things change just wash with paint remover and repeat with the new design.

BoB
 
  • #13
rbelli1 said:
Spray the panel with black paint. Make a stencil with the cutter/plotter. Spray the white part with white paint.

When things change just wash with paint remover and repeat with the new design.

BoB
Thanks, but the trouble with stencils is you can't get a nice looking "A" or "p" or "O" or "0". You need something, like little fingers, to hold those 'island' parts of the mask. That doesn't look great, and these letters are probably too small for that machine to cut.
 
  • #14


But I think you really should ask around the mug-printers in the neighbouring streets...
 
  • Like
Likes Craftek_Ana
  • #15
Rive said:
...

But I think you really should ask around the mug-printers in the neighbouring streets...

Thanks, I researched the mug printing process a bit. They use special paper that holds the ink, to be released with pressure/heat to the object. They said the same process is used to print to metal plates.

When I saw 'metal plates' I looked it up and saw that Costco offers that service. But the smallest is 11 x 14 or 12 x 12 (inches), $34 and ~ one week turnaround. So not really a good match for my project, which might involve a few trial generations of the front panel screening, and I might re-use the panel itself. Compared to < $2 for an 8 x 10 print, and 1 day (or less) turnaround.

I got a usable print back the other day, and am in the process of assembling it. The scale was off slightly, but still very usable (an 8" reference line ended up ~ 1/8" longer, about 1.56%). I was careful to specify 8 x 10 in my drawing program, with 0" margins, and this imported into the Costco system w/o any crop warnings or anything. What I suspect is that since I'm asking for no border, they enlarge the print slightly to assure printing just over the edges (like over-scanning on an old TV). I think that is called "bleed" or "full bleed" in the printing industry. I'll see if I can account for that on any future orders, maybe the Costco people can tell me exactly what % is used. But by centering it, the error is split, so it only means the labels towards the outer edges are at most ~ 1/16" off from perfect centering - not really noticeable, even for me being aware of it.

It was also a little tricky getting it aligned on the Brother Scan-n-Cut cutter. That machine also did some auto-magic re-aligning of my imported cut file. My first attempt, it seemed to completely re-zero my drawing, which I didn't understand. So next, I added a feature right at the 0-0 point and each corner, but it shifted it by ~ 1/8th inch, as that appears to be a 'keep out' zone for the cutter (shows as a red dashed line in their app). Instead of fighting it, I just offset my photo by a -0.125 x and y on the cutting mat, and it did a really good job with that.

I need pretty precisely located circles cut for the switches, they have only a small lip over the front panel, and since they are wired and held by a nut on the back, if I want to replace the photo-label, it has to slip right over the switch. For the pots it's easy, just remove the knob, and the nut/washer from the front, put on the new photo-label.

Here's the switches I'm using, LED status indicator built into the ring - so you can see...

https://www.ebay.com/itm/122756638633

s-l200.jpg
 

Attachments

  • s-l200.jpg
    s-l200.jpg
    3.3 KB · Views: 615
  • #16
NTL2009 said:
I need pretty precisely located circles cut for the switches, they have only a small lip over the front panel, and since they are wired and held by a nut on the back, if I want to replace the photo-label, it has to slip right over the switch. For the pots it's easy, just remove the knob, and the nut/washer from the front, put on the new photo-label.
I was wondering if you could take the blank panel and scan it to get an image; used for making it easier to scale your photo to?
 
  • Like
Likes jim hardy
  • #17
dlgoff said:
I was wondering if you could take the blank panel and scan it to get an image; used for making it easier to scale your photo to?

Thanks, but that's not really the source of my issues, I'm not sure what 'problem' that solves? The scaling issues come between my drawing and the final product from the photo lab.

I created a drawing program with very exact dimensions, and I drilled the panel to match that. So those are in very good registration. The 'problem' (very minor at this point), is that when I convert that drawing to an 8" x 10" jpg for the photo lab, and request a border-less print, the photo lab zooms in ~ 1.0% ~1.5% (I've since seen this discussed on other forums), to get the 'bleed' over the edges, so they don't run the chance of printing something with a tiny sliver of a border on a border-less print, which would happen if the paper wasn't registered perfectly in the printer.

1.5% isn't really a problem, it is accurate enough, it's just the labels in relationship to the pots/switches. But in the future, I'll try adding a second full 8 x 10 background (with no labels) to the 'canvas', then shrink my 8 x 10 image with the labels to 98.25%. I might also check what they do if I order a print with a border. Seems like I'd have the opposite issue, do they shrink the picture down to something like 7.5" x 9.5" for a 1/4" border all around? Hmm, maybe if I set my canvas to that size, it would all work out?

It's also interesting for this, that the cutting machine I bought for my wife has scanning capability (Brother Scan-N-Cut). So I do have the option of scanning a drilled panel, or making a drawing to scan for cutting. That might be a little easier, as I could then just place the final photo in the same spot on the cutting mat as that scanned drawing, and all this dealing with how the cutting machine treats the border would be a non-issue. Ahhh, for anyone else trying this, I did have one other minor issue - the cutting knife dragged across the photo in a couple places, leaving a minor, minor scratch. I may have had the knife set a smidgen too deep. But in the future, I think I'll cut with the back side up.
 
  • Like
Likes dlgoff
  • #18
The usual way to get a properly scaled image is to place a fiducial mark next to the long axis of the image, outside of the active image area. This requires the use of a larger piece of paper for the copied image. But also gives you an easy way to verify correct sizing before paying for it!

Code:
  |<-------------------------------------------------------------->|
                        SCALE TO 10.00 INCHES

Cheers,
Tom
 
  • #19
Tom.G said:
The usual way to get a properly scaled image is to place a fiducial mark next to the long axis of the image, outside of the active image area. This requires the use of a larger piece of paper for the copied image. But also gives you an easy way to verify correct sizing before paying for it!

Code:
  |<-------------------------------------------------------------->|
                        SCALE TO 10.00 INCHES

Cheers,
Tom
That is not the issue. I have an index line as you describe. But the photo lab prints it slightly larger to produce a 'bleed' as I describe above. I needed to have it printed and measure it to determine how much they expand it. If that is consistent, I should be able to compensate by resizing the elements of my drawing, but keeping an 8x10 'canvas'.
 
  • #20
So far, you are specifying a process to the lab; to print on a given paper size and be sure not to have any border. That is what they are doing.
Even though I failed to explicitly state it :sorry:, my point was to tell the photo lab to print on whatever size paper is needed so the fiducial mark is the dimension you need. Then you trim the excess paper away during your other cuttings. To make this trimming easier you can include trim marks at the four corners of the active area. These marks could also be used as reference point for setting up the Scan-N-Cut.

Code:
__                                    __
|                                       ||__                                   __|
 
  • #21
Thanks, and I am using reference lines as you describe already - but I think you are way over-estimating the capabilities of this "photo lab".

This is Costco, their consumer photo printing service (like many in the retail market). They produce high quality prints, less than 1 day turnaround, and very cheap ( 8x10 is $1.79, 4x6 is $0.17). At those prices, I don't expect any real customization. I submit them on-line, check some boxes (size, border/no-border, gloss/luster, auto-adjust or 'as submitted'). I really do not think anyone behind the counter is going to adjust their machine to my specs, and I doubt they even know how.

I'm pretty sure a couple test prints would be cheaper than going to any sort of full service photo lab. From what I've learned on-line, the 'zoom' that a local Costco store uses to provide the 'bleed' will be consistent for a given size print and other options. But if you submit and have it emailed to you, they may send it to whatever lab is available, and that lab may have different machines and/or different settings.

Even with the ~ 1.5% zoom they do, the accuracy is good enough for what I'm doing. The furthest apart labels are ~ 8", and that's only ~ 1/8" larger. Centered, that makes the label only 1/16" off from perfect. Barely noticeable even if you know it and look for it - these are just labels for switches and pots. Or if I worked in reverse, I could use an extra print as my drill template - though that 1/8" would be a problem if you were mounting things to a PCB, but I'm doing point-to-point wiring, so no problem.

I've just detailed this out for anyone that might be trying this, and for my own documentation. Even though 1.5% is acceptable for now, they may change their settings in the future, or I may have a need for better accuracy. Since I think I can compensate with a few mouse clicks, I will give it a try on any future orders, and I think it would be good for me to have that process defined for future reference.

I still need to experiment with laminating the photo for protection, to see if I can find something with the right level of non-gloss and clarity. With a laminated cover, I might want to order the photos in gloss, rather than 'lustre' finish.

Bottom line, I think this is the right way for me to go, I just needed to try a few things along the way. The panel looks really good, and will look great when I make a final pass at it - my current one is really planed as a 'throwaway', I'm almost certain that once I start using it, I will want changes in the layout, things I couldn't anticipate w/o some hands-on use. So I'm taking what I'm learning so the final (OK, next) version will be solid.

FYI, this is for an expansion control panel for an electronic musical instrument. With extra pots and switches, and a small controller, and the magic of the MIDI interface and Continuous Control messages, I can add all sorts of control capability to the instrument. Some of this is just for convenience (direct control of a parameter, rather than having to go through several button pushes to get to that parameter), and also controls that just can't be done from the front panel of the instrument (like changing 10 parameters at once with one knob, interpolating and extrapolating values for each parameter, maybe even some inverted from others, based on other settings I reference).

It's been fun, right now I'm working on the software and hardware to get the panel LEDS lit under computer control. I probably should have used latches for this, but I built on a common part I'm using (16:1 analog MUX's) to route each pot and switch input to the ADC, and I'm using one MUX in 'reverse' - the common is tied to Vcc through a current limiting R, and the outputs go to my LED drivers. But w/o latching, I need to put a cap on the driver, and strobe any lit LED outputs every few milliseconds, but that looks do-able, just a little kludgy maybe.
 
Last edited:
  • Like
Likes Tom.G
  • #22
I think i'd experiment with this stuff
upload_2018-6-14_19-37-2.png


Print on the back, search for an adhesive that doesn't dissolve it.

Alternatively, find who makes car window decals.
upload_2018-6-14_19-41-34.png
 

Attachments

  • upload_2018-6-14_19-37-2.png
    upload_2018-6-14_19-37-2.png
    30.9 KB · Views: 506
  • upload_2018-6-14_19-41-34.png
    upload_2018-6-14_19-41-34.png
    35.7 KB · Views: 506
  • Like
Likes dlgoff
  • #23
Yes, I've thought of those things. As I mentioned above, I'm using white text on a black background, so I'd have to print a lot of black. And my basic laser printer (or old ink-jet) doesn't print a full black, black - you get some banding and such. And I don;t want to buy a higher quality printer just for this.

$1.79 at Costco gets me a fully black-black print.

So far, any sort of decal/sign/transfer printing I've found was far more expensive than $1.79. Since I anticipate going through a few revisions, I'm trying to avoid a large set-up fee.
 
  • #24
The 8-bit guy does a nice job of making reproduction game labels:

 
  • #25
Thanks, that had a few tips for adhering the labels to the panels. But as I've stated, I don't want to print these myself, for the reasons I've stated above several times (I need full black background - my printer won't do that in high quality).
 
  • #26
Been some good brainstorming, though !
 
  • #27
jim hardy said:
Been some good brainstorming, though !
Yes, I do appreciate the comments. You never know when something might spark another idea, or be useful for some other project.
 
  • #28
NTL2009 said:
Yes, I do appreciate the comments. You never know when something might spark another idea, or be useful for some other project.
bold by me
Since you mention this ...
I use dry transfer (or rub-on) lettering covered by a couple light coats of Krylon clear spray followed by an oven bake (~200°F).
 
  • Like
Likes jim hardy
  • #29
NTL2009 said:
Any recommendations for increasing the durability of the photo?
I just got back from grocery shopping with the wife. I ran across a self-laminating product from 3M for 8.5x11 sheets. The material itself measures 10x12 inches and is sticky on one side, no machine or heat required. Ten sheets for about $6. The 3M product number is LS854SS-10. UPC 0 21200 47311 1. Found it in the office/school supplies section in Target. Amazon also shows LS854SS at varying prices (mostly higher).
 
  • Like
Likes berkeman
  • #30
Tom.G said:
I just got back from grocery shopping with the wife. I ran across a self-laminating product from 3M for 8.5x11 sheets. The material itself measures 10x12 inches and is sticky on one side, no machine or heat required. Ten sheets for about $6. The 3M product number is LS854SS-10. UPC 0 21200 47311 1. Found it in the office/school supplies section in Target. Amazon also shows LS854SS at varying prices (mostly higher).

Thanks, those look pretty good, and they specifically mention "photo safe". Office Depot near me has them for ~ $7 (out of stock at my Target). I'll pick some up when I'm out today, and give them a try.
 
  • #31
So this following approach isn't what I'm looking for right now, but maybe in the future if I'm already ordering a PC Board, so I thought I'd post it for others to see. Basically, when this guy orders a PCB for his project, he specifies black solder mask and maps out a section of the PCB as the front panel. He has it drilled & routed to his specs, and the legend (white silk screened, durable paint) is the labeling/graphics for the panel. Clever!

It's really pretty neat, and there are some pretty cheap small run PCB houses out there. This is still a little pricey for the near 8 x 10 size I would need, but if I also needed a PCB, it's very low added cost. And if I needed quantities in the dozens, it might pencil out as well (drilling being done for you, and PCB is strong enough w/o any backing panel needed).



I think this is the place he used:

https://jlcpcb.com/
 

1. How do I choose the right photos for my project front panel labels/artwork?

When choosing photos for your project front panel labels/artwork, it is important to consider the theme and purpose of your project. Choose photos that are relevant and visually appealing to your target audience. Additionally, make sure the photos are of high quality and resolution to ensure they look clear and crisp on your front panel.

2. Can I use any photo I find online for my project front panel labels/artwork?

No, it is important to make sure you have the proper permissions and licenses to use any photo for your project front panel labels/artwork. Using copyrighted photos without permission can result in legal consequences. It is best to use photos that are in the public domain or that you have taken yourself.

3. How can I edit and enhance photos for my project front panel labels/artwork?

There are many photo editing software programs available that allow you to edit and enhance photos for your project front panel labels/artwork. Some popular options include Adobe Photoshop, Canva, and GIMP. These programs offer a variety of tools and filters to help you edit and enhance your photos to fit your project's needs.

4. What is the best file format to use for photos on project front panels?

The best file format to use for photos on project front panels is typically JPEG or PNG. These formats are widely supported and offer high-quality images with relatively small file sizes. It is important to make sure your photos are saved in a high resolution to ensure they look clear and crisp on your front panel.

5. How can I ensure my project front panel labels/artwork looks professional with the photos I choose?

To ensure your project front panel labels/artwork looks professional with the photos you choose, make sure the photos are of high quality, relevant to your project, and properly edited and enhanced. It is also important to consider the overall design and layout of your front panel and how the photos fit in with the other elements. You may also want to get feedback from others to ensure the photos are conveying the desired message and aesthetic for your project.

Similar threads

Replies
6
Views
2K
Replies
8
Views
548
  • Mechanical Engineering
Replies
20
Views
2K
  • Astronomy and Astrophysics
Replies
2
Views
3K
Replies
10
Views
2K
  • Computing and Technology
Replies
12
Views
5K
  • STEM Academic Advising
Replies
27
Views
4K
  • MATLAB, Maple, Mathematica, LaTeX
Replies
2
Views
2K
  • MATLAB, Maple, Mathematica, LaTeX
Replies
1
Views
2K
Back
Top