3 Simple Ways to
Share What You Make

With Instructables you can share what you make with the world — and tap into an ever-growing community of creative experts.

PhotosPhotos

Share one or more photos of a project, recipe, or whatever you've made, quickly and easily.

Step by StepStep-By-Step

Share your step-by-step photos with text instructions of what you made so others can do it too!

VideoVideo

Share your how-to video. You'll need your embed code from a video site such as YouTube.

Miss Betsy's Steampunk Keyboard

Step 6Letters for the keys

Letters for the keys
«
  • step06_02.jpg
  • step06_03.JPG
  • key pad lg.png
To make the letters for the new keys I had thought of designing them in Photoshop. If you don't have that, any other photo editing program should do. I recommend the free program  GIMP. I measured the inside of the buttons first which was about 15/32" The maximum numbers of keys was 18 across and there are 6 rows. According to this I opened a new image 11" wide and 4" inches high. Then I drew 15/32" circles in the approximate arrangement of the original keyboard. I also measured the square keys because I wanted to keep them and not just replace them with round buttons. So I drew the exact shape of the square buttons.
Finally after a long search, I found the font I liked and was going to use. ImperatorSmallCaps by Paul Lloyd, available at:  Free Fonts.
After installing the font I typed the letter, number or text in the approximate location. Each on a separate layer; sorry I don't know much about other programs what you can do there.
Then I went back, edited the layer and nudged the letter in the exact position, likely the center of the circle. This took about 3 evenings of working in Photoshop.
Last step was to find some nice texture and the right color. I decided on an old parchment look, even if you don't see very much of it.
Some keys would be reversed, black on yellow.
After I was satisfied with the result, I copied the image to 1 layer, cut it up in 4" x 6" pieces and sent them to Walgreen's to be developed there. That would look much better than printing them out, costs just 18 cents a piece and I could pick them up 2 hours later.
The pic of the whole layout is the full size png file for those who are interested. Be aware, it is 4.6Mb !!!

« Previous StepDownload PDFView All StepsNext Step »
4 comments
Oct 8, 2010. 6:36 PMJasonMyers says:
McAfee said it was dangerous to download GIMP. Really? I want a free, safe Photoshop, and not Paint.NET! I need a more sophisticated program. Any suggestions?
Nov 24, 2010. 1:11 AMDIY-Guy says:
To the Author: BEAUtiFUL keyboard!

To JasonMyers:
Try AVG Free Edition, it's got so many more accurate signatures than the "pay for your continued fear" commerical programs. Last time I got the GIMP it was fine and I checked it with a few different anti-vir programs.

Sincerely,
DIY-Guy
Nov 8, 2011. 8:43 AMsde schaetzen says:
AVG Free Edition has gives ALOT of false positives.
Nov 19, 2010. 9:07 PMjurgemaister says:
My suggestion is: Don't listen to McAfee :)
Jul 19, 2010. 10:43 AMmanueldthomas says:
sorry for the trouble i was able to download file after all thanks manuel

Pro

Get More Out of Instructables

Already have an Account?

close

All Steps Viewing
View all steps of an Instructable on the same page when you're a Pro Member.

Upgrade to Pro today!
149
Followers
9
Author:MissBetsy
You might call me "Jack of all trades, mistress of none"; "all" is definitely an exaggeration but I am interested in lots of "trades" and try to master at least the basic steps so that I understand wh...
more »